Запись в 29.11.2018

Плагин Sketch Isometric для создания модных изометрических изображений

asvfedf 0 - комментарии
Дизайнерское агенство >> Без рубрики >> Плагин Sketch Isometric для создания модных изометрических изображений

Создавайте изометрические изображения из артбордов и прямоугольников прямо в Sketch.

Порядок действий

  1. Выберите исходный Артборд / Прямоугольник
  2. Нажмите Ctrl + shift + I или запустите плагин через ‘Plugins > Sketch Isometric > Generate Isometric View’
  3. Выберите поворот, настройте толщину и масштаб как пожелаете, и нажмите кнопку «Done».

Больше примеров…

Плагин Sketch Isometric - пример 1 Плагин Sketch Isometric - пример 2 Плагин Sketch Isometric - пример 3 Плагин Sketch Isometric - пример 4

Можно глянуть пару GIF-файлов, пожалуйста?..

Плагин Sketch Isometric - демонстрация работы 1

Плагин Sketch Isometric - демонстрация работы 2

Функции

Поворот

Плагин Sketch Isometric - демонстрация работы - поворот

Утолщение

Плагин Sketch Isometric - демонстрация работы - утолщение

Масштаб

Плагин Sketch Isometric - демонстрация работы - масштаб

Цвет

Цвета сторон могут быть изменены вручную после выхода из плагина. Просто выберите нужную фигуру и обновите цвет заливки на желаемый.

Плагин Sketch Isometric - демонстрация работы - цвет

Проецирование на поверхность

Плагин Magic Mirror можно использовать для отображения нужного артборда поверх изометрического изображения.

Плагин Sketch Isometric - демонстрация работы - проецирование на поверхность

Установка

Рекомендуемый вариант

  • Установите посредством Sketch Runner или Sketchpacks, выполнив поиск по названию Sketch Isometric.

Старомодный вариант

Убедитесь, что установлена последняя версия Sketch. (Sketch 40+)

  1. Скачайте ZIP-файл из этого репозитория
  2. Двойной клик по Sketch-Isometric.sketchplugin

Вы также сможете создавать изометрические рисунки, подобные этим…

Плагин Sketch Isometric - демонстрация работы - 3 Плагин Sketch Isometric - демонстрация работы - 4 Плагин Sketch Isometric - демонстрация работы - 5 Плагин Sketch Isometric - демонстрация работы - 6 Плагин Sketch Isometric - демонстрация работы - 7 Плагин Sketch Isometric - демонстрация работы - 8 Плагин Sketch Isometric - демонстрация работы - 9

Контакты

Свободно пишите мне свои предложения или замечания.

Email: sures.srinivasan@gmail.com

Портфолио

Благодарности

Спасибо Gokulan Vikash за помощь и добавления действительно интересных функций.

Иллюстрации вдохновлены Nitish Khagwal, Cognitive-scale и многими другими.

Спасибо Tim Wantland и Kyle Pedersen за вдохновение и моральную поддержку ????

Связанная запись

4 маленьких хитрости создания анимации в Principle

Как подготовить кликабельный прототип, содержащий все необходимые взаимодействия. Сколько раз вы пытались объяснить свой отличный дизайн…

суши официальный

Суши по праву можно назвать блюдом, уместным в любой ситуации. Нежданно-негаданно нагрянули гости? Планируется поездка…

Как создать UI-прототип мобильного приложения в Adobe XD

Исторически в Adobe Creative Cloud отсутствовал инструмент для дизайнеров, который позволял бы быстро и качественно создавать макеты прототипов…