() translation by (you can also view the original English article)
Каждую весну женщины в моей родной Украине делают генеральную уборку своих жилищ. У нас принято оценивать женщину по тому насколько чисто в ее доме, прозрачности окон и качеству готовки. В этом уроке мы нарисуем чистящие и моющие средства.
Развиваемая здесь мысль получит продолжение в следующем моем уроке. Этот же предназначен для новичков. Мы будем комбинировать простые фигуры, различным образом искажая и деформируя их. К примеру, мы берем овал или прямоугольник, применяем эффекты и, совмещая несколько таких фигур, получаем ведро или пульверизатор.
Множество других вариантов чистящих средств, которые могут послужить для дополнительного вдохновения, можно найти на GraphicRiver.
1. Рисуем ведро
Шаг 1
Для начала создайте новый документ (File> New) с размерами 850 пикселей по высоте и 850 пикселей по ширине. Затем при помощи инструмента Rectangle Tool (M) нарисуйте прямоугольник. Деформируйте его, применив эффект Effect> Warp> Arc с показанными ниже параметрами.
Шаг 2
Сделайте копию этой фигуры, зажав Shift и Alt переместите оригинал вправо. Зажатие Shift сохраняет точное направление. Зажатие же Alt дает, собственно, дубликат. После этого сделайте еще одну копию оригинальной фигуры и вставьте на передний план (Ctrl+C, Ctrl+F).
Выделите обе копии и нажмите кнопку Minus Front с панели Pathfinder (Window> Pathfinder).
Измените цвет получившейся фигуры на чуть более темный, чем у основной. Это будет тень. Выделите у нее левую опорную точки и совсем немного сместите вправо. Сделать искомое выделение можно инструментом Direct Selection Tool (A).
Шаг 3
Инструментом Rectangle Tool (M) нарисуйте желтый прямоугольник выше предыдущей фигуры. Затем выделите инструментом Direct Selection Tool (A) его левую нижнюю опорную точку. Несколько раз нажмите на стрелку вправо на клавиатуре, чтобы сместить ее в том же направлении. Далее выделите левую опорную точку и сместите влево, соответственно, нажав стрелку влево.
Шаг 4
Инструментом Ellipse Tool (L) нарисуйте два овала один над другим, второй из которых будет меньше первого. Выделите их и примените операцию Exclude с панели Pathfinder (Window > Pathfinder). Получившуюся фигуру расположите как показано на изображении ниже.
Шаг 5
Теперь добавим ручку. Инструментом Rounded Rectangle Tool нарисуйте прямоугольник с закругленными углами. Залейте его серым цветом и "вставьте" в "ушко" на крышке ведра.
2. Рисуем пластиковую бутылку
Шаг 1
Здесь процесс начинается с создания прямоугольника инструментом Rectangle Tool (M) с заливкой темно-желтым цветом. В верхней его части добавьте прямоугольник со скругленными углами (инструмент Rounded Rectangle Tool) с заливкой более светлым оттенком. Зажав Shift и Alt сделайте копию последней фигуры и сместите вниз.
Сделайте дубликат темно-желтой фигуры (Ctrl+C, Ctrl+F). Инструментом Eyedropper Tool (I) скопируйте цвет заливки с одного из прямоугольников с закругленными углами. Уменьшите получившуюся фигуру по высоте, чтобы стало примерно так, как показано ниже. Мы получили "тело" бутылки.
Шаг 2
Закроем бутылку колпачком. Нарисуйте прямоугольник красного цвета. Продублируйте его (Ctrl+C, Ctrl+F) и измените оттенок заливки на более темный. При помощи инструмента Selection Tool (V) сделайте эту копию очень узкой. Затем, зажав Shift и Alt, уже знакомым образом продублируйте ее немного вправо от оригинала.
Нажмите Ctrl+D, чтобы повторить последние операции по копированию и перемещению. Продолжайте нажимать Ctrl+D пока полосы не дойдут до конца колпачка. В итоге должно получиться как показано ниже.
Присоедините колпачок к бутылке
3. Рисуем резиновые перчатки
Шаг 1
Первая из перчаток начнется с розового прямоугольника. Примените к нему эффект Effect> Warp> Arc Upper с указанными ниже параметрами. После этого выполните операцию Object> Expand Appearance.
Шаг 2
Изобразим пальцы, добавив четыре прямоугольника с закругленными углами. Первый нарисуйте вручную, второй получите зажав Shift и Alt, еще два - двукратным же нажатием Ctrl+D. Две центральных фигуры поднимите немного выше крайних.
Должным образом расположите пальцы на основной фигуре перчатки.
Шаг 3
Теперь пришла очередь большого пальца. Нарисуйте овал инструментом Ellipse Tool (A). При помощи Direct Selection Tool (A) деформируйте его показанным ниже образом.
И, конечно же, прикрепите к перчатке.
Шаг 4
Сделайте копию всей перчатки (Ctrl+C, Ctrl+F). Назначьте ей более темный оттенок того же цвета.
4. Рисуем скребок
Шаг 1
Создайте вертикально вытянутый прямоугольник. Залейте его темно-серым цветом. В верхней его части нарисуйте чуть более толстый еще один небольшой прямоугольник, которому назначьте более светлый оттенок. В нижней же части добавьте оранжевый прямоугольник с закругленными углами. Это будет ручка скребка. Примените к этой фигуры эффект Effect> Warp> Arc, настройки которого указаны ниже.
Шаг 2
Теперь нарисуйте горизонтально вытянутый прямоугольник оранжевого цвета. Его нижние опорные точки при помощи инструмента Direct Selection Tool (A) сместите к центру. Выше него добавьте серый прямоугольник. И еще чуть выше аналогичную фигуру, но более узкую и светлую по оттенку заливки.
Ниже показано как должно получиться в итоге.
5. Рисуем бутылку с пульверизатором
Шаг 1
Здесь действия начинаются со светло-серого прямоугольника с закругленными углами. Примените к нему эффект Effect> Warp> Arc Lower с показанными ниже настройками, после чего разберите эффект командой Object> Expand Appearance.
Нарисуйте в отмеченном ниже месте эллипс. Заливка и обводка ему не нужны. На изображении она для того, чтобы вам было видно нужное расположение. Выделите обе фигуры, добавленные в этом шаге, и выполните операцию Minus Front с панели Pathfinder.
Шаг 2
Теперь, инструментом Direct Selection Tool (A), сделайте верхушку полученной фигуры более плоской. Затем добавьте эффект Object> Path> Offset Path со смещением около -10. Точное значение смещения зависит от размеров вашей фигуры. Дает же оно нам объект с таким же контуром, но меньшего размера.
Новой фигуре задайте более темный оттенок заливки. В завершение данного шага нарисуйте в верхней части конструкции небольшой прямоугольник розового цвета. Отправьте его на задний план (Ctrl+X, Ctrl+B или Ctrl+[).
Шаг 3
Бутылка готова. Теперь нарисуем пульверизатор. Создайте два розовых прямоугольника с закругленными углами и расположите их как показано ниже. К верхней фигуре и последних двух добавленных примените эффект Arc, после чего тут же его разберите (expand). Далее объедините обе фигуры, нажав кнопку Unite на панели Pathfinder.
Сейчас мы будем пользоваться виджетами углов (Corner Widget), которые уже достаточно давно появились в Illustrator. Они позволяют легко и быстро скруглять любые углы.
Для начала убедитесь, что их отображение включено: View> Show Corner Widget. Выглядят они как небольшие круги рядом с каждым углом. Инструментом Direct Selection Tool (A) выделите оба прямых угла розовой фигуры и потяните за любой угловой виджет - углы будут скругляться тем сильнее, чем больше удаление виджета от исходного положения. (Если вернуть виджет(-ы) в это самое исходное положение, то углы вновь станут прямыми. То есть, сделанные изменения можно отредактировать в любое время).
Шаг 4
Нарисуйте розовый овал. Инструментом Direct Selection Tool (A) придайте ему указанную ниже форму.
Шаг 5
"Присоедините" все розовые части к бутылке. Завершающим штрихом для пульверизатора станет небольшой прямоугольник в передней части данной конструкции. Цвет для него скопируйте с курка инструментом Eyedropper Tool (I). Обратите внимание на то, что эту фигуру необходимо облагородить, немного отредактировав положение опорных точек и их направляющих.
6. Собираем композицию
"Положите" все нарисованные ранее чистящие принадлежности в ведро. Убедитесь, чтобы оно было на переднем плане относительно других элементов.
7. Рисуем губку
Нарисуйте желтый овал, вытянутый по горизонтали. Примените к нему эффект Effect> Distort & Transform> Roughen с указанными ниже настройками. В зависимости от размера вашей фигуры они могут отличаться.
Если полученная деформация вас устраивает, то сделайте копию этой фигуры, немного уменьшите ее и измените оттенок заливки на более светлый. Затем сделайте еще несколько дубликатов, которые уменьшите уже сильнее и назначьте темный оттенок - это будут дырочки в губке.
Изменить детализацию и размеры искажений от эффекта Roughen можно просто кликнув по его названию в панели Appearance. Не забудьте по окончании редактирования разобрать эффект.
Расположите губку на переднем плане относительно ведра.
8. Добавляем фон
Шаг 1
Инструментом Rectangle Tool (M) нарисуйте квадрат с размерами 850x850 пикселей и заливкой светло-синим цветом.
Шаг 2
Ниже композиции, но выше квадрата, инструментом Ellipse Tool (L), удерживая в процессе Shift, добавьте круг с более темным оттенком заливки.
При помощи панели Align (Window> Align) центрируйте круг относительно иллюстрации. Для этого сначала выберите в выпадающем меню панели пункт Show Options, затем в открывшейся секции для списка Align To укажите метод Align to Artboard и, наконец, щелкните по кнопкам Horizontal Align Center и Vertical Align Center. Теперь ваш круг находится по центру иллюстрации.
Шаг 3
Завершим иллюстрацию, добавив некоторое количество мыльных пузырей. Для начала нарисуйте небольшой круг, которому назначьте заливку цвета фона. На панели Transparency измените его режим смешивания с Normal на Screen. Сделайте много копий этого круга, зажав Alt. Размеры некоторых из них уменьшите и вуа-ля! Наша иллюстрация закончена!
Ваше дело сделано - отличная работа!
Мы сделали это! Теперь вы можете нарисовать иные тематические предметы. Это могут быть кисточки, веники, швабры или что-то еще. При помощи простых фигур и рисовать легко! Обязательно поделитесь своим вариантом в комментариях. Желаю вам отличного дня и до скорых встреч!
