Advertisement
  1. Design & Illustration
  2. Character Design

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

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Easy Character Design.
Create a Friendly, Futuristic Robot in Affinity Designer
How to Create an Owl Character Using a Circular Grid in Adobe Illustrator

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

Final product image
What You'll Be Creating

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

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

Затем мы добавим руки, кисти и несколько аксессуаров, чтобы сделать  персонажей ещё милее.  Начнём веселье! 

1. Начинаем новый проект 

Запустите  Illustrator и перейдите в Файл > Новый, чтобы открыть пустой документ.  Введите  имя файла, настройте его размеры и выберите Пиксели в  Единицах измерения и RGB в Цветовом режиме.  Убедитесь, что возле пункта «Выровнять новые объекты по пиксельной сетке» не стоит галочка. 

Затем перейдите в Редактировать > Установки > Основные и установите Клавиатурное приращение на 1 пиксель. Там же перейдите в  Единицы измерения, чтобы убедиться, что они настроены как на картинке.  Я обычно  работаю с этими настройками; они помогут вам в процессе  рисования. 

start a new document

2. Создаём тело карандаша

Шаг 1

Возьмите  Инструмент «Скруглённый прямоугольник» и примените следующие настройки для рисования  первой фигуры.  Выделив фигуру, перейдите в Объект > Контур > Добавить опорные точки, чтобы добавить дополнительную точку в середине  каждой стороны.  Возьмите Инструмент «Добавить опорную точку» (+) и добавьте две дополнительные  точки в нижней части. 

create the pencil body 1

Шаг 2

Используйте  Инструмент «Прямое выделение» (А), чтобы выбрать только точку 1, и затем перейдите  в Объект > Трансформировать > Перемещение.  Введите 25 пикселей в поле Вертикали  и нажмите ОК.  Затем выделите точки 2 и 3 и снова примените эффект Перемещения,  но в этот раз введите -6 пикселей в поле Вертикали

create the pencil body 2

Шаг 3

Всё ещё  используя Инструмент «Прямое выделение» (А) перетащите выделение через три  точки в нижней части и затем нажмите на кнопку «Преобразовать выделенные опорные точки в гладкую поверхность" на панели Управления.  Создадутся скруглённые  указатели. 

create the pencil body 3

Шаг 4

Используйте  Инструмент «Отрезок линии» (\) или Инструмент «Перо» (Р), чтобы нарисовать прямой контур  поверх прямоугольника – не через середину, а слегка  справа. Теперь выделите прямоугольник с контуром и нажмите «Разделить»  на панели Обработки контуров.  У вас получатся две отдельные фигуры. 

create the pencil body 4

Шаг 5

Заполните  фигуру справа светлым градиентом, а фигуру слева – тёмным. 

color the pencil body

Шаг 6

Используйте  Инструмент «Перо» (Р), чтобы нарисовать треугольник в нижней части (1) и затем контур  как на следующей картинке (2).  Выделите треугольник и контур и  нажмите «Разделить» на панели Обработки контуров. 

В результате у вас получатся две  отдельные фигуры – «дерево» и «графит» (3).  Добавьте две дополнительные  точки Инструментом «Добавить опорную точку» (+) на обеих сторонах «дерева»  и сдвиньте их на 1-2 пикселя наружу для создания слегка закруглённого вида (4). 

create the wood and lead

Шаг 7

Заполните  «дерево» линейным градиентом, как показано, и выберите тёмно-серый цвет для  заливки «графита». 

color the wood and lead

Шаг 8

Давайте  добавим несколько бликов.  При помощи Инструмента «Перо» (Р) нарисуйте  такую же фигуру поверх «дерева» и заполните её линейным градиентом от серого до  белого (1).  Настройте эту фигуру на Режим наложения «Одинаковый» и Непрозрачность на 20%  (2).  Затем увеличьте «графит» и нарисуйте две фигуры, как показано ниже,  при помощи Инструмента «Перо» (Р).  Заполните их линейным градиентом от чёрного до  белого (3). 

add highlights on pencil

Шаг 9

На  этом этапе тело жёлтого карандаша готово.  Сгруппируйте (Control-G)  все фигуры и назовите группу «Тело».  Для создания других  карандашей скопируйте группу «Тело» и замените два  жёлтых градиента.  Помните, что справа должен быть градиент светлее,  а слева – темнее.  

color the pencils

3. Создаём ластик 

Шаг  1

Возьмите  Инструмент «Скруглённый прямоугольник» и нарисуйте новый прямоугольник с  указанными параметрами.  Перейдите в Объект > Контур > Добавить опорные точки, чтобы  добавить дополнительную точку в середине каждой стороны. 

