Рисуем изометрических человечков в Adobe Illustrator

В этом уроке вы освоите пошаговый процесс рисования изометрических векторных фигур без использования изометрической сетки.  

Так что же такое изометрическое искусство? Техника невероятно популярна, так как позволяет в полной мере передать все три измерения и объем фигуры. Изометрическая перспектива — это когда угол 30 градусов применяется к сторонам объекта. Это лучше всего иллюстрируется с использованием изометрического куба (как видно на рисунке ниже). 

Рисуем изометрических человечков в Adobe Illustrator

Вы можете создавать изометрическую графику в Adobe Illustrator, используя изометрическую сетку (как показано на рисунке ниже). Это помогает вам создавать изометрические фигуры, следуя сетке.

Рисуем изометрических человечков в Adobe Illustrator

Создаем новый файл проекта

Шаг 1

Давайте начнем с настройки  нового документа  в Adobe Illustrator («Файл» — «Создать»  или «Control-N» ). Для этого урока мы будем использовать следующие настройки :

  • Количество артбордов:  1;
  • Ширина:  850 пикселей;
  • Высота:  850 пикселей;
  • Единицы измерения:  пиксели.

На  вкладке «Дополнительно» используйте следующие параметры:

  • Цветовой режим:  RGB;
  • Растровые эффекты:  Экран (72ppi);
  • Режим предварительного просмотра: по  умолчанию.
Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

После перейдите в  Units (верхнее меню Редактирование — Установки — Единицы измерения)  и используйте настройки, показанные ниже. 

  • Основные:  Пиксель;
  • Обводка:  Пункты;
  • Тип:   Пункты .
Рисуем изометрических человечков в Adobe Illustrator

Создаем голову

Шаг 1

Выберите Ellipse Tool (L) и создайте круг. Удерживайте клавишу Shift на клавиатуре, нарисуйте идеальный круг. Для цвета кожи мы будем использовать настройки ниже, но не стесняйтесь выбирать свои собственные цвета для вашего проекта.

  • R:  194
  • G: 119
  • B:  112
Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Выберите  инструмент прямого выделения  Direct Selection Tool (A)   и выделите круг. Это покажет опорные точки окружности и позволит вам настроить их с помощью инструмента.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Используйте  инструмент Direct Selection Tool (A),  чтобы выбрать нижнюю опорную точку и переместите ее в сторону, чтобы создать подбородок вашего персонажа.

Рисуем изометрических человечков в Adobe Illustrator


Шаг 4

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

  • R: 45
  • G: 42
  • Б: 69
Рисуем изометрических человечков в Adobe Illustrator

Шаг 5

Чтобы создать уши, используйте  Rounded Rectangle Tool.  Нарисуйте небольшую капсулу, используя тот же цвет кожи, что и для головы, и переместите ее на место.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 6

Используйте  Rounded Rectangle Tool,  чтобы создать большую капсулу. Используйте тот же цвет, который вы использовали для волос и слегка поверните ее под углом.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 7

Используйте  инструмент «Выделение» (V),  чтобы поместить фигуру перед головой.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 8

Дублируйте форму, скопировав ее  (Control-C)  и вставив ее  (Control-V) . Поместите новую капсулу дальше над головой, чтобы создать дополнительный объем волос.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 9

Щелкните правой кнопкой мыши на фигуре уха, и выберите «Упорядочить» — «Переместить на передний план» . 

Рисуем изометрических человечков в Adobe Illustrator

Шаг 10

Это поместит форму уха на волосы. 

Рисуем изометрических человечков в Adobe Illustrator

Шаг 11

Создайте еще две маленькие капсулы и используйте  инструмент «Выделение» (V),  чтобы повернуть их и переместить на место.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 12

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

  • R: 165
  • G: 89
  • B: 89
Рисуем изометрических человечков в Adobe Illustrator

Шаг 13

Создайте новый слой для фона.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 14

На новом слое используйте  инструмент «Прямоугольник»,  чтобы создать новый фон, и выберите подходящий цвет:

  • R:  186
  • G: 227
  • B:  254
Рисуем изометрических человечков в Adobe Illustrator

