Создаём простого школьного плюшевого медвежонка в Adobe Illustrator
Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

В этом руководстве мы научимся создавать милого медвежонка и некоторые школьные предметы. Мы используем базовые фигуры и панель Обработки контуров, поэтому вам не понадобится графический планшет или продвинутые навыки рисования для создания такого персонажа. Давайте приступим!
1. Создаём голову и лицо медведя
Шаг 1
Создайте Новый документ 700 х 700 пикселей и Цветовой режим – RGB.

Шаг 2
Начнём с головы. Возьмите Инструмент «Эллипс» (L) и сделайте круг. Пусть он будет слегка сплющенным, он не должен быть идеально круглым. Заполните круг радиальным градиентом от светло-коричневого (R=247, G=190, B=96) до тёмно-коричневого (R=212, G=132, B=67). Сдвиньте центральную точку градиента слегка вверх, как будто источник света находится где-то над медвежонком.

Шаг 3
Добавьте второй круг в области мордочки. Заполните его радиальным градиентом от светло-бежевого (R=254, G=238, B=211) до тёмно-бежевого (R=227, G=199, B=152).

Шаг 4
Добавьте сплющенный эллипс поменьше, чтобы сделать нос, и заполните его другим радиальным градиентом более светлого (R=150, G=92, B=43) и тёмного (R=106, G=69, B=40) оттенка коричневого.

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

Шаг 5
Давайте добавим улыбающийся рот. Создайте круг вокруг носа без заливки. Установите цвет Обводки (Х) на тёмно-коричневый (R=106, G=69, B=40) и Толщину обводки на 4.

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

Шаг 6
Теперь нам нужно из этой фигуры сделать улыбку. Нарисуйте прямоугольник при помощи Инструмента «Прямоугольник» (М) поверх того круга, который мы только что создали. Выделите обе фигуры и нажмите на Вычитание переднего на панели Обработки контуров (Окно > Обработка контуров).

Шаг 7
Теперь безликая голова улыбается. Добавьте маленькую вертикальную линию между носом и ртом при помощи Инструмента «Отрезок линии» (\) и удерживайте клавишу Shift. Толщина и цвет Обводки остаются прежними, как и в случае с кругом для рта.

Шаг 8
На этом этапе мы добавим пару милых глаз. Нарисуйте круг Инструментом «Эллипс» (L), удерживая клавишу Shift. Установите цвет Заливки на тёмно-коричневый (R=106, G=69, B=40).

Оставив выделение, нажмите Alt + Shift и перетащите круг на левую сторону лица, скопировав глаз.

2. Добавим медвежонку ушки
Шаг 1
Нашему медвежонку определённо нужны уши. Нарисуйте круг на левой стороне головы. Выделите его и Пипеткой (I) выберите цвет на голове медвежонка.