Сдвиньте эти  точки в направлении стрелок на 2-3 пикселя при помощи клавиш  со стрелками на клавиатуре.  Если у ваших точек нет указателей, нажмите  на функцию «Преобразовать выделенные опорные точки в гладкую поверхность» на панели  Управления.  Заполните эту фигуру градиентом, как показано ниже  (цвета в градации серого, т.к. это  проще). 

create the rubber 1

Шаг 2

Нарисуйте  такую же фигуру и отправьте её на задний план за фигуру, которую мы создали в предыдущем шаге.  Для её заполнения используйте первый градиент, показанный ниже.  Скопируйте и Вставьте на задний (Control-B) эту фигуру и затем слегка сдвиньте её вверх.  Используйте  второй градиент для заливки.  

create the rubber 2

Шаг 3

Теперь  возьмите Инструмент «Эллипс» (L) и нарисуйте два эллипса, как на предыдущей  картинке.  Для большого эллипса выберите белый цветом заливки и установите его  Непрозрачность на 75%.  Для маленького используйте указанный линейный градиент. 

create the rubber 3

Шаг 4

Затем  возьмите Инструмент «Прямоугольник» (М) и нарисуйте тонкий прямоугольник на несколько пикселей  шире металлической фигуры. 

create the rubber 4

Шаг 5

Выделив  тонкий прямоугольник, перейдите в Эффект > Стилизация > Тень и примените этот эффект три раза, использовав настройки,  показанные на следующей картинке. 

create the rubber 5

Шаг 6

Создайте  две копии тонкого прямоугольника и разместите их под первым.  Сгруппируйте (Control-G) три прямоугольника и перейдите в Эффект > Деформация > Арка и примените Горизонтальный сгиб 3%.  

create the rubber 6

Шаг 7

Давайте  добавим несколько бликов на ластике.  Сначала нарисуйте два эллипса, как на  предыдущей картинке.  Для переднего выберите белый цветом заливки и установите его на Режим наложения «Перекрытие» и Непрозрачность на 50%.  Для  эллипса на правой стороне выберите тёмно-розовую заливку.  Перейдите в Эффект > Стилизация > Растушёвка и примените Радиус 15 пикселей для  обеих фигур. 

add highlights on rubber

Шаг 8

Возьмите  Инструмент «Перо» (Р) и нарисуйте контур, повторяющий верхнюю сторону  металлической фигуры.  Добавьте ему чёрную Обводку 4 и перейдите в Эффект > Размытие > Размытие по Гауссу и примените Радиус 9 пикселей. 

Затем  нарисуйте контур в нижней части металлической фигуры, добавьте чёрную  Обводку 5 и примените Размытие по Гауссу 5.8 пикселей.  Отправьте оба контура за  металлическую фигуру. 

add shadows for rubber

Шаг 9

На  данный момент ластик готов.  Сгруппируйте (Control-G) всю фигуру и  назовите её «Ластик».  Разместите её на верхушке  жёлтого «Тела».  Создайте две копии для других карандашей. 

add rubber to pencil

4. Создаём глаза 

Шаг 1

Возьмите  Инструмент «Перо» (Р) и нарисуйте форму глаза, затем перейдите в Объект > Трансформировать > Зеркальное отражение, отметьте галочкой Вертикально и нажмите Копировать.  В результате у вас  получится фигура правого глаза.  Перейдите в Объект > Контур > Создать параллельный контур и примените Параллель 10 пикселей к обеим фигурам. 

create the eyes 1

Шаг 2

Заполните  большую фигуру слева указанным линейным градиентом.  Для  большой фигуры справа используйте такой же градиент, но выберите  функцию «Обратный градиент» на панели Градиента

Выделите  оба глаза и заполните их белым цветом, затем перейдите в Эффект > Стилизация > Внутреннее свечение и примените настройки, показанные ниже. 

create the eyes 2

Шаг 3

Для  создания радужки используйте Инструмент «Эллипс» (L) и нарисуйте круг 40 х 40 пикселей  над левым глазом.  Выберите голубой цветом заливки и Обводку 3, затем создайте копию этого круга и поместите её поверх правого глаза.  Нарисуйте два маленьких круга, заполненных чёрным – это будут зрачки. 

create the eyes 3

Шаг 4

Давайте  добавим глазам сияния.  Нарисуйте маленький круг, заполните его  радиальным градиентом от белого до чёрного и установите Режим наложения на «Осветление»  (чёрный станет прозрачным).  Создайте копию этого круга и поместите  её поверх правого глаза.  Затем нарисуйте ещё два круга поверх и  заполните их белым цветом. 

