Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design

Как создать внешний вид персонажа в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Easy Character Design.
How to Create a Cute Spring Rabbit in Adobe Illustrator
How to Create a Game Character Sprite Sheet in Affinity Designer

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Это обучающее руководство достаточно необычно - оно не похоже на те, которые мы изучали в прошлом, и больше похоже на игру. Сначала мы создадим много разных элементов дизайна персонажа с нуля, а затем используем эти элементы в создании разных персонажей. Обещаю, что вы повеселитесь, соединяя разные части вместе и испытывая удовольствие от создания различных персонажей.

Envato Market - отличное место, где вы можете найти различную экипировку персонажей и талисманов и где вы всегда можете почерпнуть вдохновение. Открою вам секрет: именно оно вдохновило меня на создание этого обучающего материала!

Приступим!

1. Рисуем голову

Шаг 1

Открыв Adobe Illustrator и создав новый документ 600 х 600 пикселей в ширину и высоту, мы начнём рисовать голову, которая будет одинаковой у всех персонажей.

Инструментом "Эллипс" (L) нарисуйте овал. На картинке ниже вы увидите, какой цвет вам нужен. Чтобы придать голове неправильную форму, перейдите в Эффект > Деформация > Раздувание. Введите параметры, которые вы увидите ниже.

creating the headcreating the headcreating the head

Шаг 2

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

creating the earcreating the earcreating the ear

Шаг 3

Так как это левое ухо, мы разместим его на левой стороне головы. Выделив его, выберите Инструмент "Зеркальное отражение" (О). Удерживая клавишу Alt, кликните на лбу в центре лица.

В новом диалоговом окне выберите Вертикально, Угол 90 градусов и нажмите Копировать. Вуаля! У нас есть два уха.

placing the ear and creating another earplacing the ear and creating another earplacing the ear and creating another ear

Шаг 4

Крошечный эллипс на лице возле левого уха покажет румянец на левой щеке. Его нужно слегка повернуть вправо. Инструментом "Зеркальное отражение" (О) (Вертикально, Угол 90 градусов, Копировать) создайте правую щёку.

Инструментом "Прямоугольник" (М) нарисуйте маленький прямоугольник под головой.  Выделив его, перейдите в Эффект > Деформация > Дуга вниз и введите следующие параметры:

creating the cheeks and neckcreating the cheeks and neckcreating the cheeks and neck

Шаг 5

Создайте ещё три головы на основе предыдущей путём "копировать-вставить". Поиграйте с цветами и создайте разные типы кожи или просто введите цветовые коды, которые видите ниже.

creating different skin colorscreating different skin colorscreating different skin colors

2. Создаём разные глаза

Шаг 1

Переходим к глазам - зеркалам души. Чтобы создать ровный круг, используйте Инструмент "Эллипс" (L), удерживая клавишу Shift. Затем добавьте круг внутри поменьше и потемнее (Control-C, Control-F). Добавьте ещё два крошечных белых кружка, чтобы придать глазам блеска.

Удерживая клавиши Shift и Alt, сдвиньте глаз вправо. Появится ещё один глаз.  Для удобства сгруппируйте оба глаза (щелчок правой кнопкой > Сгруппировать).

creating the eyescreating the eyescreating the eyes

Шаг 2

Добавим брови. Создайте два круга, перекрывающих друг друга, как на картинке снизу. Убедитесь, что большой круг расположен поверх маленького. Перейдите на панель Обработки контуров и нажмите кнопку Вычитание переднего.

creating the eyebrowcreating the eyebrowcreating the eyebrow

Шаг 3

Расположите левую бровь над левым глазом. Выделив левую бровь, выберите инструмент "Зеркальное отражение" (О) и, удерживая клавишу Alt, кликните между глазами.

В новом диалоговом окне выберите Вертикально, Угол 90 градусов и нажмите Копировать. Теперь у нас есть две брови.

placing the eyebrow and creating another oneplacing the eyebrow and creating another oneplacing the eyebrow and creating another one

Шаг 4

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

Глаза на картинке 3 созданы по мотиву бровей и выглядят как закрытые глаза, когда вы громко смеётесь.

creating different eyes and eyebrowscreating different eyes and eyebrowscreating different eyes and eyebrows

3. Создаём разные рты

Шаг 1

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