Шаг 2
Скопируйте и вставьте на Передний план (Control + C > Control + F) круг, сделайте его меньше и поместите в середину уха. Заполните его тёмно-коричневым линейным градиентом от светлого (R=150, G=92, B=43) до тёмного (R=106, G=69, B=40). Используйте комбинацию Control + Shift + [, чтобы сдвинуть ухо за голову.

Шаг 3
Выделите оба уха и дважды кликните на Инструменте «Зеркальное отражение» (О) для доступа к параметрам Инструмента. Выберите отражение по Вертикальной оси и нажмите кнопку Копировать.

Шаг 4
Сдвиньте копию уха на нужное место на голове.

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

3. Создаём тело при помощи простых фигур
Шаг 1
Давайте создадим тело. Нарисуйте эллипс и заполните его таким же градиентом, как и на голове медвежонка при помощи Инструмента «Пипетка» (I).

Шаг 2
Отправьте его на задний план (Control + Shift + [) и используйте Инструмент «Прямое выделение» (А), чтобы слегка сдвинуть опорные точки вниз.

Шаг 3
Измените угол верхних опорных указателей, обратив их внутрь, чтобы придать телу яйцеобразную форму.

4. Добавляем лапы и руки при помощи Инструмента «Эллипс»
Шаг 1
Давайте добавим милые простые лапы. Создайте эллипс Инструментом «Эллипс» (L) и заполните его таким же цветом градиента, как цвет тела.

Шаг 2
Расположите другой эллипс поверх предыдущегои Пипеткой (I)выберите бежевый цвет градиента на мордочке медвежонка.

Шаг 3
Скопируйте лапу и сдвиньте её на другую сторону тела.

Шаг 4
Поверните лапы под углом 45 градусов (удерживание клавиши Shift очень поможет здесь).

Шаг 5
Теперь добавим пару рук. Нарисуйте вытянутый эллипс и заполните его линейным градиентом от светло-коричневого (R=247, G=190, B=96) на конце руки до тёмно-коричневого (R=212, G=132, B=67).

Отправьте её на задний план (Control + Shift + [ ) за тело медвежонка.

Шаг 6
Инструментом «Зеркальное отражение» (О) сделайте зеркальную копию и сдвиньте её на другую сторону тела.


5. Рисуем живот медвежонка
Шаг 1
Давайте добавим милую отметину брюшка. Выделите фигуру тела, Скопируйте и Вставьте на Передний план (Control + C > Control + F).

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

Шаг 3
Выделите верхнюю опорную точку Инструментом «Прямое выделение» (А), чтобы увидеть указатели, и используйте Инструмент «Преобразовать опорную точку» (Shift + C), чтобы двигать указатели отдельно друг от друга. Слегка потяните левый указатель вверх.

Повторите то же движение для правого указателя.

6. Добавьте второстепенные детали носу
Шаг 1
С этого шага мы продолжим добавлять детали по всему медвежонку и начнём с носа. Создайте белый эллипс поверх верхней средней части носа.

Шаг 2
Скопируйте и Вставьте на передний план коричневую фигуру носа, выделите копию носа и белый эллипс и нажмите на Пересечение на панели Обработки контуров.

Шаг 3
Установите Режим наложения белой фигуры на Перекрытие и снизьте Непрозрачность до 20% на панели Прозрачности (Окно > Прозрачность).

Шаг 4
Добавьте маленький белый эллипс поверх носа, чтобы получился блик. Установите его Режим наложения на Перекрытие и Непрозрачность на 50%.

Шаг 5
Теперь нужно добавить ноздри. Создайте маленький круг тёмно-коричневого цвета (R=106, G=69, B=40).

Шаг 6
Отсеките ненужную часть при помощи панели Обработки контуров, как мы делали это с бликом на носу.

Добавьте вторую ноздрю.

7. Выделяем глаза
Шаг 1
Давайте сделаем глаза более сияющими, добавив некоторые детали и отражения. Добавьте пару крошечных белых круглых точек Инструментом "Эллипс" (L).

Шаг 2
Скопируйте точки и поместите их на второй глаз.

Шаг 3
Добавьте несколько отражений глазам, создав круг (немного меньше, чем глаз). Заполните его линейным градиентом от тёмно-бордового (R=143, G=58, B=24) до чёрного и установите Режим наложения на Осветление, чтобы глаза стали более живыми и похожими на стекло. Как вы можете заметить, в режиме Осветления чёрный цвет становится прозрачным.

8. Передаём тени, применяя линейные градиенты
Шаг 1
Здесь нам нужно добавить немного тени! Начнём с лап. Скопируйте и вставьте на задний план (Control + C > Control + B) коричневую фигуру лапы, сделайте её немного больше и заполните чёрным цветом.

Шаг 2
Скопируйте коричневую форму тела. Выделите тело и чёрный эллипс и примените Пересечение на панели Обработки контуров.

Шаг 3
Заполните фигуру линейным градиентом от бежевого (R=214, G=172, B=124) до белого и установите Режим наложения на Умножение. В этом режиме белый цвет становится прозрачным.

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

Шаг 5
Добавим несколько теней на руках. Скопируйте и Вставьте на Задний план (Control + C > Control + B) основную фигуру тела. Слегка сдвиньте её вправо, удерживая Shift.

Шаг 6
Используйте Пипетку (I), чтобы выбрать цвет и параметры внешнего вида тени, которую мы только что создали за лапой.

Шаг 7
Скопируйте и Вставьте на Передний план руку. Выделите руку и фигуру тени и примените Пересечение на панели Обработки контуров.


Шаг 8
Отредактируйте фигуру тени, чтобы она сочеталась с рукой. Используйте Инструмент "Прямое выделение" (А), чтобы сдвинуть опорные точки.

Шаг 9
Добавьте такую же фигуру для второй руки при помощи Инструмента "Зеркальное отражение" (О).

Шаг 10
Нам также нужно добавить тень от головы медвежонка. Скопируйте и Вставьте на Задний план основную фигуру головы и сдвиньте нижнюю часть слегка вниз, используя Инструмент "Выделение" (V) и перетаскивая вниз нижнюю часть ограничительной рамки.

Давайте переключимся в режим контуров, нажав клавиши Control + Y.

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

Вот что должно получиться у вас в результате:

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


Заполните его таким же цветом, как и остальные тени.

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


9. Добавляем больше деталей лица
Шаг 1
Давайте добавим некоторые детали лица нашему медвежонку. Создайте эллипс, заполните его радиальным градиентом, одна сторона которого - бледно-розовая (R=232, G=121, B=93), а другая - карамельно-коричневая (R=219, G=147, B=72). Настройте Непрозрачность коричневой стороны на 0% на панели Градиентов.

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

Шаг 2
Создайте брови. Создайте тёмно-коричневый эллипс (такого же цвета как и ноздри).

Выделите нижнюю опорную точку Инструментом "Прямое выделение" (А) и слегка протяните её вверх.

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

Скопируйте бровь и поместите её в нужном месте.

Шаг 3
Добавьте эллипс и поместите его под бровью (Control + [ ).

Слегка поверните его, чтобы он соответствовал брови. Пипеткой (I) выберите цвет из теней, которые мы создали ранее (к примеру, на ушах).


10. Добавляем светлые области
Шаг 1
Теперь нам нужно добавить несколько линий, которые подчеркнут области на материале игрушки, где части медвежонка сшиты вместе. Для этой цели мы подсветим некоторые части. Дважды скопируйте руку и сдвиньте одну из копий слегка вниз.

Шаг 2
Используйте "Пересечение" на панели Обработки контуров для удаления той части фигуры, которая находится вне руки. Заполните её линейным градиентом такого же цвета, какой был на руках медвежонка, сделав более светлую часть длиннее, чем тёмная.

Шаг 3
Отразите созданную фигуру по горизонтали и поместите её на вторую руку.

Шаг 4
Продолжаем изменять форму головы. Скопируйте и Вставьте на Передний план основную фигуру головы.

Шаг 5
Возьмите Инструмент "Ножницы" (S), нажмите на верхнюю опорную точку круга головы, затем на нижнюю опорную точку. В результате у вас получится две отдельные половины. Удалите левую часть.

Шаг 6
Заполните половину фигуры линейным градиентом от тёмно-коричневого (R=71, G=52, B=20) до чёрного. Установите Непрозрачность чёрной стороны на 0%. Измените Режим наложения на Осветление. Теперь у нас есть шов между двумя частями материала игрушки.

Шаг 7
Добавьте ещё один эллипс поверх лба медвежонка и заполните его таким же линейным градиентом в режиме Осветления, как мы делали для половины фигуры.

11. Рисуем швы, чтобы придать игрушке старый вид
Шаг 1
Время для швов! Возьмите Инструмент "Отрезок линии" (\) и нарисуйте маленькую вертикальную линию, удерживая клавишу Shift. Установите Толщину обводки на 4.

Шаг 2
Перейдите в Объект > Разобрать и нажмите ОК в выпадающем окне, чтобы превратить отрезок линии в объект. Используйте Инструмент "Поворот" (О) или удерживайте клавишу Shift, чтобы повернуть линию на 45 градусов.

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

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

Шаг 4
Давайте добавим тень под стежками. Скопируйте и Вставьте на Задний план одну часть стежка и слегка сместите её вниз. Выберите цвет других теней, которые мы создали.


Шаг 5
Давайте также добавим немного светлых областей, чтобы стежки стали более объёмными. Скопируйте и Вставьте на Передний план одну часть стежка. Сделайте её уже, сплющив с обеих сторон Инструментом "Выделение" (V).

Выберите цвет на светлой области на лбу медвежонка.

Шаг 6
Добавьте ещё несколько деталей стежку.


Отлично, наш стежок стал более реалистичным. Он выглядит так, будто его можно коснуться!
Шаг 7
Скопируйте стежки и добавьте некоторые из них на лоб и лицо медвежонка, чтобы придать ему вид хорошей старой игрушки из вашего детства.

12. Рисуем простой фон
Шаг 1
Давайте создадим тень, которая будет видима на фоне любого цвета! Добавьте плоский эллипс при помощи Инструмента "Эллипс" (L) под медвежонком и заполните его линейным градиентом от коричневого (R=168, G=127, B=82) до белого. Переключите Режим наложения на Умножение.

Шаг 2
Создайте Новый слой под всеми другими слоями. Добавьте несколько кругов разного размера на фоне, сгруппируйте их и примените линейный градиент от бледно-розового (R=255, G=221, B=212) до розового (R=255, G=174, B=173).

13. Создаём несколько простых школьных книг
Шаг 1
Т.к. мы подразумеваем школьную тематику, давайте добавим несколько относящихся к школе предметов на нашу картинку. Начните с создания книги. Нарисуйте прямоугольник Инструментом "Прямоугольник" (М) и заполните его серовато-синим (R=142, G=191, B=187).

Шаг 2
Добавьте второй прямоугольник сверху, сделав его слегка уже. Заполните новую фигуру линейным градиентом от светло-бежевого (R=254, G=238, B=231) до тёмно-бежевого (R=227, G=199, B=152). Перейдите в Эффект > Стилизация > Скруглённые углы и установите радиус 0 пикселей в выпадающем окне.

Шаг 3
Скопируйте синюю фигуру и отсеките ненужную часть бежевого прямоугольника при помощи панели Обработки контуров.


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

Шаг 5
Создайте копию бежевой фигуры, поместите её поверх других объектов и отключите цвета Заливки и Обводки. Выделите только что созданную фигуру и линии, кликните правой кнопкой мыши и Создайте обтравочную маску.

Готово! Теперь линии отлично подходят книге.

Шаг 6
Снова используйте эффект Скруглённых углов для сглаживания обложки книги и формирования внешних углов книги при помощи панели Обработки контуров.

Шаг 7
Давайте добавим больше простых книг разных форм и размеров, чтобы сделать нашу картинку более детальной!
Создайте более тонкий прямоугольник поверх первой книги и заполните его клюквенно-красным цветом (R=187, G=57, B=57). Нарисуйте маленькую фигуру Инструментом "Скруглённый прямоугольник" поперёк книги и сделайте несколько её копий.

Продолжайте добавлять больше книг, делая копии и отражая уже существующие. Изменяйте их размеры, детали и положение. Как вы можете заметить, я добавила несколько закруглённых прямоугольников и применила градиенты, чтобы книги выглядели более реалистичными. Я также добавила несколько золотых полосок верхней книге с тёмно-коричневым цветом на концах (R=186, G=157, B=108) и более светлым желтоватым цветом в середине (R=254, G=238, B=211).

14. Рисуем шляпу выпускника
Шаг 1
Давайте нарисуем простую выпускную шляпу. Начните рисовать чёрный квадрат Инструментом "Прямоугольник" (М), удерживая клавишу Shift. Снова удерживая Shift, разверните ваш квадрат под углом 45 градусов.

Шаг 2
Перейдите в Эффект > Исказить и трансформировать > Произвольное искажение и сдвиньте нижние точки углов вверх, чтобы сжать фигуру и изменить её перспективу.

Шаг 3
Растяните фигуру (Объект > Разобрать) и заполните её радиальным градиентом от тёмно-серого (R=66, G=62, B=55) до чёрного. Добавьте квадрат поменьше для основания шляпы. Поместите его под верхней частью и используйте Инструмент "Прямое выделение" (А) для перетаскивания нижних угловых точек по сторонам, чтобы сделать низ шляпы шире.

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

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


15. Изображаем спелое яблоко для учителя
Шаг 1
Последний, но не менее важный атрибут счастливой школьной жизни - красивое красное яблоко для учителя!
Начните с создания простой формы круга и заполните его линейным градиентом от тёмно-оранжевого (R=255, G=166, B=51) на верхушке до красного (R=237, G=33, B=36) в нижней части.

Шаг 2
Выделите нижнюю опорную точку и сдвиньте опорные указатели при помощи Инструмента "Преобразовать опорную точку" (Shift + C), как показано на снимке экрана.

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

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

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

Сделайте стебель и маленький листок из той же фигуры брови.

16. Добавляем несколько финальных штрихов для улучшения рисунка
Шаг 1
Наконец, сгруппируйте книги и поместите их за медвежонком при помощи Control + [. Поместите шляпу выпускника на голову медвежонка.

Шаг 2
Давайте добавим простую тень, чтобы отделить медвежонка от книг.
Выделите все части медвежонка, скопируйте их и поместите на верх (Shift + Control +] ). Заполните выделенные фигуры чёрным цветом и Объедините их на панели Обработки контуров.

Шаг 3
Поместите чёрную фигуру за медвежонком, но перед книгами (Control + [ ) и сдвиньте её слегка влево.

Шаг 4
Выберите цвет и вид тени, которую мы создали ранее на медвежонке.

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

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

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post