в

Как создать лего-фигурку Бэтмэна в Adobe Illustrator

В сегодняшнем руководстве мы проведём время за игрой и раскроем своего внутреннего ребёнка, научившись создавать цифровую версию Лего-Бэтмэна. Ура! Мы собираемся всё это сделать в Adobe Illustrator при помощи простых геометрических фигур, которые изменим. Возьмите чашку свежего кофе, и мы начнём! 

1. Как настроить новый файл проекта

Откройте Illustrator и настройте Новый документ (Файл > Новый или Control-N), задав следующие параметры:

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

Во вкладке с Расширенными настройками:

  • Цветовой режим: RGB
  • Растровые эффекты: Осветление (72 точек на дюйм)
  • Режим предпросмотра: по умолчанию
setting up a new document

2. Как настроить стандартную сетку

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

Шаг 1

Перейдите в Редактировать > Установка > Направляющие и сетка и установите следующие параметры:

  • Сетка через каждые: 1 пиксель
  • Деления: 1
setting up a custom grid

Подсказка: вы можете узнать больше о сетках, почитав это подробное руководство по тому, как работает система сеток в Illustrator.

Шаг 2

Когда установите стандартную сетку, нам нужно активировать функцию Привязки к сетке в меню Вид (если вы работаете в старой версии Illustrator).

Если вы не знакомы с рабочим процессом с идеальными пикселями,  очень рекомендую почитать моё руководство по созданию идеального пиксельного рисунка, который поможет вам расширить ваши технические навыки. Advertisement

3. Как настроить слои

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

Откройте панель Слоёв и создайте два слоя, которые назовём следующим образом: 

  • слой 1: основная фигура
  • слой 2: маска
setting up the layers

Подсказка: я окрасил все свои слои в одинаковый зелёный оттенок, т.к. на нём лучше видно выделенные фигуры (с открытыми или закрытыми контурами). 

4. Как создать ноги фигурки

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

Шаг 1

Создайте основную фигуру нижней части фигурки из прямоугольника 100 х 16 пикселей с цветом #53555E и затем выровняйте её по центру Монтажной области, расположив на расстоянии 224 пикселя от нижнего края.

creating the upper section of the legs

Advertisement

Шаг 2

Создайте контур для фигуры при помощи метода Обводки, создав её копию (Control-C), которую вставим на передний план (Control-F), затем изменим её цвет на #24252B и поменяем Заливку с Обводкой местами (Shift-X). Установите Толщину получившегося контура на 8 пикселей и его Угол на Круглый стык, выделив и сгруппировав обе фигуры, нажав комбинацию клавиш Control-G.

adding the outline to the upper section of the legs

Шаг 3

