1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

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

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

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

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

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

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

Готовы? Давайте начнём!

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

Шаг 1

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

Нарисуйте прямоугольник при помощи инструмента Rectangle Tool (M). На рисунке ниже показано, какой цвет заливки нужно ему задать. Чтобы придать прямоугольнику нужную форму, перейдите Effect > Warp > Bulge. Введите параметры как на картинке.

Сразу применим и другой эффект. Не снимая выделения с фигуры, перейдите Effect > Warp > Arc Upper. В появившемся окошке настройте параметры так, как показано на картинке ниже (смотрите вторую картинку). Разберите форму (Object > Expand Appearance). И нарисуйте прямоугольник со скругленными краями при помощи инструмента Rounded Rectangle Tool.

creating the rain boot shape creating the rain boot shape creating the rain boot shape

Здесь показаны параметры эффекта Arc Upper.

creating the rain boot shape Arc Upper optionscreating the rain boot shape Arc Upper optionscreating the rain boot shape Arc Upper options

Шаг 2

Давайте ещё поработаем над фигурами, чтобы они стали больше походить на сапог.

Нарисуйте прямоугольник при помощи инструмента Rectangle Tool (M) и разместите его так, чтобы он пересекался с прямоугольником с закруглёнными краями снизу. Выделите этот прямоугольник и прямоугольник с закруглёнными краями, перейдите на панель Pathfinder (Window > Pathfinder) и нажмите кнопку Minus Front. Так вы отрежете нижнюю часть прямоугольника с закруглёнными краями.

creating the rain boot shape 2creating the rain boot shape 2creating the rain boot shape 2

Затем выделите две фигуры (неправильную верхнюю и остаток от прямоугольника с закруглёнными краями), соедините их, нажав кнопку Unite на панели Pathfinder (Window > Pathfinder).

Чтобы придать сапогу нужную форму, нужно подвигать "ручки" точек при помощи инструмента Direct Selection Tool (A). Сначала придайте нужную форму верхней части сапога, а затем отредактируйте носок.

Для придания формы подошве нарисуйте два овала при помощи инструмента Ellipse Tool (L) и расположите их так, как показано на картинке ниже. Отредактируйте больший овал так, чтобы результат получился как на образце.

creating the rain boot shape 3creating the rain boot shape 3creating the rain boot shape 3

Шаг 3

Выделите все фигуры, созданные в предыдущем шаге и объедините их в одну (нажмите кнопку Unite на панели Pathfinder). Теперь нужно визуально отделить подошву сапога от его остальной части.

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

Вернитесь к исходному сапогу и сделайте его копию, поместив её сверху (Ctrl+C, Ctrl+F). У вас должно было получиться три сапога: два исходных один над другим и одна увеличенная копия, которую мы переместили. Выделите один из исходных сапогов и увеличенную копию и нажмите кнопку Minus Front на панели Pathfinder. Благодаря этому у нас останется та часть фигуры, которую мы можем использовать как подошву. Сделайте её чуть темнее.

creating the sole of rain boot creating the sole of rain boot creating the sole of rain boot

Шаг 4

Продолжим работу над резиновым сапогом. Нарисуйте прямоугольник с закруглёнными краями, который будет пересекаться с сапогом так, как показано на картинке ниже. Создайте копию сапога поверх предыдущей (Ctrl+C, Ctrl+F) и, не снимая выделения с копии, выделите прямоугольник с закруглёнными краями. Затем нажмите Intersect на панели Pathfinder. У вас получится освещённая часть сапога из той части, которая пересекалась с прямоугольником с закруглёнными краями.

creating the rain boot shape 4creating the rain boot shape 4creating the rain boot shape 4

Шаг 5

Теперь пора украсить сапог точками!

Нарисуйте маленький светло-розовый круг на сапоге. Чтобы нарисовать ровный круг, зажимайте клавишу Shift, когда рисуете при помощи инструмента Ellipse Tool (L). Сделайте несколько копий кружка (передвигайте исходный кружок в разных направлениях, зажав клавишу Alt) и разместите их по сапогу так, как вам хочется.