create the eyes 4

Шаг 5

Первая  пара глаз готова.  Создайте две группы с названиями «Левый глаз»  и «Правый глаз».  Красный и синий глаза созданы при помощи  тех же настроек и цветов, за исключением глаза с кругом 83 х 83 пикселей, что проще.  Всё, что вам нужно сделать – это заменить  градиент на фигуру побольше соответственно карандашам, и в этом  случае у нас есть красный и синий карандаши.  Не забудьте нажать  на «Обратный градиент» для правого глаза.

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

create the eyes 5

5. Создаём рот

Шаг 1

Возьмите  Инструмент «Перо» (Р) и нарисуйте форму рта как на картинке.  Выберите тёмно-коричневый цвет заливки и Внешнюю обводку 5. 

create the mouth 1

Шаг 2

Затем  нарисуйте фигуру языка и заполните её красным. Перейдите в Эффект > Стилизация > Внутреннее свечение и примените параметры, указанные на следующей  картинке. 

create the mouth 2

Шаг 3

Всё ещё  используя Инструмент «Перо» (Р) нарисуйте чёрную фигуру в середине  языка, перейдите в Эффект > Стилизация > Растушёвка и примените Радиус  15 пикселей. 

create the mouth 3

Шаг 4

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

create the mouth 4

Шаг 5

Выделите  все фигуры и создайте группу под названием «Рот».  Два других  рта созданы при помощи тех же настроек и цветов, отличается только  форма рта.  Чтобы поместить рот на красном и синем  карандашах, измените цвет Заливки фигуры рта на красный и  синий, как указано. 

create the mouth 5

6. Создаём брови 

Шаг 1

Нарисуйте  правую фигуру брови Инструментом «Перо» (Р) и выберите коричневый цвет  заливки.  Перейдите в Объект > Трансформировать > Зеркальное отражение, отметьте «Вертикально»  и нажмите Копировать, чтобы получилась левая бровь. 

Выделив  правую бровь, перейдите в Эффект > Стилизация > Внутреннее сияние  и примените указанные настройки.  Снова примените эффект для левой  брови, но повысьте Размытие до 25 пикселей. 

create the eyebrows 1

Шаг 2

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

create the eyebrows 2

Шаг 3

Используйте  Инструмент «Карандаш» (N), чтобы нарисовать два контура в передней части  бровей.  Для части справа выберите Обводку 2 и примените  Размытие по Гауссу 1.6 пикселей.  Для части слева выберите Обводку 3  и Размытие по Гауссу 1.6 пикселей. 

Создайте  группу с названием «Правая бровь» и группу с названием «Левая бровь». 

create the eyebrows 3

7. Составляем выражения лиц

Шаг 1

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

eyes mouth eyebrows

Шаг 2

Вот  лица, которые получились у меня: 

face expressions

Шаг 3

Расположите  нужное лицо на жёлтом «Теле», и в следующем шаге мы  добавим немного бликов. 

add face to pencil

Шаг 4

Для  правого глаза выберите самую большую фигуру из группы и перейдите на панель Оформления.  Добавьте Новую заливку под уже существующей  и выберите белый цвет, затем перейдите в Эффект > Искажение и трансформирование > Трансформирование и примените указанные параметры.  Установите Режим наложения этой  заливки на «Перекрытие».  Повторите те же действия для левого глаза. 

Затем  выберите фигуру рта и на панели Оформления добавьте Новую заливку  под существующими внешними атрибутами.  Используйте белый, примените эффект Трансформирования и установите Режим наложения на «Перекрытие». 

add highlights on the face

Шаг 5

Переместите  нужное лицо на красное «Тело» и добавьте блики  глазам и рту, как объяснялось ранее.  То же самое проделайте с  синим карандашом. 

add face to pencils

8. Создаём руки 

Шаг 1

Возьмите  Инструмент «Перо» (Р) или «Карандаш» (N) и нарисуйте руки  жёлтого карандаша.  Можете выбрать любую форму. 

На панели Оформления добавьте  четыре обводки при помощи функции «Толщина обводки» и обозначенных цветов  в таком же порядке.  Теперь выделите только коричневую Обводку в нижней части,  перейдите в Эффект > Искажение и трансформирование > Трансформирование и примените  настройки как на следующей картинке. 

create the arms 1

Шаг 2

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

create the arms 2

9. Создаём руки 

Шаг 1

