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

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

Текст с эффектом яркого пластика в Adobe Illustrator

18 марта 2016 | Опубликовано в Уроки | 8 Комментариев »

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

 

 


Шаг 1

Для начала создайте Новый Документ и выберите шаблон на свой вкус. Так как мы дальше собираемся работать с текстом, выбор пал на букву Р, созданную с помощью Type Tool и закругленного шрифта Geometry Soft, например.

Растяните текст и в палитре Appearance / Оформление залейте его серым цветом. В меню Effect / Эффект выберите 3D> Extrude & Bevel / Объемное изображение >Вытягивание и Скос и установите каждую ось на 0°. Скос задайте классический на 5 pt.

Шаг 2

В палитре Appearance / Оформление создайте параллельный контур на 10 pts для этой же заливки (Effect > Path > Offset Path / Эффект > Контур > Создать параллельный контур). Затем добавьте тень Effect > Stylize > Drop Shadow / Эффект > Стилизация > Тень со следующими атрибутами:

    Mode / Режим: Multiply / Умножение
    Opacity / Непрозрачность: 40%
    X Offset: 4 px
    Y Offset: 3 px
    Blur / Размытие: 4 px
    Color / Цвет: Black (or Dark Brown) / Черный (или Темно-Коричневый)

Шаг 3

Ниже можно увидеть результат применения каждого эффекта.

Шаг 4

Создайте новую заливку поверх первой и задайте ей более светлый оттенок серого.

Шаг 5

Создайте третью заливку поверх первых двух и закрасьте ее в еще более светлый оттенок серого. Зададим параллельный контур на -10 px.

Шаг 6

К заливке с предыдущего этапа примените эффект Plastic Wrap / Целлофановая упаковка (Effect / Эффект > Artistic / Имитация > Plastic Wrap / Целлофановая упаковка) и задайте следующие атрибуты:

Шаг 7

Создайте новую заливку поверх всех предыдущих и примените Radial Gradient / Радиальный Градиент с темно-серого со 100%-ной непрозрачностью до светло-серого с нулевой непрозрачностью. Настройте радиус градиента и его местоположение с помощью инструмента Gradient / Градиент. Мы расположили свой на нижней части объекта.

Шаг 8

В палитре Appearance / Оформление создайте еще одну заливку поверх всех предыдущих. Задайте параллельный контур на 10 pts и залейте любым ярким цветом, например, бирюзовым. В Blending Mode / Режим Наложения выбираем режим Multiply / Умножение.

Шаг 9

На этой же яркой заливке примените эффект Grain / Зерно с помощью Effect > Texture > Grain / Эффект > Текстура > Зерно и задайте следующие атрибуты:

    Intensity / Интенсивность: 26
    Contrast / Контраст: 37
    Grain Type / Тип Зерна: Regular

Шаг 10

Создайте новую и вашу последнюю заливку поверх всех предыдущих. Задайте радиальный градиент белого цвета, с непрозрачностью от 100% до 0%. В Blending Mode / Режим Наложения выбираем режим Overlay / Перекрытие. С помощью инструмента Gradient / Градиент настраиваем радиус градиента и располагаем центр в верхней части объекта.

Шаг 11

Выделите свой объект и сохраните новый графический стиль в палитре Graphic Style / Стили Графики. Вы также можете создать стили с другими цветами — нужно только изменить цвет вашей бирюзовой заливки на любой другой и добавить его в палитру Graphic Styles. Теперь можно применять любой из созданных стилей к тексту или другим объектам, чтобы быстро придать им забавный пластиковый леденцовый эффект.

Шаг 12

Давайте быстро добавим фон нашему тексту! Нарисуйте большой прямоугольник, перекрывающий монтажную облать. Далее выбираем Effect > Artistic > Sponge / Эффект > Имитация / Губка и задаем следующие параметры:

Шаг 13

Теперь применяем Gaussian Blur / Размытие по Гауссу (Effect > Blur > Gaussian Blur / Эффект > Размытие > Размытие по Гауссу ) на 27,7 пикселей или вроде того. Располагаем прямоугольник позади текста, и вот ваша иллюстрация закончена!

Результат

Автор Mary Winkler

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

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




Комментарии

  1. Arkanum
    Thumb up Thumb down 0

    Прекрасный урок! Буквально вчера нашёл вас через инет, понравились уроки и подписался в facebook на группу.

    С illustrator знаком, но не все тонкости знаю, поэтому огромная просьба: Описывайте подробнее каждый шаг. Я, например, на «Шаг 4» завис.

    А как сделать новую заливку поверх первой? Спасибо!