Когда все кружки окажутся на своих местах, пора обрезать ненужные их части, которые выходят за край сапога. Сделайте копию сапога и поместите её на переднем плане (Ctrl+C, Ctrl+F), вырежьте её (Ctrl+X) и поместите поверх всего (Ctrl+F). (Небольшое пояснение: когда вы создаёте копию на переднем плане относительно сапога, она появляется только поверх исходного сапога, но не перекрывает все кружочки. Поэтому нужно вырезать эту копию и поместить её поверх всего — и сапога, и кружочков). Эту копию мы будем использовать для обрезки.

Не снимая выделения с верхней копии сапога, выделите все кружочки. Чтобы выделить их все за раз, выберите инструмент Magic Wand Tool (Y) и ткните в один из кружков, который виден из-за края сапога. Когда вы кликните по одному из кружков, этот инструмент автоматически выделит все похожие объекты, в нашем случае, все кружочки. Когда всё необходимое будет выделено, нажмите Crop на панели Pathfinder.

И наконец, не снимая выделения с обрезанных кружочков перейдите Object > Path > Clean Up. Если хотите, также можно поместить подошву поверх обрезанных кружочков (Ctrl+X, Ctrl+F).

Ура! Резиновый сапог готов!

creating the dots creating the dots creating the dots

2. Как нарисовать фон

Итак, у нас есть сапог, теперь займёмся фоном.

Выберите инструмент Rectangle Tool (M) и кликните по монтажной области. В появившемся окошке введите 850 px в поля Width и Height и нажмите ОК. Убедитесь, что фон появился позади сапога. Чтобы выровнять фон по центру монтажной области, перейдите на панель Align (Window > Align) и убедитесь, что в выпадающем меню Align To: выбрано Align to Artboard. Выделите фон и нажмите кнопки Horizontal Align Center и Vertical Align Center на панели Align.

creating the backgroundcreating the backgroundcreating the background

3. Как нарисовать ромашки

Шаг 1

Выберите инструмент Ellipse Tool (L), зажмите клавишу Shift и нарисуйте жёлтый круг. Добавьте белый эллипс-лепесток, используя тот же инструмент, но на этот раз не трогайте клавишу Shift. Продолжайте добавлять белые лепестки, располагая их вразнобой (не идеально ровно).

creating the first daisy creating the first daisy creating the first daisy

Шаг 2

Теперь нарисуем ромашку, повёрнутую к нам боком. Сначала нарисуйте несколько эллипсов — задних лепестков. Затем добавьте желтый эллипс посередине и несколько белых лепестков на переднем плане. Зелёный эллипс — это чашелистик, на котором крепятся лепестки. Так как цветок у нас повёрнут налево, зелёный эллипс тоже нужно немного наклонить влево. При помощи инструмента Direct Selection Tool (A) выделите верхнюю точку зелёного эллипса и потяните её немного вниз. Ромашка, повёрнутая боком готова.

creating the second daisy creating the second daisy creating the second daisy

Шаг 3

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

creating the third daisy creating the third daisy creating the third daisy

Всего у нас получилось три разных ромашки. Сгруппируйте (щелчок правой кнопкой мыши > Group) каждый цветок по отдельности — позже так будет удобнее их передвигать — и проследите, чтобы ни один лепесток не потерялся.

all created daisies togetherall created daisies togetherall created daisies together

Шаг 4

Поместите цветы над сапогом, один положите на землю рядом с ним.

placing daisiesplacing daisiesplacing daisies

Шаг 5

Уберите цвет заливки и задайте цвет обводки зелёный. Выберите инструмент Arc Tool, им мы нарисуем стебли. Убедитесь, что стебли окажутся на заднем плане, под ромашками и сапогом. Если вам нужно что-то подкорректировать, подвигайте ручки точек при помощи инструмента Direct Selection Tool (A). Не забудьте добавить стебель ромашке, которая лежит на земле!

creating the stalkscreating the stalkscreating the stalks

Шаг 6

