Advertisement
  1. Design & Illustration
  2. Spring

Создаем иллюстрацию, посвященную весенней уборке, в Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

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

1. Рисуем ведро

Шаг 1

Для начала создайте новый документ (File> New) с размерами 850 пикселей по высоте и 850 пикселей по ширине. Затем при помощи инструмента Rectangle Tool (M) нарисуйте прямоугольник. Деформируйте его, применив эффект Effect> Warp> Arc с показанными ниже параметрами.

creating the base shape of the bucket

Шаг 2

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

Выделите обе копии и нажмите кнопку Minus Front с панели Pathfinder (Window> Pathfinder).

Измените цвет получившейся фигуры на чуть более темный, чем у основной. Это будет тень. Выделите у нее левую опорную точки и совсем немного сместите вправо.  Сделать искомое выделение можно инструментом Direct Selection Tool (A).

creating the base shape of the bucket 2

Шаг 3

Инструментом Rectangle Tool (M) нарисуйте желтый прямоугольник выше предыдущей фигуры. Затем выделите инструментом Direct Selection Tool (A) его левую нижнюю опорную точку. Несколько раз нажмите на стрелку вправо на клавиатуре, чтобы сместить ее в том же направлении. Далее выделите левую опорную точку и сместите влево, соответственно, нажав стрелку влево.

creating the top of the bucket

Шаг 4

Инструментом Ellipse Tool (L) нарисуйте два овала один над другим, второй из которых будет меньше первого. Выделите их и примените операцию Exclude с панели Pathfinder (Window > Pathfinder). Получившуюся фигуру расположите как показано на изображении ниже.

creating the top of the bucket 2

Шаг 5

Теперь добавим ручку. Инструментом Rounded Rectangle Tool нарисуйте прямоугольник с закругленными углами. Залейте его серым цветом и "вставьте" в "ушко" на крышке ведра.

creating the handle of the bucket

2. Рисуем пластиковую бутылку

Шаг 1

Здесь процесс начинается с создания прямоугольника инструментом Rectangle Tool (M) с заливкой темно-желтым цветом. В верхней его части добавьте прямоугольник со скругленными углами (инструмент Rounded Rectangle Tool) с заливкой более светлым оттенком. Зажав Shift и Alt сделайте копию последней фигуры и сместите вниз.

Сделайте дубликат темно-желтой фигуры (Ctrl+C, Ctrl+F). Инструментом Eyedropper Tool (I) скопируйте цвет заливки с одного из прямоугольников с закругленными углами. Уменьшите получившуюся фигуру по высоте, чтобы стало примерно так, как показано ниже. Мы получили "тело" бутылки.

creating the body of the bottle

Шаг 2

Закроем бутылку колпачком. Нарисуйте прямоугольник красного цвета. Продублируйте его (Ctrl+C, Ctrl+F) и измените оттенок заливки на более темный. При помощи инструмента Selection Tool (V) сделайте эту копию очень узкой. Затем, зажав Shift и Alt, уже знакомым образом продублируйте ее немного вправо от оригинала.

Нажмите Ctrl+D, чтобы повторить последние операции по копированию и перемещению. Продолжайте нажимать Ctrl+D пока полосы не дойдут до конца колпачка. В итоге должно получиться как показано ниже.

creating the cap of the bottle

Присоедините колпачок к бутылке

placing the cap on the bottle

3. Рисуем резиновые перчатки

Шаг 1

Первая из перчаток начнется с розового прямоугольника. Примените к нему эффект Effect> Warp> Arc Upper с указанными ниже параметрами. После этого выполните операцию Object> Expand Appearance.

creating the base of the glove

Шаг 2

Изобразим пальцы, добавив четыре прямоугольника с закругленными углами. Первый нарисуйте вручную, второй получите зажав Shift и Alt, еще два - двукратным же нажатием Ctrl+D. Две центральных фигуры поднимите немного выше крайних.

creating the fingers of the glove

Должным образом расположите пальцы на основной фигуре перчатки.

placing the fingers on the glove

Шаг 3

Теперь пришла очередь большого пальца. Нарисуйте овал инструментом Ellipse Tool (A). При помощи Direct Selection Tool (A) деформируйте его показанным ниже образом.

creating the thumb of the glove

И, конечно же, прикрепите к перчатке.

placing the thumb on the glove

Шаг 4

Сделайте копию всей перчатки (Ctrl+C, Ctrl+F). Назначьте ей более темный оттенок того же цвета.

creating the second glove

4. Рисуем скребок

Шаг 1

Создайте вертикально вытянутый прямоугольник. Залейте его темно-серым цветом. В верхней его части нарисуйте чуть более толстый еще один небольшой прямоугольник, которому назначьте более светлый оттенок. В нижней же части добавьте оранжевый прямоугольник с закругленными углами. Это будет ручка скребка. Примените к этой фигуры эффект Effect> Warp> Arc, настройки которого указаны ниже.

creating the squeegee handle

Шаг 2

