Слово «изометрическая» в названии проекции пришло из греческого языка и означает «равный размер». Значит это, что в этой проекции масштабы по всем осям равны. По сути изометрия это обычная перспектива с двумя точками, но без искажения размеров.
Для чего такая странная перспектива может пригодиться? Из самого очевидного это чертежи и инструкции, изометрические игры и инфографика.
Вобщем, уметь её рисовать- полезный навык.
Сделать базовую фигуру- куб в изометрической проекции можно двумя способами: вручную и с помощью эффектов. Вручную будет иметь смысл это делать, если эффекты не срабатывают или срабатывают с ошибкой. Разберём сначала этот способ.
Изометрия вручную
Создаём квадрат. Для этого кликнем мышкой в любом месте рабочей области. В появившемся окне вводим одинаковую длину сторон.
![](https://static.wixstatic.com/media/971cd2_184318eb0fb644ed93f70aaf928e395b~mv2.png/v1/fill/w_51,h_38,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_184318eb0fb644ed93f70aaf928e395b~mv2.png)
И копируем. Нам нужно 3 одинаковых куба. Копируем один ещё два раза.
![](https://static.wixstatic.com/media/971cd2_a2e74f7a6edc4a1eab1690049140c582~mv2.png/v1/fill/w_82,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_a2e74f7a6edc4a1eab1690049140c582~mv2.png)
Чтобы алгоритм работал корректно, кубы нужно одинаково деформировать . Для этого их выделяем (с зажатым Shift), заходим в "Объект"- "Трансформация"- Масштаб.
![](https://static.wixstatic.com/media/971cd2_ee29eda592314bfe841fbd68d035594c~mv2.png/v1/fill/w_49,h_23,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_ee29eda592314bfe841fbd68d035594c~mv2.png)
![](https://static.wixstatic.com/media/971cd2_80fee10595a946938c95b926b6bbe3ed~mv2.png/v1/fill/w_72,h_54,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_80fee10595a946938c95b926b6bbe3ed~mv2.png)
Далее выбираем "масштабировать непропорционально" и по вертикали уменьшаем высоту до 86,6%.
![](https://static.wixstatic.com/media/971cd2_a883057ef97c4220a14dbdadc6c1a9e1~mv2.png/v1/fill/w_71,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_a883057ef97c4220a14dbdadc6c1a9e1~mv2.png)
Квадраты сплющатся. Теперь их нужно трансформировать в строго установленном порядке: сначала "наклон", потом "поворот".
И на строго установленное количество градусов.
При этом остальные параметры мы в открытом окне не меняем.
Из полученных фигур у нас вполне собирается куб в изометрии.
Для дальнейших построений нам может понадобиться сетка. Сначала настроим её в "Редактирование"- "Установки".
![](https://static.wixstatic.com/media/971cd2_ee00506b2d2e405f8c708b23dcaa6b1a~mv2.png/v1/fill/w_83,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_ee00506b2d2e405f8c708b23dcaa6b1a~mv2.png)
Цвета лучше выбрать поярче, а расстояние в нашем случае в 20px будет вполне комфортным. Внутреннее деление можно убрать, а сетку поместить под объекты.
![](https://static.wixstatic.com/media/971cd2_cae23f1361bf469f8481ab35aea995e5~mv2.png/v1/fill/w_75,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_cae23f1361bf469f8481ab35aea995e5~mv2.png)
![](https://static.wixstatic.com/media/971cd2_3e728b36a0af49d0b7a31375ef511abb~mv2.png/v1/fill/w_85,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_3e728b36a0af49d0b7a31375ef511abb~mv2.png)
Если уж мы в разделе "Установки", проверим, одинаковые ли единицы измерения у нас стоят (это не обязательно, но так будет удобнее).
И настроим перемещение курсора. Для рабочей области в 1000 на 1000px курсор удобно перемещать (при помощи стрелок на клавиатуре) на пол пикселя примерно. Не слишком много, но и не очень мелко.
![](https://static.wixstatic.com/media/971cd2_285cf901d9f04609a92eeb8523eb3e3d~mv2.png/v1/fill/w_56,h_16,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_285cf901d9f04609a92eeb8523eb3e3d~mv2.png)
![](https://static.wixstatic.com/media/971cd2_a9bdac467a30494092b9e6b818138f2f~mv2.png/v1/fill/w_68,h_75,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_a9bdac467a30494092b9e6b818138f2f~mv2.png)
Теперь сетку нужно включить. В разделе "Просмотр" в списке нужно найти опцию "Показать сетку".
Ещё нам могут понадобиться направляющие. Диагональные можно получить из скопированных линий на кубе, превращённых в направляющие в меню после нажатия ПКМ.
![](https://static.wixstatic.com/media/971cd2_23d72676de2d49bb8b938def7440c68d~mv2.png/v1/fill/w_71,h_48,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_23d72676de2d49bb8b938def7440c68d~mv2.png)
Изометрия программно
Теперь попробуем создать такой же изометрический куб проще. При помощи эффектов.
Создаём квадрат.
Выбираем "Объёмное изображение"- "вытягивание и скос". И в открывшемся окне ОБЯЗАТЕЛЬНО выбираем любое положение из ИЗОМЕТРИЧЕСКИХ.
Чтобы получился именно куб, придётся подобрать длину экструзии (т.е. выдавливания).
![](https://static.wixstatic.com/media/971cd2_9438384141ed42c8ae0276556fd961f0~mv2.png/v1/fill/w_79,h_64,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_9438384141ed42c8ae0276556fd961f0~mv2.png)
Не забудьте проверить, стоит ли галочка напротив графы "Просмотр", чтобы сразу видеть результат изменений.
Если мы нажмём на кнопку "Больше", появятся настройки света. Советую поменять цвет тени с чёрного на любой другой тёмный (если будет светлый, вместо тени будет подсветка).
![](https://static.wixstatic.com/media/971cd2_3cee1e4b4c7b48689313547fb4ee3192~mv2.png/v1/fill/w_79,h_69,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_3cee1e4b4c7b48689313547fb4ee3192~mv2.png)
Если мы в процессе захотим как-то поменять получившуюся фигуру (вытянуть или удалить одну из сторон, отзеркалить, перекрасить и пр.), нам придётся сделать ещё 2 манипуляции. Сначала фигуру разобрать (раздел "Объект"- "разобрать"), а потом разгруппировать (ПКМ и в меню "Разгруппировать- иногда не срабатывает, возможно, придётся повторить).
![](https://static.wixstatic.com/media/971cd2_5d3d9e02fc664b26830ff91d8819d218~mv2.png/v1/fill/w_61,h_102,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_5d3d9e02fc664b26830ff91d8819d218~mv2.png)
В итоге получаем два идентичных куба.
Но для создания любого креатива этого будет недостаточно) Придётся экспериментировать. Интересные вещи получаются при вытягивании, если включить скос, подобрать подходящий и увеличить-уменьшить его высоту.
![](https://static.wixstatic.com/media/971cd2_6ca99bca76144506a682672661bbd77d~mv2.png/v1/fill/w_46,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_6ca99bca76144506a682672661bbd77d~mv2.png)
Используя полученные знания, можно попрактиковаться, например, с абстрактными фигурами и узорами по типу узоров Эшера. Это ещё и неплохо тренирует пространственное мышление. Как бы два зайца)
![](https://static.wixstatic.com/media/971cd2_e33b1d9ad60a42ec9987ef9387a8f542~mv2.jpg/v1/fill/w_99,h_250,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_e33b1d9ad60a42ec9987ef9387a8f542~mv2.jpg)