Advertisement
  1. Web Design
  2. Sketch

Небольшая подсказка: как создать мокап с перспективой в Sketch

by
Read Time:2 minsLanguages:

Russian (Pусский) translation by Alex Bogdanov (you can also view the original English article)

Манипулировать графикой в трех измерениях (добавляя удаляющуюся перспективу, либо какой-то изометрический план) может оказаться весьма полезным. В этом небольшом руководстве мы воспользуемся плагином, который называется "Magic Mirror", чтобы создать мокап с перспективой.

Смотрите на экран

Предположим вы работаете над приложением для iOS и вы хотите создать изображение с человеком, который держит iPhone под углом, а внутри отображается ваше приложение. Добиться этого штатными средствами Sketch довольно сложно, так что мы используем плагин для Sketch, который называется Magic Mirror.

Устанавливаем Magic Mirror

Есть два способа это сделать: скачав с сайта, либо используя Sketch Toolbox, который поможет вам управлять вашими плагинами.

Как только установите, возвращайтесь в Sketch и идите в Плагины > Magic Mirror 2 > Enable Magic Mirror.

Определите область

Когда вы все настроите, вам нужно будет задать область в Sketch, выделить ее, а затем выбрать artboard в меню Magic Mirror. Содержимое этой artboard затем отразится на вашей выделенной области. Используя наш пример с приложением для iOS, у нас может получиться что-то наподобие:

magic mirrormagic mirrormagic mirror
Область, отраженная с artboard "iPhone 7 Plus"

Теперь, когда ваша artboard отражена на выделенной вами области, вы можете ее повернуть, отразить, и даже (в версии Про плагина) задать @1x или @2x разрешение.

Шаблоны

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

Device and Wood is freeDevice and Wood is freeDevice and Wood is free
"Устройство и дерево" бесплатен

Заключение

Вот как можно использовать плагин Magic Mirror, чтобы создать мокапы с перспективой. Надеюсь, вам это помогло, также не забудьте, что новенького есть в разделе шаблонов для Sketch на Themeforest!

Sketch templates category on ThemeforestSketch templates category on ThemeforestSketch templates category on Themeforest
Выбирайте из более чем 100 шаблонов для Sketch на Themeforest

Дальнейшее чтение

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.