Рисуем милый резиновый сапог с ромашками в Adobe Illustrator

Рисуем милый резиновый сапог с ромашками в Adobe Illustrator




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

Статьи по теме

Откройте 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

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

creating the rain boot shape Arc Upper options

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

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

creating the rain boot shape 2

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

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

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

creating the rain boot shape 3

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

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

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

creating the sole of rain boot

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

creating the rain boot shape 4

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

Нарисуйте маленький светло-розовый круг на сапоге. Чтобы нарисовать ровный круг, зажимайте клавишу 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

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

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

creating the background

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

creating the first daisy

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

creating the second daisy

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

creating the third daisy

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

all created daisies together

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

placing daisies

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

creating the stalks

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

creating the leaves

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

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

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

warping the leaves

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

placing the leaves

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

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

creating the ladybug body

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

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

creating the ladybug body 2

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

creating the ladybug head and antennas

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

placing the ladybugs

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

adding a shadow

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

Rain Boot Vector Illustration Adobe Illustrator Tutorial




Узнать больше интересного:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *