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

Рисуем снимки Polaroid, сушащиеся на веревке, в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

В этом уроке вы нарисуете сушащиеся на веревке полароидные фотографии, используя инструмент Mesh Tool в Adobe Illustrator.

Если вы не хотите рисовать самостоятельно, то можете приобрести готовое изображение "Развешанные на веревке фотографии" на GraphicRiver.

Retro photos
Фотографии, развешанные на веревке

Давайте же приступим!

1. Рисуем бельевые прищепки

Шаг 1

Нарисуйте прямоугольник коричневого цвета. Активируйте инструмент Mesh Tool (U) и, ориентируясь на изображенное ниже, постройте им градиентную сетку (меш). Отмеченным точкам назначьте соответствующий цвет заливки.

brown rectangle dark brown middle

Шаг 2

Раскрасьте точки сетки для выемки прищепки.

more realistic gap in the middle

Шаг 3

Добавьте прищепке еще немного реалистичности.

shadow on top

Шаг 4

И завершим деревянную часть последними тремя штрихами.

highlight in the middle

Шаг 5

Перейдем к металлической части.

Инструментом Pen Tool (P) нарисуйте контур, похожий на букву L. Добавьте ему градиентную обводку.

gradient B68159-C7B299-8F855A-68662D

Шаг 6

Командой Object> Expand преобразуйте этот градиент в меш.

see above

Шаг 7

На сгибе фигуры добавьте еще один ряд точек. Он нам поможет в будущем.

see above

Шаг 8

Сейчас у нашей сетки слишком много продольных линий. Давайте уменьшим их количество.

Инструментом Mesh Tool (U) добавьте точку на линии, которую хотите удалить, и нажмите Delete. Так мы сохраним нужные нам для последующего окрашивания поперечные линии.

see above

Шаг 9

Продолжайте удалять линии, пока не останется три: две по бокам и одна в середине. Убедитесь, что вы не удалили ни одного ряда.

see above

Шаг 10

Верхней части фигуры придайте заостренную форму.

see above

Шаг 11

Другой конец сделайте закругленным.

see above

Шаг 12

Оба конца покрасьте в темно-зеленый цвет, после чего добавьте несколько точек, как показано ниже.

dark color 57522A

Шаг 13

Добавьте еще несколько точек. Отмеченным ниже задайте белый цвет заливки.

white color FFFFFA

Шаг 14

Сбоку от прищепки нарисуйте высокий и узкий прямоугольник коричневого цвета.

color 553516

Шаг 15

Расположите металлическую часть в выемке прищепки.

in the dark gap

Шаг 16

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

above the metal part

И на этом бельевая прищепка закончена!

2. Рисуем веревку

Шаг 1

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

create a slanted part of a rope

Шаг 2

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

see above

Шаг 3

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

about 40 original shapes

Шаг 4

Примените к веревке эффект Effect> Warp> Arc с изгибом 25%.

see above

Командой Object> Expand Appearance разберите эффект.

Шаг 5

Не снимая выделения с объекта, кликните в рабочей области правой кнопкой мыши и в появившемся контекстном меню выберите пункт Transform> Reflect.

Выберите отражение по горизонтали.

see above

Шаг 6

Похожим образом отразите веревку по вертикали.

see above

Шаг 7

Немного уменьшите длину веревки.

shrink to about 80 of original width

3. Создаем фотографии

Шаг 1

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

see above

Шаг 2

Теперь нарисуйте прямоугольник темно-коричневого цвета и расположите его поверх предыдущей фигуры.

like a polaroid

Шаг 3

"Закрепите" фотографию в прищепке.

see above

Шаг 4

Давайте добавим тень от прищепки.

Создайте два прямоугольника, частично перекрывающих друг друга по ширине: бежевого цвета и коричневого. У бежевого уменьшите непрозрачность до 0%. Затем в меню Object> Blend> Blend Options измените метод перехода на Specified Steps, указав там 30 шагов.

Выделите оба прямоугольника и командой Object> Blend> Make сделайте между ними переход.

beige FCD6B0 brown 4C341A

Шаг 5

Расположите тень с левой стороны прищепки. Чтобы она оказалась под ней, воспользуйтесь панелью Layers.

Можно также немного повернуть прищепку.

see above

Шаг 6

Сгруппируйте фотографию и прищепку. Сделайте три копии данной группы и расположите все четыре полукругом на веревке.

see above

4. Создаем фон

Шаг 1

Из прямоугольника голубого цвета, всё также при помощи меша, нарисуйте небо.

darker on top lighter on the bottom

Шаг 2

Разместите его позади веревки с фотографиями.

see above

Шаг 3

Проверьте, чтобы концы веревки выходили за пределы артборда (и фона соответственно).

Нарисуйте новый прямоугольник по размерам фона, выделите вместе с ним всё, кроме самого фона, и создайте обтравочную маску (правый клик> Make Clipping Mask; Ctrl+7).

see above

Шаг 4

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

Здесь я использовал квадратную сетку, вместо изначальной овальной.

Когда она будет готова, выполните операцию Edit> Edit Colors> Adjust Colors, уменьшив синий цвет (Blue) на -10%, что придаст облакам более "винтажный" вид.

see above

Шаг 5

Расположите облака примерно как изображено ниже.

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

create realistic clouds

Шаг 6

Включите видимость всех слоев с облаками (вновь щелкните по "глазу" на панели Layers).

see above

Шаг 7

Не забудьте опустить облака ниже веревки. И на этом наша иллюстрация закончена!

see above

Мы закончили. Отличная работа!

Что дальше? Вы можете попробовать выполнить другие уроки, которые найдете в моем профиле или посмотреть моё портфолио на GraphicRiver, где среди прочего есть и оригинальное изображение, которое мы создавали в этом уроке.

Я надеюсь, что урок вам понравился. Жду ваших вариантов в комментариях!

Retro photos hanging on a rope
Фотографии, развешанные на веревке
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.