Используйте  Инструмент «Перо» (Р), чтобы нарисовать фигуру, как на следующей картинке, и затем перейдите  в Эффект > Стилизация > Внутреннее свечение.  Примените указанные настройки и  нажмите ОК

create the hands 1

Шаг 2

Возьмите  Инструмент «Карандаш» (N) и нарисуйте четыре контура, следуя краям  фигуры руки (1).  Для зелёного, лилового и синего контуров выберите Обводку 2 и перейдите в Эффект > Размытие > Размытие по Гауссу и примените  Радиус 5 пикселей.  После этого для красного контура выберите Обводку 3  и примените Размытие по Гауссу 7 пикселей (2).

 Затем выделите фигуру руки, Скопируйте, Вставьте её на нужное место (Shift-Control-V) и удалите все  внешние признаки (3).  Теперь выделите четыре контура вместе с копией  руки и перейдите в Объект > Обтравочная маска > Создать (Control-7)  (4).

create the hands 2

Шаг 3

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

add hands to pencils

Шаг 4

Давайте  добавим тени.  Создайте Инструмент «Прямоугольник» (М) и нарисуйте два маленьких  прямоугольника такой же ширины, как и руки.  Заполните их линейным градиентом от белого до чёрного  и примените Инструмент «Градиент» (G) для настройки направления  (чёрный должен быть рядом с телом). 

Настройте прямоугольник справа  на Режим наложения «Умножение» и Непрозрачность 30-40%, а прямоугольник  слева – на Режим наложения «Умножение» с Непрозрачностью 50%, т.к.   у нас есть более тёмная и светлая стороны. 

add shadows to arms

10. Создаём аксессуары

Шаг 1

Теперь создадим несколько аксессуаров, хотя эта часть и не обязательна.  Инструментом «Перо» (Р)  нарисуйте фигуру линзы и отразите её для получения  копии.  Используйте указанный линейный градиент для заполнения обеих линз и снизьте Непрозрачность до 45%.  Затем нарисуйте оправу, переносицу и  дужки.  Все эти фигуры заполнены тёмно-серым цветом.  

create glasses 1

Шаг 2

Выделите   линзы, оправу и переносицу, Скопируйте и Вставьте на заднем плане (Control-B).  Удерживая копии выделенными, нажмите «Объединить» на  панели Обработки контуров, чтобы получилась единая фигура.  Используйте Инструмент «Выделение» (V) для  искажения новой фигуры, перетащив ограничивающую рамку вниз.  Заполните  эту фигуру тёмно-коричневым, примените Размытие по Гауссу 4 пикселя и снизьте  Непрозрачность до 25%.

create glasses 2

Шаг 3

Для  создания наушников начните с двух форм-подушечек, как на следующей  картинке.  Далее нарисуйте наконечники и затем дужку. 

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

create headphones and music notes

Шаг 4

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

Поместите  наушники на верх синего карандаша, но отправьте их на задний план.  Затем расположите музыкальные ноты по своему усмотрению.

add glasses and headphones to pencils

Шаг 5

Если  хотите согнуть синий карандаш (или любой другой), сначала спрячьте  ластик, наушники, лицо и ноты, перейдя на  панель Оформления, чтобы они не мешали. 

Возьмите Инструмент «Прямое выделение» (А), перетащите выделение по точкам в верхней части  «Тела» и сдвиньте их влево по своему усмотрению  (1).  Настройте указатели этих точек и точек вдоль тела, если  нужно (2).  Теперь сделайте «Ластик» видимым и поверните его, чтобы  он совпадал с новым направлением карандаша (3).  Сделайте остальные  элементы видимыми и отредактируйте всё, что требует корректировки для  завершённого вида (4). 

bend a pencil

11.Добавляем тень под карандашом  

Шаг 1

Используйте  Инструмент «Эллипс» (L), чтобы нарисовать эллипс в нижней части карандаша.  Используйте радиальный градиент, как указано, чтобы заполнить его (у белой черты 0%  Непрозрачности) и установите Режим наложения на Умножение.  Отправьте этот эллипс  назад за все остальные объекты, перейдя в Объект > Монтаж > На задний план (Shift-Control-[).

add shadow under pencil

Шаг 2

Добавьте  тень под другими двумя карандашами, и на этом этапе они  готовы. 

pencil characters

Поздравляю!  Вы справились 

Вот  они!  Три милых карандашных персонажа.  Надеюсь, это руководство было  интересным, и если это так, то вы можете предложить нового персонажа в комментариях. 

final image pencil characters
Advertisement
Advertisement
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.