Как создать эффект объемной открытки в 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
Перевод — Дежурка
Смотрите также:
- Поздравительные открытки для вашего вдохновения
- Текст с эффектом яркого пластика в Adobe Illustrator
- Свадебная иллюстрация в Adobe Illustrator
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191