Как быстро подготовить иллюстрации для обзора программы или сервиса

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

Мокап (mockup) — это специально подготовленный графический шаблон, в который помещается сделанный вами скриншот. В интернете можно найти сотни платных и бесплатных мокапов на любой вкус. Однако для их использования понадобится Photoshop и хотя бы минимальные познания в графическом дизайне. Поэтому хотим вас познакомить с несколькими сервисами, которые помогут сделать такие иллюстрации за несколько минут прямо в браузере.

Dunnnk

Сервис Dunnnk предлагает более 50 бесплатных шаблонов популярных гаджетов, разделённых на несколько категорий. Сначала потребуется выбрать понравившийся дизайн, а потом загрузить свой скриншот. Обратите внимание, что сервис не контролирует пропорции и разрешение вашей картинки, а встраивает в мокап любой скормленный ему файл. Поэтому для достижения оптимального результата постарайтесь подбирать скриншоты с подходящими параметрами.

Frame

Здесь вы найдёте 35 бесплатных шаблонов: смартфоны, планшеты, ноутбуки. После загрузки картинки вам будет предложено обрезать её таким образом, чтобы она наилучшим образом вписалась в экран. Готовая иллюстрация открывается в полноразмерном виде в новой вкладке, откуда её можно сохранить на свой компьютер.

Smartmockups

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

Mockdrop

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

Screely

Screely несколько отличается от предыдущих сервисов. Он не размещает ваш скриншот на экране гаджета, а просто придаёт ему красивое обрамление в стиле Mac OS. Можно выбрать вид шапки окна, интенсивность тени, цвет фона и некоторые другие параметры. Идеальный способ сделать так, чтобы все иллюстрации в статье выглядели красиво и единообразно.

Приведённые в этой статье сервисы не смогут, разумеется, заменить работу профессионального дизайнера. Однако в условиях нехватки времени или малого бюджета могут пригодиться для оформления статей на сайтах, записей в блогах и постов в социальных сетях. Больше полезной информации вы найдёте в моём канале USE IT.