Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем снимки Polariod в Adobe Illustrator

28 апреля 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать иллюстрацию развешанных на веревке фото Polariod в Adobe Illustrator. Все элементы будут создавать при помощи сетчатого градиента. Вы узнаете несколько полезных приемов в работе с этим инструментом, которые могут не знать даже опытные пользователи программы. После создания всех элемнтов, мы соберем их в общую целостную композицию.

 

 


see above

1. Рисуем прищепку

Шаг 1

Создайте коричневый прямоугольник. Возьмите инструмент Mesh/Сетчатый градиент(U) и следуя инструкциям на картинках ниже, создайте сетку градиента, закрасив выделенные точки в указанные цвета.

brown rectangle dark brown middle

Шаг 2

Продолжайте следовать инструкциям и создайте сетку для закрашивания выемки прищепки.

more realistic gap in the middle

Шаг 3

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

shadow on top

Шаг 4

Последние штрихи для деревянной части прищепки.

highlight in the middle

Шаг 5

Теперь нарисуем металлическую часть. Нарисуйте линию в форме буквы L при помощи инструмента Pen/Перо (P), затем укажите обводке линии градиент.

gradient B68159-C7B299-8F855A-68662D

Шаг 6

Выделите линию и в меню выберите Object > Expand/Объект>Разобрать. Вы получите сетчатый градиент.

see above

Шаг 7

Добавьте новую точку на сгибе. Это пригодится нам позже.

see above

Шаг 8

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

Инструментом Mesh/Сетчатый градиент (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

Коричневый прямоугольник разместите как показано ниже.

above the metal part

Прищепка готова!

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

Шаг 1

Создайте звено веревки, следуя инструкциям ниже. Используйте Mesh/Сетчатый градиент.

create a slanted part of a rope

Шаг 2

Создайте множество копий звена, чтобы составить из них веревку.

see above

Шаг 3

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

about 40 original shapes

Шаг 4

Выделите всю веревку и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга и настройте параметры как показано ниже.

see above

Выберите в меню Object > Expand Appearance/Объект>Разобрать оформление.

Шаг 5

Кликните по веревке правой кнопкой и выберите Transform > Reflect/Трансформировать>Отразить. Выберите вариант Horizontal/Горизонтально.

see above

Шаг 6

Повторите процесс, на этот раз отразив Vertically/Вертикально.

see above

Шаг 7

Теперь немного ужмите веревку.

shrink to about 80 of original width

3. Рисуем фотографии

Шаг 1

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

see above

Шаг 2

Теперь внутри большого прямоугольника нарисуйте другой поменьше — темно-коричневого цвета.

like a polaroid

Шаг 3

Поместите фотографию под прищепку.

see above

Шаг 4

Теперь давайте нарисуем тень для прищепки.

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

Выделите оба прямоугольника, и в меню выберите Object > Blend > Make/Объект>Переход>Создать.

beige FCD6B0 brown 4C341A

Шаг 5

Поместите тень под прищепку на фото. Вы также можете немного повернуть прищепку с тенью.

see above

Шаг 6

Дублируйте фотографии и прищепки и развесьте их на веревке.

see above

4. Рисуем фон

Шаг 1

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

darker on top lighter on the bottom

Шаг 2

Разместите веревку с фотографиями на фоне неба.

see above

Шаг 3

Веревка должна выходить за пределы неба. Мы ее скроем. Растяните прямоугольник по размеру фона, выделите все элементы, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

see above

Автор урока Vladimir Galantsev

Перевод — Дежурка

Смотрите также:




Комментарии