Как создать скриншоты с шаблоном рамки iPhone, iPad, Mac и Apple TV

Новости

Вне зависимости от того, являетесь вы разработчиком Apple, графическим дизайнером или кем-либо еще, иногда для того, чтобы скриншоты с iPhone выглядели более профессионально, лучше добавлять изображение рамки корпуса. Одним из возможных способов сделать это является использование готовых шаблонов, которые легко найти в Сети.

iPhone 5s templateСкачав необходимое изображение рамки, на него можно наложить скриншот при помощи любого фоторедактора. Правда, недостатком такого способа является то, что процесс весьма непростой, да и далеко не у всех пользователей есть навыки работы с графическими редакторами.

Еще одну возможность предоставляет компания FileSquare в виде веб-сервиса под названием MockUPhone. Благодаря данной разработке вы сможете вставлять скриншоты в уже готовые макеты рамки iPhone или iPad. Кроме того, доступны шаблоны iMac, Apple TV, а также смартфонов на базе Android и Windows Phone. С большинством шаблонов можно работать как в портретном, так и ландшафтном режиме. Также существует несколько цветовых вариантов. К примеру, макеты разноцветных iPhone 5c предлагаются в синем, зеленом, красном, белом и желтом оформлениях.

Как создать скриншоты с шаблоном рамки iPhone, iPad, Mac и Apple TV

Шаг 1.

frame phone рамкиПосетите сайт MockUPhone через браузер настольного ПК. Подготовьте необходимые вам скриншоты и выберите понравившийся шаблон.

Шаг 2.

Выберите макет устройства, вставьте скриншоты в формате PNG, JPG или PSD, перетягивая их до области, обозначенной пунктирной линией. Также снимки можно загрузить вручную прямо с компьютера. Стоит помнить, что для каждого устройства есть установленные рамки размера скриншота, к примеру, для iPhone снимок не должен превышать 640 × 1136 пикселей.

рамка для iPhone

Шаг 3.

Нажмите кнопку «Generate product mockup» для создания макета. Процесс генерации может длиться как несколько секунд, так и пару минут – все зависит от количества загруженных скриншотов. На следующей странице вам представят превью макетов в формате галереи. В полном виде они располагаются в ZIP-архиве, который необходимо скачать.

Mockuphone

рамка для iPhone

Шаг 4.

Нажмите кнопку «Download my mockups» для скачаивания макета.

Mockuphone-download

Шаг 5.

Теперь необходимо ввести адрес электронной почты, на который MockUPhone отправит получившиеся файлы. Стоит отметить, что вы автоматически подпишетесь на рассылку новостных писем от компании FileSquare. Частоту рассылки можно изменять.

Mockuphone_Email

Шаг 6.

Сообщение с подтверждением отправления макетов затем отобразится на экране. Это будет свидетельствовать о наличии соответствующего письма от MockUPhone на вашем email. Если такового нет, проверьте папку «Спам» или повторно осуществите два последних шага. Полученное письмо должно начинаться с «Здравствуйте» (Hello) и содержать прямую ссылку для скачивания файлов. После сохранения папки на компьютере, разархивируйте данные.

Mockup-iphone-Thank_you

Также обратите внимание на специальные приложения для получения скриншотов с рамками Apple-устройств.

Смотрите также: