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

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

Как создать эффект объемной открытки в Illustrator

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

Наш сегодняшний урок, это, по сути, пять чудесных советов по созданию простого, но интересного объемного эффекта для открытки. Будем учиться на простом примере — возьмем виртуальные бумагу и цветы, и с помощью Adobe Illustrator придадим им забавный объем. Все манипуляции займут не более 15 минут, но предлагаем начать прямо сейчас.


 

Шаг 1

Наш первый шаг на пути к веселой объемной векторной открытке — выбор подходящей цветовой гаммы. Для самой открытки выбирайте яркие забавные цвета, но не забудьте про светло-серые и кремовые отенки, которые как раз и помогут создать объем финального дизайна.

 

Шаг 2

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

 

Шаг 3

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

Добавьте немного объема очень простым способом: разделите основу открытки на две половины, и к одной из них примените линейный градиент темно-серого цвета с непрозрачностью от 100% до 0%.

Далее нужно изменить Режим Наложения / Blending Mode на Multiply / Умножение и убедиться, что темное пятно проходит по центру. Это создаст ощущение, что бумага согнута.

Шаг 4

Радиальный теневой градиент заставит нашу векторную открытку ожить прямо на экране монитора, причем сделать это легко и просто. Экспериментируйте или смотрите ниже, как это делаем мы. Наш градиент — черный с непрозрачностью от 100% до 0%.

Под каждой половиной открытки разместите по небольшому прямоугольнику с радиальной заливкой. Эти фигуры должны как-бы немного выглядывать из-под бумаги.

Большой градиент повторяет контур самой открытки и имитирует тень, отбрасываемую бумагой. Доработайте его с помощью инструмента Gradient / Градиент, чтобы наш градиент выглядел более овальным, и разместите его под нижним краем открытки. Бумага ожила и, кажется, готова выпрыгнуть из монитора.

 

Шаг 5

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

Нарисуйте прямоугольник, который по размеру и положению совпадает с основой открытки и примените Create a Clipping Mask / Создать Обтравочную Маску (или нажмите клавиши Ctrl – 7) таким образом, чтобы все элементы точно подходили под края открытки. Вытащите несколько элементов (цветы и сердечки в нашем случае) и раскидайте их на краях. Это поможет усилить объемный эффект и придаст жизни.

Вы также можете создавать другие элементы: буквы, цифры, разнообразные значки).

Автор: Mary Winkler

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

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

 




Комментарии