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

Как создать Дровосека из Волшебника из страны Оз в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called The Wizard of Oz.
How to Create Organic Textures for the Scarecrow in Adobe Photoshop
Create a Fun, Seamless Yellow Brick Road and Poppy Pattern in Adobe Photoshop

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

Final product image
What You'll Be Creating

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

Мы  собираемся использовать некоторые базовые формы Adobe Illustrator с Инструментом  «Перо», но не волнуйтесь – этот процесс очень понятный.  Если  у вас есть базовые знания  Illustrator, вы справитесь! 

Давайте откроем  Illustrator и приступим!

1. Настраиваем документ

Создадим  Новый документ, либо перейдя в Файл > Новый, либо при помощи комбинации клавиш  Control-N.  Добавим некоторые из этих настроек:  

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

Во вкладке с Расширенными настройками (которую можно найти под  стрелкой, указывающей вправо): 

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

2. Настраиваем  слои

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

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

  1. Деревянная рамка
  2. персонаж
  3. топор
setting up our layers

3. Создаём  деревянную рамку

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

Шаг 1

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

Открыв слой  с деревянной рамкой, возьмите Инструмент «Эллипс» (L) для  создания круга 320 х 320 пикселей, который мы можем окрасить в цвет #99847B.

Затем мы выровняем фигуру по центру  Монтажной области при помощи функций Горизонтального и Вертикального выравнивания по центру, которые можно найти под панелью Выравнивания

aligning the base shape for our wooden frame

Шаг 2

Далее придадим фигуре  контур, выделив её и перейдя в Объект > Контур > Параллельный контур, установив значение параллельности 6 пикселей. 

