Как быстро и красиво оформить скриншоты экранов мобильных устройств

Как сделать скриншот

На всякий случай повторим матчасть.

• Сделать скриншот на iPhone поможет одновременное нажатие кнопок Home и Sleep.
• На Android-девайсах — одновременное нажатие Volume Down и Power.
• На Windows Phone — нажатие кнопок Start и Power.

Также есть специальные приложения для работы со скриншотами. Для iOS это Skitch, Awesome Screenshot, Annotate. Для Android — Google Now on Tap и другие. В них можно делать снимки экрана, редактировать скриншоты, ставить различные пометки и в один клик делиться ими с друзьями.

Итак, скриншот готов. Как его красиво оформить?

Photoshop

Если вы в достаточной степени владеете Photoshop и знаете, что такое слои, то сможете за несколько минут украсить скриншот рамкой в виде смартфона или планшета.

1. Зайдите на Dribbble или любой другой сайт с бесплатными заготовками для дизайна. В поисковой строке введите: freebies PSD <имя вашего устройства>. Вы получите подборку мокапов своего мобильного гаджета.
2. Скачайте нужные вам файлы в формате PSD и откройте их в Photoshop.
3. Выберите в меню «Файл» → «Поместить» (File → Place) и вставьте скриншот в качестве нового слоя в мокапе.
4. Затем экспортируйте готовое изображение в JPEG: «Файл» → «Сохранить для Web и устройств» (File → Save for Web).

Если у вас нет Photoshop или вы не дружите с ним, попробуйте воспользоваться онлайн-сервисами или специальными приложениями.

Сервисы

Dunnnk

При помощи этого сервиса можно буквально в два клика разместить готовый скрин на красивой картинке с гаджетом (есть iPhone, iPad, Android-устройства). Выберите понравившийся мокап, кликните по экрану гаджета на картинке и загрузите скриншот. Он автоматически добавится, а вы сможете скачать готовое изображение.

Dunnnk →

Magic Mockups

Принцип схож: выбираете понравившийся мокап и вставляете скриншот.

Это можно сделать, загрузив файл на сайт или указав его URL. Удобно, что загруженный скрин можно примерить к нескольким мокапам, переключая картинки в боковой панели. Когда будете удовлетворены дизайном, нажмите оранжевую кнопку Download и выберите размер, в котором хотите сохранить изображение. Недостатком сервиса является небольшое количество мокапов.

Magic Mockups →

mockDrop

Очень простой и шустрый сервис. Отличное решение, когда нужно оформить скриншот по-быстрому.

Выбрав нужную категорию — смартфоны или планшеты — и отыскав подходящую фотографию, нажмите на экран гаджета на ней. Загрузите скриншот и скачайте готовое изображение в JPEG.

mockDrop →

MockUPhone

Более аскетичный сервис, где содержатся мокапы основных моделей устройств на iOS, Android и Windows Phone на чёрно-белом или цветном фоне.

Выбрав модель своего гаджета, нужно загрузить скриншот (сервис подскажет правильное разрешение) и сгенерировать изображение (кнопка Generate product mockups). Готовый красивый скрин можно скачать, отправить в социальные сети или поделиться им, скопировав соответствующую ссылку.

MockUPhone →

Device Art Generator

Сервис для красивого оформления скриншотов для любых телефонов и планшетов на Android. Здесь есть фреймы-шаблоны для HTC One X, Samsung Galaxy S3, Galaxy Note, Galaxy Tab, Nexus 4, Nexus 7 и линейки Google Nexus.

Достаточно перетащить картинку со снимком экрана на требуемый фрейм устройства.

The Device Art Generator →

ShapeItApp

iPhone 4 и 5, Nexus 4/7/S, Nexus Galaxy, BlackBerry Q10 и Z10 — таков здесь выбор устройств. Гаджеты на мокапах разных цветов и в разных ракурсах, некоторые с фоном.

Нажмите Upload your Screenshot, и можете примерять скриншот на разные устройства. Выбрав нужное, кликните Download it now. Готовое изображение сохранится в формате PNG.

ShapeItApp →

PlaceIt

Также автоматически встраивает скриншоты в нужные вам устройства с презентабельным фоном.

Сервис можно использовать для моделирования скриншотов для таких гаджетов, как iPhone, Nokia Lumia, iPad, Microsoft Surface, Amazon Kindle, Samsung Galaxy и Google Nexus.

PlaceIt →

Бонус

Кроме того, можно отправить скриншот на специальный email — smartphones@mailchimp.com — и через пару минут получить уже обработанное изображение с устройством. В одном письме можно отправить сразу несколько снимков экрана. Сервис сам распознает название гаджета и ориентацию (портретную/ландшафтную) на основе EXIF-данных отправленного изображения. Поддерживается оформление снимков экрана iPhone, iPad, Galaxy Tab, Nexus и ряда других мобильных устройств.

iOS-приложения

Screenshot Maker Pro

Бесплатное приложение с большим количеством рамок. Вы можете поместить снимок в любой iPhone (4s/5/5c/5s/6), iPad, iPad mini, MacBook, iMac, а также ряд смартфонов на Android, BlackBerry OS и Windows Mobile. В параметрах можно включить тень, отражение на экране, изменить разрешение, а для некоторых рамок можно выбрать цвет фона.

SMPRO - Mockup Frame Editor

Takahiko HatanoЦена: Бесплатно

Загрузить

Screenshot — Frame Maker

Как и предыдущее приложение, это позволяет использовать всю функциональность, но ограничивает число доступных сохранений. В параметрах можно включить отражение на экране и указать нужное разрешение для готового файла.

Подробнее об этих приложениях читайте в нашем обзоре.

Android-приложения

AppWrap: App Screenshot Mockup Generator

Приложение содержит множество мокапов Google Nexus 5, HTC One M9, Sony Xperia Z3, BlackBerry Z10, Motorola Moto G, Samsung Galaxy S6, а также iPhone 6. При необходимости можно импортировать мокапы и других устройств.

Device Frame Generator

Ещё один генератор изображений, позволяющий быстро вставить скриншот в корпус устройства. Здесь тоже большой выбор гаджетов, можно делать тени и расставлять блики. Оформленный скриншот шарится в два клика.

Кстати, если вам понравилась эта статья, поделитесь ею со своими друзьями. И обязательно напишите в комментариях, как вы оформляете скриншоты с мобильных устройств.