Теперь нарисуйте горизонтально вытянутый прямоугольник оранжевого цвета. Его нижние опорные точки при помощи инструмента Direct Selection Tool (A) сместите к центру. Выше него добавьте серый прямоугольник. И еще чуть выше аналогичную фигуру, но более узкую и светлую по оттенку заливки.

creating the squeegee top

Ниже показано как должно получиться в итоге.

closer look

5. Рисуем бутылку с пульверизатором

Шаг 1

Здесь действия начинаются со светло-серого прямоугольника с закругленными углами. Примените к нему эффект Effect> Warp> Arc Lower с показанными ниже настройками, после чего разберите эффект командой Object> Expand Appearance.

Нарисуйте в отмеченном ниже месте эллипс. Заливка и обводка ему не нужны. На изображении она для того, чтобы вам было видно нужное расположение. Выделите обе фигуры, добавленные в этом шаге, и выполните операцию Minus Front с панели Pathfinder.

creating the spray bottle base

Шаг 2

Теперь, инструментом Direct Selection Tool (A), сделайте верхушку полученной фигуры более плоской. Затем добавьте эффект Object> Path> Offset Path со смещением около -10. Точное значение смещения зависит от размеров вашей фигуры. Дает же оно нам объект с таким же контуром, но меньшего размера.

Новой фигуре задайте более темный оттенок заливки. В завершение данного шага нарисуйте в верхней части конструкции небольшой прямоугольник розового цвета. Отправьте его на задний план (Ctrl+X, Ctrl+B или Ctrl+[).

creating the spray bottle base 2

Шаг 3

Бутылка готова. Теперь нарисуем пульверизатор. Создайте два розовых прямоугольника с закругленными углами и расположите их как показано ниже. К верхней фигуре и последних двух добавленных примените эффект Arc, после чего тут же его разберите (expand). Далее объедините обе фигуры, нажав кнопку Unite на панели Pathfinder.

Сейчас мы будем пользоваться виджетами углов (Corner Widget), которые уже достаточно давно появились в Illustrator. Они позволяют легко и быстро скруглять любые углы.

Для начала убедитесь, что их отображение включено: View> Show Corner Widget. Выглядят они как небольшие круги рядом с каждым углом. Инструментом Direct Selection Tool (A) выделите оба прямых угла розовой фигуры и потяните за любой угловой виджет - углы будут скругляться тем сильнее, чем больше удаление виджета от исходного положения. (Если вернуть виджет(-ы) в это самое исходное положение, то углы вновь станут прямыми. То есть, сделанные изменения можно отредактировать в любое время).

creating the spray bottle top

Шаг 4

Нарисуйте розовый овал. Инструментом Direct Selection Tool (A) придайте ему указанную ниже форму.

creating the spray bottle top 2

Шаг 5

"Присоедините" все розовые части к бутылке. Завершающим штрихом для пульверизатора станет небольшой прямоугольник в передней части данной конструкции. Цвет для него скопируйте с курка инструментом Eyedropper Tool (I). Обратите внимание на то, что эту фигуру необходимо облагородить, немного отредактировав положение опорных точек и их направляющих.

creating the spray bottle top 3

6. Собираем композицию

"Положите" все нарисованные ранее чистящие принадлежности в ведро. Убедитесь, чтобы оно было на переднем плане относительно других элементов.

making the scene

7. Рисуем губку

Нарисуйте желтый овал, вытянутый по горизонтали. Примените к нему эффект Effect> Distort & Transform> Roughen с указанными ниже настройками. В зависимости от размера вашей фигуры они могут отличаться.

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

Изменить детализацию и размеры искажений от эффекта Roughen можно просто кликнув по его названию в панели Appearance. Не забудьте по окончании редактирования разобрать эффект.

creating the sponge

Расположите губку на переднем плане относительно ведра.

placing the sponge

8. Добавляем фон

Шаг 1

Инструментом Rectangle Tool (M) нарисуйте квадрат с размерами 850x850 пикселей и заливкой светло-синим цветом.

creating the background

Шаг 2

Ниже композиции, но выше квадрата, инструментом Ellipse Tool (L), удерживая в процессе Shift, добавьте круг с более темным оттенком заливки.

При помощи панели Align (Window> Align) центрируйте круг относительно иллюстрации. Для этого сначала выберите в выпадающем меню панели пункт Show Options, затем в открывшейся секции для списка Align To укажите метод Align to Artboard и, наконец, щелкните по кнопкам Horizontal Align Center и Vertical Align Center. Теперь ваш круг находится по центру иллюстрации.

creating the background 2

Шаг 3

Завершим иллюстрацию, добавив некоторое количество мыльных пузырей. Для начала нарисуйте небольшой круг, которому назначьте заливку цвета фона. На панели Transparency измените его режим смешивания с Normal на Screen. Сделайте много копий этого круга, зажав Alt. Размеры некоторых из них уменьшите и вуа-ля! Наша иллюстрация закончена!

creating the soap bubbles

Ваше дело сделано - отличная работа!

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

final image
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.