Создаем изометрическое тело

Шаг 1

Используйте Rectangle Tool и вытяните длинный белый прямоугольник. Используйте  инструмент Direct Selection Tool (A),  чтобы переместить две верхние опорные точки навстречу друг другу, чтобы создать трапецию. Убедитесь, что все четыре  виджета Live Corner  видны (если нет, отмените выбор формы и выберите ее снова, щелкнув по центру). Выберите виджет и перетащите все четыре угла к центру, чтобы закруглить углы.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Убедитесь, что тело выбрано. Перейдите в  Effect> 3D> Rotate .

Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Во всплывающем окне обязательно выберите следующее:

  • Position: Isometric Right;
  • Surface: No Shading.
Рисуем изометрических человечков в Adobe Illustrator

Шаг 4

Это придаст телу изометрическую форму. Обратите внимание, что вы все еще можете редактировать форму, как это было, когда она была 2D, и это будет корректироваться в режиме реального времени.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 5

Убедитесь, что тело выбрано. Перейдите в  Effect> 3D> Extrude & Bevel .

Рисуем изометрических человечков в Adobe Illustrator

Шаг 6

Во всплывающем окне обязательно выберите следующее:

  • Position: Off-Axis-Front
  • Extrude Depth: 50 pt
  • Bevel: Rounded
  • Height: 4 pt
  • Surface: No Shading
Рисуем изометрических человечков в Adobe Illustrator

Шаг 7

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

Рисуем изометрических человечков в Adobe Illustrator

Шаг 8

Используйте  инструмент «Выделение» (V),  чтобы переместить голову на верхнюю часть тела.

Рисуем изометрических человечков в Adobe Illustrator

Создаем изометрические ноги

Шаг 1

Используйте инструмент прямоугольник с закругленными углами, чтобы создать бедра персонажа. Выберите новый цвет для ног:

  • R:  100
  • G: 118
  • B:  202
Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Убедитесь, что бедро выбрано. Перейдите в  Effect> 3D> Rotate . Во всплывающем окне обязательно выберите следующее:

  • Position: Isometric Right;
    Surface: No Shading.
Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Убедитесь, что бедро все еще выбрано. Перейдите в  Effect> 3D> Extrude & Bevel . Во всплывающем окне обязательно выберите следующее:

  • Position: Off-Axis-Front
  • Extrude Depth: 50 pt
  • Bevel: Rounded
  • Height: 4 pt
  • Surface: No Shading
Рисуем изометрических человечков в Adobe Illustrator

Шаг 4

Поместите форму ниже и позади тела. Вы можете сделать это, щелкнув правой кнопкой мыши на фигуре и выбрав  Arrange — Send to Back (Монтаж — Переложить назад).

Рисуем изометрических человечков в Adobe Illustrator

Шаг 5

Выберите  Pen Tool (P)  и укажите толщину обводки 21 пункт .

Рисуем изометрических человечков в Adobe Illustrator

Шаг 6

Используйте  Pen Tool (P),  чтобы нарисовать прямую линию, удерживая  клавишу Shift на клавиатуре. Дублируйте или нарисуйте две ноги и поместите их ниже бедер.

Рисуем изометрических человечков в Adobe Illustrator

Создаем изометрические руки

Шаг 1

Используйте  Rounded Rectangle Tool,  чтобы создать белую капсулу для рукава рубашки. Поверните его под небольшим углом, используя  инструмент выделения (V) . 

Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Поместите капсулу на плечо персонажа.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Дублируйте форму и отправьте ее обратно (щелкните правой кнопкой мыши — Монтаж> Переложить назад) . Затем вам нужно будет перевернуть фигуру  (щелкните правой кнопкой мыши — Трансформировать — Зеркальное отражение — Вертикально), затем укоротите ее и поместите поверх плеча персонажа.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 4

Выберите  Pen Tool (P)  и настройте параметры обводки так, чтобы цвет соответствовал цвету кожи персонажа:

  • Толщина:  11 pt
  • Cup:  круглые.
Рисуем изометрических человечков в Adobe Illustrator

Шаг 5