Когда контур будет готов, измените его цвет на  что-то потемнее (#453F3C), чтобы мы смогли разделить две фигуры, а затем выделите  контур и предыдущую фигуру и сгруппируйте их при помощи комбинации Control-G.

wooden frame with outline

Шаг 3

Мы будем  создавать круг поменьше – всего 280 х 280 пикселей, который окрасим в цвет #806E67, а затем поместим  поверх предыдущего, выровняв его по центру и создав  контур толщиной 6 пикселей. 

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

adding the inner section to the wooden frame

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

Шаг 4

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

Для этого возьмите Инструмент «Прямоугольник» (М) и создайте пять фигур 4 х 328 пикселей (#453F3C), которые мы  расположим на расстоянии 48 пикселей  друг от друга, сгруппировав (Control-G)  и выровняв их по центру круга.  

distancing the vertical wood lines using the align panel

Шаг 5

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

Т.к. они будут тенями,  нам нужно изменить их цвет на чёрный (#000000) и установить Режим наложения на Умножение, снизив Непрозрачность  до 20%.  

adjusting the blending mode for the vertical shadows

Шаг 6

Т.к. нам нужно, чтобы вертикальные линии и  тени покрывали только поверхность маленького круга, нам нужно будет  создать копию круга (не контура) и вставить её поверх них. 

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

masking the vertical lines

Шаг 7

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

vertical wooden lines masked

Шаг 8

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

Когда у нас будет получившаяся фигура, измените её цвет на чёрный (#000000) и установите  её Режим наложения на Умножение, снизив Непрозрачность до 20%.  

setting the blending mode for the ring shadow

Шаг 9

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

Затем мы установим  цвет получившейся фигуры на белый (#FFFFFF) и изменим Режим наложения на Перекрытие,  снизив Непрозрачность до 30%.  Вам также нужно поместить  блик внутрь группы большого круга, т.к. мы будем  добавлять больше деталей в процессе, и таким образом будет проще следить  за фигурами.  

adding the ring highlight to the wooden frame

Шаг 10

Т.к. у нас теперь есть круговой блик, нужно  добавить два вертикальных блика.  Сначала возьмите Инструмент «Прямоугольник» (М) и создайте широкую фигуру 8 х 332 пикселей и одну узкую фигуру 4 х 332 пикселей, расположив их на 6 пикселей друг от друга, а затем поместите их в  иллюстрацию, слегка ближе к правой стороне. 

creating the basic shapes for the vertical highlights

Шаг 11

Теперь, как мы делали с предыдущими вертикальными линиями,  мы спрячем блики и затем установим Режим наложения на Перекрытие,  снизив Непрозрачность до 30%. 

setting the blending mode for the vertical highlights

Шаг 12

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

Сначала нам  нужно будет войти в группу большого круга, дважды кликнув на нём, чтобы  войти в Режим изоляции, где с помощью Инструмента «Перо» (Р) мы начнём рисовать маленькие  согнутые линии.  Нужно установить толщину линий на 2 пикселя и окрасить их в такой же  оттенок, что и контур (#453F3C).

Когда закончите, ваш дизайн будет выглядеть  как-то так. 

adding the decorative lines to the wooden frame

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

4. Создаём дровосека

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

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

Итак,  возьмите себе чашку кофе или чая и, как говорит Великий Оз: «У вас достаточно  храбрости, вам нужна только уверенность в себе». 

Шаг 1

Сначала перейдите  на слой с персонажем и при помощи Инструмента «Перо» (Р) начните работать над металлической рубашкой Дровосека,  рисуя трапециевидную фигуру, которую мы окрасим в цвет #CCC4C4.

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

creating the base shape for the collar

Шаг 2

Далее нам нужно добавить контур рубашки,  выделив его и перейдя в Объект > Контур > Параллельный контур и применить значение параллельности 6 пикселей.  Т.к. контур должен выделяться на фоне внутренней заливки,  нужно изменить его цвет на #453F3C.

adding an outline to the collar base shape

Шаг 3

Т.к. у нас есть нижняя часть рубашки,  можем начать работать над её верхней стороной, добавив фигуру эллипса, которая будет  внутренней частью с контуром 6 пикселей. 

adding the circular section to the collar

Шаг 4

Далее мы добавим  мягкую тень на верхней стороне внутреннего элемента рубашки, который мы  только что создали.  Я рекомендую использовать Инструмент «Перо» (Р) и нарисовать контур, который будет сужаться к верху, а затем расширится  к краям.  Когда будет готов контур, измените его цвет  на чёрный (#000000) и затем установите его Режим наложения на Умножение, снизив  Непрозрачность до 20%. 

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

adding a shadow to the circular section of the collar

Шаг 5

Инструментом «Перо» (Р) начните добавлять детали  нижнему участку рубашки, создавая блики.  Затем Инструментом «Эллипс» (L) добавьте небольшой круглый  блик, который мы слегка наклоним к левой стороне.  

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

adding the highlights to the collar

Шаг 6

Когда закончите  добавлять блики, нужно будет добавить маленькие болты и вертикальный разделитель.  Инструментом «Эллипс» (L)  создайте четыре круга 6 х 6 пикселей (#453F3C)  и расположите их ровно на расстоянии 4 пикселя друг от друга.  Сгруппируйте болты (Control-G) и затем выровняйте их по центру нижней части рубашки,  сдвинув их немного ближе к правой стороне.  

Добавьте прямоугольник 4 х 48 пикселей (#453F3C)  справа и маленькую тень 2 х 48 пикселей  возле разделителя.  

На этом этапе лучше  выделить все фигуры рубашки и сгруппировать их (Control-G), чтобы  объекты не разлетались вокруг.  

adding the final details to the collar

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

Шаг 7

Т.к. мы закончили  работать с рубашкой, теперь можем перейти к шее. 

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

Окрасьте фигуру при помощи #CCC4C4, а затем расположите  её ближе к низу центра эллипса рубашки.  

creating the base shape for the neck

Шаг 8

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

adding an outline to the neck section

Шаг 9

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

neck misalignment example

Самое простое решение – выделить и  создать копию эллипса рубашки (не контура) и затем удалить    верхнюю опорную точку, выделив её и нажав Delete.  Затем Инструментом «Перо» (Р) продолжайте рисовать фигуру,  создавая верхнюю секцию, которая проходит над верхней стороной контура шеи.  Затем  выделите шею и контур и создайте обтравочную маску.

correcting the neck misalignment using a clipping mask

Шаг 10

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

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

adding details to the neck

Шаг 11

Т.к. мы  в целом закончили с шеей, можем перейти к голове. 

Я начал  работать над головой, нарисовав прямоугольник 92 х 134 пикселей с Угловым радиусом 46 пикселей, который я потом изменил, подвигав опорные точки.

У фигуры, которую  вы создаёте, будет более плоский верх  и немного продолговатый низ. 

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

adding the base shape for the head

Шаг 12

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

adding the eyes nose and mouth to the face

Шаг 13

Когда  глаза, рот и нос будут на своих местах, нужно добавить уши. 

На своём  рисунке я создал уши, нарисовав два прямоугольника 10 х 26 пикселей (#968F8E) с Угловым радиусом 5 пикселей, к которому я применил эффект параллельного контура 6 пикселей, чтобы получились контуры.  

Затем я изменил цвет контура на #453F3C  и поместил пару на каждой стороне, взяв глаза за точки ориентировки, отправив  их на задний план, за голову.

adding the ears to the head

Шаг 14

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

Инструментом «Перо» (Р) начните обводить нижнюю часть шляпы, сделав её  на пару пикселей шире самой головы.  Окрасьте фигуру в цвет #968F8E и затем придайте ей контур. 

adding the bottom section of the hat

Шаг 15

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

adding the top section of the hat

Шаг 16

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

Инструментом «Эллипс» (L) создайте круг 28 х 28 пикселей (#968F8E) и затем  отразите его заливку с обводкой, нажав Shift-X.

Т.к. наш круг  должен быть кольцом, нам нужно изменить его толщину, установив её на 4 пикселя.  Затем разберите фигуру, перейдя  в Объект > Разобрать > Заливка и обводка и создайте параллельный контур 6 пикселей. 

Наконец, сгруппируйте (Control-G) заливку и контур и поместите ручку  на правую сторону шляпы.  

adding the handle to the hat

Шаг 17

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

adding details to the hat

Шаг 18

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

masking the character

Шаг 19

Но погодите,  кажется, что-то не так – отсутствует часть. 

Итак, Дороти.  Т.к.  я думал, что мы сначала поработаем над основными компонентами  персонажа, я оставил вишенку на потом.  Если вы всё ещё не знаете, что это, то я  скажу - это бантик. 

Нарисуйте симпатичную  бабочку, которую мы окрасим в цвет #ED7161 и расположим на рубашке  ближе к низу.  

adding the bow to the character

Шаг 20

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

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

adding the second set of wood lines

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

Переходим к  последнему элементу иллюстрации – отличительной части  Дровосека, топору. 

Если вы читали  историю, то знаете, что Дровосек не был  изначально сделан из металла.  Он был настоящим человеком, как я вы и я, которого звали  Ник Чоппер.  Он зарабатывал на жизнь, срубая деревья  в лесах Оз. 

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

Теперь вы знаете,  почему топор так важен.  Давайте начнём его создавать. 

Шаг 1

Сначала заблокируем  остальные слои, за исключением слоя с топором, и Инструментом «Перо» (Р) начните рисовать деревянную ручку. 

Постарайтесь придать  ей более естественный вид,  окрасьте в цвет #806E67 и нарисуйте контур 6 пикселей (#453F3C) при помощи эффекта параллельного контура.  

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

creating the axes handle

Если  ваш контур получился неровным, как мой, - не беспокойтесь, мы  сделаем так, чтобы эта сторона перекрывала лезвие.  

Шаг 2

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

adding details to the handle

Шаг 3

Начнём  работать над лезвием, создав прямоугольник 24 х 40 пикселей (#B1A9A9) с Угловым радиусом 2 пикселя.  Мы изменим  фигуру, выделив нижние центральные опорные точки Инструментом «Прямое выделение» (А) и затем  удалив их нажатием на клавишу Delete.

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

adjusting the axes blade

Шаг 4

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

adding the blade onto the axe

Готово, друзья!

Добавьте пару бликов и теней на лезвии – и всё. 

Надеюсь, вам понравилось следовать этому маленькому руководству, и я жду ваши финальные результаты, поэтому не медлите! 

illustration finished
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.