Как создавать изометрическую иллюстрацию в Figma

Короткий урок о том как сделать простую изометрическую иллюстрацию в Figma. Эти же действия можно повторить и в других графических редакторах.
Предварительно можно создать компонент и сделав копию начать операцию
1. Последовательность действий такова:
2. Увеличиваем по высоте на 120%
3. Поворачиваем на 45 или -45 градусов(зависит в какую проекцию вы хотите попасть)
4. Сжимаем по высоте на 57,75%
5. И поворачиваем на 60 или -60 градусов
Если вы интересуетесь WEB дизайном и хотите поднять уровень или начать путь с нуля, у нас есть подробный курс.
Зарегистрироваться и узнать подробности о курсе можно по ссылке: goo.gl/V86j86
Пример хорошего урока из курса: goo.gl/YUzwVy
На создание урока вдохновил Ryan Morrison ведущий дизайнер WebFlow

[@rabbitholywar]

Можно проще делать ребят, поворачиваешь на 45 градусов, делаешь группу и меняешь высоту на значение: 57,75%

[@Alex-hm3uk]

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

[@naukadsgn]

Можно и так. Просто уже и в изометрии удобно меняется.

[@FishkiWebflow]

а как двигать объекты по оси Z тогда

[@antonbystrukov6591]

Дай бог тебе здоровья добрый человек!

[@deepouterspace]

Гениально! Очень полезный урок

[@Sjisskkxhxjsisijdjfspo]

БЕЗУМНО ПОМОГЛИ!!! ОГРОМНОЕ СПАСИБО

[@crazcry]

Кайф! Спасибо Роман))

[@design_and_point]

Это бесценно! Спасибо! Здорово выручил!

[@user-pu5lx9rq9v]

Спасибо большое,

[@cryptotrade7003]

Спасибо за вашу работу, очень помогло)))

[@difog7487]

Благодарю!

[@observer9948]

Нереально интересно 🔥

[@wildbluecat9875]

Спасибо большое!!!

[@user-pn8ns6tm7i]

Класс!

[@postolify]

Спасибо!

[@Marina-Isaeva-web]

Спасибо большое-пребольшое!

[@TemaKubik]

Жду когда автоматизируют это

[@irinapuzyr7316]

Круто, спасибо)

[@andrew31c]

Всем привет! А зачем изначально коэффициент 1.2? Для улучшения восприятия?

[@flatrigna7773]

Ого не знал. А сетку можно построить и по ней строить иллюстрации?

[@alexanderchernook8504]

Как в Скече такое сделать? По гайду так не получается

[@naukadsgn]

Только что проверил в скетече, все тоже самое. вы не забыли про группировку объекта после поворота на 45 градусов?

[@alexanderchernook8504]

@@naukadsgn в Люстре вот все хорошо работает. А Скеч уменьшает высоту некорректно www.giphy.com/gifs/YjEOqrR4HtT0PQpphL

[@naukadsgn]

У меня получилось когда добавил в группу обычный прямоугольник. начните поворачивать с ним

[@od5848]

где видео про открытие тушенки тапком?

[@user-cu6vl8uc9o]

Магия математики))))

[@flamest1lflamest1l43]

А что это за стиль оформления такой в самой фигме?

[@naukadsgn]

Это старый интерфейс фигмы

[@flamest1lflamest1l43]

@@naukadsgn аа, понял. спасибо

[@antiko75]

Исправте пожалуйста "простую ИЗОТЕРМИЧЕСКУЮ иллюстрацию в Figma".

[@naukadsgn]

Спасибо за помощь в поиске ошибок. Так как мы практикуем параллельно химию, из-за ближе к вечеру бывает начинаем путать термины )

[@makarqvvv]

Текст не умножается в длине

[@masum-talk]

Try to do English better :)