Сначала создадим маленький белый эллипс и затем Инструментом "Преобразовать опорную точку" (Shift-C) сделаем левую и правую опорные точки острыми, кликнув на них. Выберите верхнюю и нижнюю опорные точки (при помощи Инструмента "Прямое выделение" (А) и сдвиньте их вниз, нажав Стрелку вниз на клавиатуре.

creating the mouthcreating the mouthcreating the mouth

Шаг 2

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

creating different mouthscreating different mouthscreating different mouths

4. Создаём разные причёски

Шаг 1

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

Мы используем Инструмент "Деформация" (Shift-R) для создания волос. Но сначала создадим один коричневый эллипс позади головы и один маленький эллипс на лбу - эти два элемента будут использованы для удлинения или придания формы волосам.

Дважды щёлкните на Инструменте "Деформация" (Shift-R). Введите параметры, как указано ниже. Обратите внимание на стрелки, которые указывают, куда двигать мышь.

Очень важно выделить объект, прежде чем вы примените Инструмент "Деформация" (Shift-R), в противном случае вы растяните другие окружающие его объекты.

creating the hairstyle 1creating the hairstyle 1creating the hairstyle 1

Шаг 2

Другая причёска для другого типа кожи.

creating the hairstyle 2creating the hairstyle 2creating the hairstyle 2

Шаг 3

Ещё одна идея для причёски. Все изображённые здесь причёски нужны для того, чтобы подстегнуть вашу креативность - будьте настолько изобретательны и безумны, насколько вам хочется!

creating the hairstyle 3creating the hairstyle 3creating the hairstyle 3

Шаг 4

Определённые причёски лучше всего сделать из маленьких кружков.

creating the hairstyle 4creating the hairstyle 4creating the hairstyle 4

5. Создаём наряды

Шаг 1

Сейчас мы создадим разные наряды.

Инструментом "Скруглённый прямоугольник" создайте два скруглённых прямоугольника - один поверх другого. Можете выбрать любой цвет, поэтому проявите творческий подход. Просто помните, что первый должен быть слегка темнее.

Выделите один прямоугольник и перейдите в Эффект > Деформация > Дуга. Введите параметры, указанные ниже. У обоих прямоугольников параметры одинаковые. Растяните прямоугольники: Объект > Разобрать оформление.

creating the outfit 1creating the outfit 1creating the outfit 1

Шаг 2

Нарисуйте прямоугольник с любым цветом заливки и расположите, как указано ниже, покрывая нижнюю часть скруглённых прямоугольников. Используем его как отсекатель. Выделив его, создайте копию на переднем плане (Control-C, Control-F).

Выделите первый скруглённый прямоугольник и отсекатель и нажмите на кнопку Вычитание переднего на панели Обработки контуров. Выделите копию отсекателя и второй скруглённый прямоугольник и нажмите Вычитание переднего. Это будет верхней частью туловища - плечи и грудь.

cuttting out the outfit 1cuttting out the outfit 1cuttting out the outfit 1

Шаг 3

Выберите Инструмент "Многоугольник" и кликните на монтажной области. В новом диалоговом окне введите 3 стороны и нажмите ОК. У вас получится треугольник. Расположите его так, как показано на картинке ниже - как часть рубашки. Инструментом "Зеркальное отражение" (О) сделайте вертикальную копию этого треугольника, чтобы дополнить другую часть рубашки. Добавьте пару кругов-пуговиц на рубашке.

adding a collar and buttons to outfit 1adding a collar and buttons to outfit 1adding a collar and buttons to outfit 1

Шаг 4

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

creating the outfit 2creating the outfit 2creating the outfit 2

Шаг 5

Вот ещё один способ создать новый наряд - добавить жилетку.

Скопируйте предыдущую рубашку и создайте копию грудной части (не рубашки и не рукавов) на переднем плане (Control-C, Control-F). Примените контрастный цвет заливки. Затем Инструментом "Многоугольник" нарисуйте треугольник (без заливки и цвета обводки) и поместите его наверх - он создаст V-образный вырез. Инструментом "Эллипс" (L) добавьте два эллипса - они создадут дополнительные разрезы на рубашке. Выделите два эллипса, треугольник и контрастную грудную часть рубашки и нажмите Вычитание переднего на панели Обработки контуров.

creating the outfit 3creating the outfit 3creating the outfit 3

Шаг 6

Скопируйте наряд, который вы создали в предыдущем шаге, и измените цвета заливки. У вас получился ещё один наряд!

creating the outfit 4creating the outfit 4creating the outfit 4

Шаг 7

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

creating the outfit 5creating the outfit 5creating the outfit 5

6. Объединяем персонажей

Шаг 1

Пора посмотреть, что мы сделали! Соберите все элементы и создайте разных персонажей. Вот несколько персонажей, которые у меня получились:

combining the characterscombining the characterscombining the characters

Шаг 2

Теперь, когда мы видим характер каждого персонажа, можем добавить каких-нибудь соответствующих аксессуаров.

Спокойному поющему мальчику мы дадим бабочку. Инструментом "Многоугольник" создайте треугольник. После того как сузили его, поверните его вправо. Инструментом "Зеркальное отражение" (О) создайте его отражённую вертикальную копию. Поместите крошечный эллипс между двумя треугольниками, чтобы получить бабочку. Пусть он её примерит!

creating the bow tiecreating the bow tiecreating the bow tie

Шаг 3

Так как он поёт, можем добавить несколько музыкальных нот - я уверена, что вы знаете, какие инструменты использовать!

creating musical notescreating musical notescreating musical notes

Шаг 4

Этому задорному парню мы вручим мяч. Не буду уточнять цвета - выберите сами, будьте креативными.

После создания круга, разместите пятиугольник (при помощи Инструмента "Многоугольник") в середине него. Затем удалите цвет заливки и примените тот же цвет обводки. Инструментом "Отрезок линии" (\) нарисуйте линию от каждой точки пятиугольника к границам круга. Добавьте ещё пять пятиугольников (без цвета обводки, цвет заливки тёмный), как показано на картинке внизу.

Выберите круг, созданный в начале этого шага, и сделайте его копию на переднем плане (Control-C, Control-F). Затем выберите один из пятиугольников, перекрывающих круг. Нажмите Пересечение на панели Обработки контуров. Снова создайте копию круга. Выделите второй перекрывающий пятиугольник и нажмите Пересечение. Ещё раз создайте копию круга на переднем плане, выделите третий пятиугольник и продолжайте делать то же самое, пока не покроете все пять пятиугольников.

creating the soccer ballcreating the soccer ballcreating the soccer ball

Шаг 5

Этот забавный парень днями напролёт играет в видео игры, и результат очевиден - ему нужны очки.

final image the character with glassesfinal image the character with glassesfinal image the character with glasses

Инструментом "Эллипс" (L) создайте круг. У него должен быть чёрный цвет обводки и чёрная заливка с Прозрачностью рассеянного света. Будьте осторожны с Прозрачностью - после того, как вы создадите круг с чёрной обводкой и заливкой, перейдите на панель Оформление, выберите слово Заливка и затем примените Рассеянный свет на панели Прозрачности. Удерживайте клавиши Shift и Alt и сдвиньте стекло вправо. Вы его скопировали.

Инструментом "Карандаш" (N) создайте оправу очков с толстой чёрной обводкой и без заливки.

Нарисуйте прямоугольник (без обводки, с чёрной заливкой), чтобы создать дужки очков (см.картинку 2). Инструментом "Зеркальное отражение" (О) создайте ещё одну дужку. Пусть мальчик их примерит!

creating the glassescreating the glassescreating the glasses

Шаг 6

Этот милый африканский мальчик, должно быть, наслаждается музыкой. Сделаем для него наушники.

final image the character with headphonesfinal image the character with headphonesfinal image the character with headphones

Инструментом "Эллипс" (L) нарисуйте круг без заливки с цветом обводки на ваш выбор. Выберите Инструмент "Ножницы" (С) и кликните на левой и правой опорных точках этого круга. Удалите ненужные части, и у вас получится полукруг.

Выделите его и сделайте копию на переднем плане, затем на панели Обводка сделайте новую обводку толще. Также отметьте галочкой Скруглённые концы на панели Обводки. Снова возьмите "Ножницы" (С) и удалите ненужные части, отмеченные ниже. У вас только что получилась дужка наушников.

Изображение 2. Удалите цвет обводки и установите цвет заливки. Нарисуйте эллипс. Инструментом "Скруглённый прямоугольник" создайте скруглённый прямоугольник. Поместите эти две фигуры на дужку. Инструментом "Зеркальное отражение" (О) создайте отражение левой подушки.  Отдадим наушники мальчику.

creating the headphonescreating the headphonescreating the headphones

7. Создаём фон

Шаг 1

Теперь для удобства можете создать Новый слой. Идите на панель Слои (Окно > Слои) и нажмите кнопку Создать новый слой. Затем закрепите слой, где вы нарисовали персонажей и - это очень важно - перетащите (мышью) этот только что созданный слой под тот слой, где расположены персонажи.

Нарисуйте квадрат с голубым цветом заливки размером 600 пикселей в Ширину и Высоту. Затем нарисуйте пять более тёмных вертикальных прямоугольников. Оставьте правую сторону фона пустой - здесь вы расположите готовых персонажей.

Дайте название каждому тёмно-голубому вертикальному прямоугольнику при помощи Инструмента "Текст" (Т). Вероятно, ваш текст будет чёрным, поэтому можете изменить цвет по своему выбору.

creating the background and naming the columnscreating the background and naming the columnscreating the background and naming the columns

Шаг 2

Перед тем, как перетащить каждый объект на своё место, сгруппируйте каждую деталь персонажа. Разместите всё на своих местах.

placing all the elementsplacing all the elementsplacing all the elements

Шаг 3

Близится самый интересный момент этого руководства - объединение всех разных элементов в разных персонажах. Наслаждайтесь!

placing created characters placing created characters placing created characters

Вывод

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.