Используйте  Pen Tool (P),  чтобы нарисовать слегка изогнутую руку и поместите ее под белую капсулу рукава.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 6

Дублируйте руку, скопировав ее  (Control-C)  и вставив ее  (Control-V) .

Рисуем изометрических человечков в Adobe Illustrator

Шаг 7

Переверните руку, щелкнув правой кнопкой мыши по ней и выбрав Трансформировать — Зеркальное отражение — Вертикально  .

Рисуем изометрических человечков в Adobe Illustrator

Шаг 8

Используйте  инструмент выделения (V),  чтобы отправить руку назад и поместить ее под вторую белую капсульную гильзу.

Рисуем изометрических человечков в Adobe Illustrator

Создаем изометрическую юбку 

Шаг 1

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

Используйте  инструмент «Выделение» (V),  чтобы выделить весь объект и продублировать его. На втором персонаже используйте  инструмент Direct Selection Tool (A), чтобы удалить волосы.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Выберите обе ноги и измените свойства обводки, чтобы цвет соответствовал цвету кожи персонажа. Уменьшите немного толщину ног:

  • Weight: 15 pt
    Cap: Round Cap
Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Чтобы создать юбку, выберите изометрическую форму, которая составляет бедро персонажа. Затем используйте  инструмент «Выделение» (V)  и потяните форму вниз, чтобы увеличить и отрегулировать длину. 

Рисуем изометрических человечков в Adobe Illustrator

Шаг 4

Используйте  Direct Selection Tool (A) , чтобы настроить Live Corner Widgets ,  чтобы углы снова стали острыми.Регулируйте форму юбки, перемещая нижние опорные точки друг к другу.

Если вы довольны общей формой юбки, вы можете снова использовать   Direct Selection Tool (A),  чтобы скруглить углы с помощью   Live Corner Widgets .

Рисуем изометрических человечков в Adobe Illustrator

Создаем изометрические волосы

Шаг 1

Чтобы создать волосы второго персонажа, используйте  Ellipse Tool (L)  и создайте идеальный круг. Используйте  инструмент «Выделение» (V),  чтобы разместить его в нужном месте и отправить назад. (Правый клик — Монтаж — Переложить назад) 

Затем создайте меньший круг и поместите его за ухо. Нажмите и удерживайте  клавишу Shift на клавиатуре, используя Ellipse Tool, чтобы создать идеальную форму круга.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Создайте еще один круг и поместите его перед лбом персонажа. Используйте  инструмент Direct Selection Tool  (V),  чтобы уменьшить высоту и внести коррективы в форму.

Рисуем изометрических человечков в Adobe Illustrator

Создаем грудь

Шаг 1

Используйте  Ellipse Tool (L),  чтобы создать маленькую круглую белую форму и поместите ее поверх области груди персонажа.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 2

Дублируйте форму и поместите ее на другую сторону груди.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 3

Сгруппируйте обе фигуры вместе  (Control-G)  и продублируйте новую группу. Вы можете сделать это, скопировав его  (Control-C)  и вставив его на место  (Control-Shift-V) . Это вставит новую группу поверх предыдущей группы. Мы назовем эту новую группу «Shadow Group».

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

Рисуем изометрических человечков в Adobe Illustrator

Шаг 4

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

Вам также может понадобиться выбрать группу головы и шеи и снова отправить ее вперед, если она будет закрыта.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 5

Удалите лишнюю теневую область, накрыв ее новой фигурой (это можно сделать с помощью Pen Tool). Выберите форму тени и новую форму (показана красным цветом) и используйте Режим Минус Верхний,  чтобы удалить лишнюю тень.

Рисуем изометрических человечков в Adobe Illustrator

Шаг 6

Поместите тень под белым эллипсом.

Рисуем изометрических человечков в Adobe Illustrator

Потрясающие! Вы закончили!

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

Рисуем изометрических человечков в Adobe Illustrator
Источник
Оцените статью
( 1 оценка, среднее 5 из 5 )
Поделитесь с друзьями
Adobe Illustrator - сообщество художников
Оставьте свой вопрос, отзыв или комментарий к статье

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.