Листья ромашки похожи на укроп, их очень легко рисовать. Удалите цвет обводки и задайте цвет заливки. Сначала нарисуйте длинный и узкий эллипс. Затем добавьте несколько маленьких по обеим его сторонам и — несколько совсем тонких. Сгруппируйте всё (щелчок правой кнопкой мыши > Group).

creating the leavescreating the leavescreating the leaves

Шаг 7

В природе листья не бывают идеально ровными, нам нужно немного их изогнуть. Выделите лист и перейдите Effect > Warp > Arc. Настройки задайте так, как показано на картинке. Чтобы создать ещё один лист, сделайте копию существующего.

Перейдите в панель Appearance, там будет два слова Warp: Arc. Кликните на одном из них, появится новое окошко. У вас был установлен Bend на -30%, теперь подвиньте ползунок в противоположном направлении до 15%. Не стесняйтесь рисовать столько листиков, сколько вам захочется. Разберите каждый лист (Object > Expand Appearance).

На заметку: Лучше всего сгруппировать каждый лист по отдельности (щелчок правой кнопкой мыши > Group).

warping the leaveswarping the leaveswarping the leaves

Расположите листья рядом со стеблями и за сапогом.

placing the leavesplacing the leavesplacing the leaves

4. Как нарисовать божью коровку

Шаг 1

Сначала нарисуйте красный эллипс, это будет тело божьей коровки. При помощи инструмента Direct Selection Tool (A), переместите верхнюю точку овала вниз. В середине фигуры начертите очень тонкий и длинный тёмно-серый эллипс.

Чтобы расположить его точно по центру красной фигуры, перейдите на панель Align (Window > Align) и убедитесь, что в выпадающем меню Align To: выбрано Align to Selection. Выделите обе фигуры (красную и серую), нажмите Horizontal Align Center и Vertical Align Center на панели Align. Затем добавьте несколько тёмно-серых кружочков.

creating the ladybug bodycreating the ladybug bodycreating the ladybug body

Шаг 2

Чтобы нарисовать пронотум (я знаю, это ужасное слово — это грудная клетка насекомого), нарисуйте овал с заливкой уже знакомого нам тёмно серого цвета. Добавьте белый круг на его боку. Зажав клавиши Alt и Shift, переместите круг вправо. Видите? Вы только что создали копию чётко справа.

Снова выделите пронотум и создайте копию на переднем плане (Ctrl+C, Ctrl+F). Не снимая выделения с него, выделите один из белых кругов. Нажмите Intersect на панели Pathfinder. Повторите это ещё раз: скопируйте пронотум на передний план (Ctrl+C, Ctrl+F), выделите оставшийся кружок вместе с пронотумом и нажмите Intersect на панели Pathfinder.

creating the ladybug body 2creating the ladybug body 2creating the ladybug body 2

Шаг 3

Поместите пронотум под крыльями. Затем добавьте тёмно-серый эллипс — это будет голова. И, наконец, дорисуйте два усика при помощи инструмента Arc Tool. Задайте им закруглённый углы (Round Cap) на панели Stroke. Сгруппируйте все детали и божья коровка готова!

creating the ladybug head and antennascreating the ladybug head and antennascreating the ladybug head and antennas

Сделайте несколько копий этой милой букашки и посадите их на сапог и на цветы.

placing the ladybugsplacing the ladybugsplacing the ladybugs

Шаг 4

Также нужно добавить ещё одну небольшую деталь — тень, без которой сапог кажется парящим в воздухе. Нарисуйте эллипс над фоном и под сапогом. Готово!

adding a shadowadding a shadowadding a shadow

Заключение

Отличная работа! Я уверена, у вас получился замечательный рисунок. Если у вас есть какие-то вопросы или вам хочется поделиться своей работой, не стесняйтесь оставить их в комментариях под уроком. Спасибо, что рисовали вместе со мной!

Rain Boot Vector Illustration Adobe Illustrator TutorialRain Boot Vector Illustration Adobe Illustrator TutorialRain Boot Vector Illustration Adobe Illustrator Tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
One subscription. Unlimited Downloads.
Get unlimited downloads