Создайте верхнюю часть ноги из прямоугольника 44 х 32 пикселей (#6D6F77) с контуром толщиной 8 пикселей (#6D6F77), который сгруппируем (Control-G) и расположим под предыдущей частью, чтобы они накладывались друг на друга, как показано на образце.

creating the upper section of the left leg

Шаг 4

Создайте центральную часть из прямоугольника 44 х 36 пикселей (#53555E) с контуром толщиной 8 пикселей (#24252B), который мы сгруппируем (#24252B) и расположим на маленькой части.

creating the center section of the left leg

Шаг 5

Добавьте ступню при помощи прямоугольника 44 х 20 пикселей (#6D6F77) с контуром толщиной 8 пикселей (#24252B), сгруппировав (Control-G) и поместив две фигуры, как на образце. Когда будет готово, выделите и сгруппируйте (Control-G) все составляющие части ноги перед тем, как перейти к следующему шагу.

adding the bottom section to the left leg

Шаг 6

Создайте правую ногу из копии (Control-C > Control-F) только что созданной ноги и расположите её на противоположной стороне нижней части тела.

adding the right leg

Шаг 7

Добавьте разделитель, удерживающий ноги вместе, при помощи прямоугольника 16 х 36 пикселей (#6D6F77) с контуром толщиной 8 пикселей (#24252B), который мы сгруппируем (Control-G) и расположим, как показано на образце. Когда будет готово, выделите и сгруппируйте (Control-G) все текущие части перед тем, как перейти к следующему шагу.

adding the vertical divider to the legs

5. Как создать туловище фигурки

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

Шаг 1

Создайте нижнюю часть туловища из прямоугольника 108 х 12 пикселей, который окрасим в цвет #6D6F77, а затем поместим на верхнюю область нижней части тела, как показано на образце.

creating the lower section of the torso

Шаг 2

Добавьте верхнюю часть из прямоугольника 108 х 76 пикселей, который окрасим в цвет #6D6F77 и расположим на предыдущей фигуре.

creating the upper section of the torso

Шаг 3

По отдельности выделите верхние опорные точки только что созданного прямоугольника при помощи Инструмента “Прямое выделение” (А) и затем сдвиньте их внутрь на 12 пикселей Инструментом “Перемещение” (щелчок правой кнопкой > Трансформировать > Переместить > + / – 12 пикселей в зависимости от стороны, с которой вы начали). 

adjusting the upper section of the torso

Шаг 4

Выделите две составляющие фигуры туловища и объедините их в одну фигуру при помощи Режима объединения фигур на панели Обработки контуров.

uniting the two composing shapes of the torso

Шаг 5

Создайте контур 8 пикселей (#24252B) для получившейся фигуры, а затем выделите и сгруппируйте все фигуры, нажав Control-G.

adding the outline to the torso

6. Как создать кисти фигурки

Когда туловище будет готово, можем перейти к бокам и начать работать над руками игрушки.

Шаг 1

Возьмите Инструмент “Перо” (Р) с установленным цветом #53555E и нарисуйте руку, взяв картинку за образец.

drawing the left arm

Шаг 2

Создайте контур толщиной 8 пикселей (#24252B) для получившейся фигуры, использовав метод Обводки.

adding the outline to the left arm

Шаг 3

Нарисуйте диагональный отрезок линии там, где обычно сгибается рука, при помощи Обводки толщиной 8 пикселей (#24252B) с Круглыми концами, а затем расположите его, как показано на образце. Когда будет готово, выделите и сгруппируйте (Control-G) все три фигуры перед тем, как перейти к следующему шагу.

adding the detail line to the left arm

Шаг 4

Создайте запястье из прямоугольника 20 х 16 пикселей, который окрасим в цвет #53555E и поместите руку на расстоянии 12 пикселей от нижней правой опорной точки. 

creating the main shape for the left wrist

Шаг 5

Выделите и передвиньте нижние опорные точки к левой стороне на 2 пикселя при помощи Инструмента “Перемещение” (щелчок правой кнопкой > Трансформировать > Переместить > По горизонтали > -2 пикселя). 

re positioning the bottom anchor points of the left wrist

Шаг 6

Выделите и потяните нижнюю левую опорную точку вверх на 2 пикселя.

adjusting the shape of the left wrist

Шаг 7

Создайте контур толщиной 8 пикселей для получившейся фигуры (#24252B), сгруппируйте (Control-G) и поместите две фигуры под большую фигуру руки (щелчок правой кнопкой > Монтаж > Переложить назад). 

adding the outline to the left wrist

Шаг 8

Создайте основную фигуру руки из круга 36 х 36 пикселей, который окрасим в цвет #6D6F77 и поместим на запястье, как показано на образце.

creating the main shape for the left arm

Шаг 9

Измените только что созданный круг, вырезав скруглённый прямоугольник 12 х 30 пикселей (отмечено красным) с Угловым радиусом 6 пикселей из нижней части круга. 

adjusting the shape of the left hand

Шаг 10

Создайте контур толщиной 8 пикселей (#24252B) для получившейся фигуры, выделив и сгруппировав две фигуры, нажав Control-G. Когда будет готово, выделите и сгруппируйте (Control-G) все составляющие части левой руки, поместив их за туловище (щелчок правой кнопкой > Монтаж > Переложить назад). 

positioning the left arm underneath the torso

Шаг 11

Создайте правую руку из копии (Control-C > Control-F) только что созданной фигуры, а затем вертикально отразите (щелчок правой кнопкой > Трансформировать > Отразить > По вертикали) и поместите на противоположной стороне туловища. 

adding the right arm

7. Как создать голову фигурки

Можем перейти к голове фигурки и построить каждую часть в отдельности.

Шаг 1

Создайте часть шеи из прямоугольника 40 х 12 пикселей (#DDA98C) с контуром толщиной 8 пикселей (#24252B), который сгруппируем (Control-G) и поместим на большую фигуру туловища.

creating the neck section

Шаг 2

Добавьте голову из скруглённого прямоугольника 76 х 64 пикселей (#F9C9A9) с Угловым радиусом 16 пикселей и контуром толщиной 8 пикселей (#24252B), который мы сгруппируем (Control-G) и поместим на область шеи. 

adding the head

Шаг 3

Завершите создание пустой фигурки, добавив соединительную область на голове из прямоугольника 32 х 16 пикселей (#DDA98C) с контуром толщиной 8 пикселей (#24252B), сгруппировав (Control-G) и поместив две фигуры, как показано на образце. Когда будет готово, выделите и сгруппируйте (Control-G) все составляющие части головы перед тем, как перейти к следующему шагу.

adding the connector section to the head

8. Как добавить детали на лице фигурки

На данном этапе у нас есть абсолютно путая версия фигурки Лего, которую мы превратим в борца с преступностью, добавив детали на разные области. Начнём с головы.

Шаг 1

Создайте основную фигуру для левого глаза из эллипса 8 х 10 пикселей, который окрасим в цвет #24252B, и расположите её на расстоянии 20 пикселей от левого края головы и на расстоянии 16 пикселей от верхнего края.

creating and positioning the main shape for the left eye

Шаг 2

Добавьте маленький блик из круга 2 х 2 пикселей, который окрасим в белый цвет (#FFFFFF), а затем выровняйте по центру предыдущей фигуры, расположив его на расстоянии 2 пикселя от верхнего края. Когда будет готово, выделите и сгруппируйте (Control-G) две фигуры перед тем, как перейти к следующему шагу.

adding the highlight to the left eye

Шаг 3

Добавьте правый глаз при помощи копии (Control-C > Control-F) другого глаза и расположите на противоположной стороне головы, сохраняя такое же расстояние 20 пикселей от внешнего края.

adding the right eye

Шаг 4

Нарисуйте брови из двух линий с Обводкой толщиной 4 пикселя (#24252B) со Скруглёнными концами и Соединением, следуя образцу.

drawing the eyebrows

Шаг 5

Для рта создайте прямоугольник 24 х 10 пикселей, который окрасим в цвет (#FFFFFF) и выровняем по центру головы, расположив его на расстоянии 12 пикселей от верхнего края.

creating the main shape for the mouth

Шаг 6

Измените положение верхних опорных точек только что созданной фигуры, как показано на образце и создайте для фигуры контур толщиной 4 пикселя (#24252B).

adjusting the shape of the mouth

Шаг 7

Добавьте горизонтальную линию на правой стороне рта из Обводки толщиной 2 пикселя и шириной 6 пикселей (#24252B). Когда будет готово, выделите и сгруппируйте все составляющие фигуры текущей области, нажав Control-G.

adding the horizontal detail line to the mouth

Шаг 8

Нарисуйте две линии щёк при помощи Обводки толщиной 4 пикселя (#24252B) с Круглыми концами и Стыком, которые мы расположим, как показано на образце. Когда будет готово, выделите и сгруппируйте (Control-G) все составляющие фигуры лица перед тем, как перейти к следующему шагу. 

drawing the cheek lines

9. Как добавить детали на туловище

Когда закончите работать с лицом, перейдите к туловищу и начните добавлять детали на костюме Бэтмэна. 

Шаг 1

Создайте нагрудную нашивку с логотипом из эллипса 44 х 28 пикселей, который окрасим в цвет #FCCF4F и затем выровняем по центру большой фигуры туловища, расположив на расстоянии 14 пикселей от верхнего края.

creating the main shape for the chest patch

Шаг 2

Нарисуйте логотип с летучей мышью (#24252B) по образцу. Когда будет готово, выделите две фигуры и сгруппируйте их, нажав Control-G.

drawing the batman logo

Шаг 3

Когда нашивка будет на месте, начните рисовать остальную броню, начав с грудной клетки, взяв пару линий с Обводкой толщиной 4 пикселя (#24252B), Скруглёнными концами и Стыком.

drawing the pectoral lines

Шаг 4

Нарисуйте пресс таким же образом, расположив все опорные точки таким образом, чтобы они перекрывали соседние линии.

drawing the abs

Шаг 5

Завершите создание брони, нарисовав линии рёбер и сгруппировав все составляющие фигуры, нажав Control-G. Т.к. мы закончили работать над фигуркой, можем выделить и сгруппировать (Control-G) все составляющие фигуры.

drawing the rib lines

10. Как создать накидку

Далее по списку обмундирования идёт плащ.

Шаг 1

Создайте эллипс 256 х 320 пикселей, который окрасим в цвет #393B42 и выровняем по центру верхнего края туловища. 

creating the main shape for the cape

Шаг 2

Удалите нижнюю часть фигуры, выделив её нижнюю опорную точку Инструментом “Прямое выделение” (А) и нажав Delete, закрыв получившийся контур нажатием на клавиши Control-J.

removing the bottom half of the cape

Шаг 3

Создайте эллипсы 64 х 32 пикселей (отмечены красным), которые мы расположим, как показано на образце, а затем вычтем из фигуры накидки при помощи Режима вычитания переднего на панели Обработки контуров.

adjusting the shape of the cape

Шаг 4

Создайте контур толщиной 8 пикселей (#24252B) для получившейся фигуры, сгруппировав (Control-G) и поместив две нижние фигурки при помощи Инструмента “Монтаж” (щелчок правой кнопкой > Монтаж > Переложить назад).

adding the outline to the cape

11. Как создать маску

Т.к. нам нужно скрыть личность Бэтмэна, мы создадим маску на втором слое. 

Шаг 1

Создайте прямоугольник 84 х 92 пикселей, который окрасим в цвет #53555E, и выровняйте его по центру головы, расположив над верхним краем контура шеи.

creating and positioning the main shape for the mask

Шаг 2

Установите Радиус нижних углов фигуры на 8 пикселей в Свойствах прямоугольника на панели Трансформирования.

adjusting the bottom corners of the mask

Шаг 3

Добавьте уши из двух прямоугольников 24 х 36 пикселей (#53555E), которые расположим на только что изменённой фигуре.

creating the main shapes for the ears

Шаг 4

Выделите и объедините все три фигуры в одну большую при помощи Режима объединения фигур на панели Обработки контуров, выделив и сдвинув верхнюю внешнюю опорную точку ушей внутрь на 16 пикселей (щелчок правой кнопкой > Трансформировать > Перемещение > По горизонтали > + / – 16 пикселей в зависимости от того, с какой стороны начали).

adjusting the shape of the ears

Шаг 5

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

adjusting the shape of the mask

Шаг 6

Нарисуйте маленький вырез, который удалим из маски, как показано на образце.

drawing the cutout for the mask

Шаг 7

Вырежьте только что созданную фигуру с поверхности маски при помощи Режима вычитания переднего на панели Обработки контуров, создав для получившейся фигуры контур 8 пикселей (#24252B).

adding the outline to the mask

Шаг 8

Добавьте глаза из двух эллипсов 20 х 14 пикселей (#FFFFFF) с контуром толщиной 8 пикселей (#24252B), которые мы по отдельности сгруппируем (Control-G) и расположим, как показано на образце.

adding the eyes to the mask

Шаг 9

Добавьте линии деталей на ушах маски при помощи двух линий с Обводкой толщиной 8 пикселей (#24252B) со Скруглёнными концами.

adding the line details to the ears

Шаг 10

Завершите создание маски, добавив оставшиеся линии из пары Обводок толщиной 4 пикселя (#24252B). Когда будет готово, выделите и сгруппируйте (Control-G) все составляющие фигуры текущей области перед нажатием на кнопку сохранения.

finishing off the mask

Отличная работа!

Неважно, являетесь ли вы фанатом первоначального Бэтмэна или его более поздних реинкарнаций – я надеюсь, что вам понравился этот паренёк, и вы изучили что-то новое в процессе его создания.

final result preview

Автор: Andrei Stefan

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
ploskie avatary c ljudmi raznyh professii

Плоские аватары c людьми разных профессий

kak sozdat illjustraciju svinki kopilki

Как создать иллюстрацию свинки-копилки