Летний эффект для текста в Adobe Illustrator
15 июня 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем создавать простой и веселый текстовый эффект в Adobe Illustrator. У нас получится красочная летняя типографика с эффектом вырезанных из бумаги объектов. Мы будем работать с эффектами, режимами наложения и палитрой обработки контура. Этот урок подойдет как новичкам, так и тем кто более-менее освоился в программе и ищет новых техник по работе с ней.
Результат
Шаг 1
Начнем с создания текста. Мы используем шрифт Fredoka One, чтобы ввести слово “SUMMER”. Вы можете использовать ваш любимый шрифт и выбрать другой текст. Сделайте шрифт достаточно крупным.
В меню выберите Object > Expand/Объект>Разобрать, чтобы превратить текст в кривые. Теперь Lock/Заблокируйте слой с текстом в палитре Layers/Слои.
Шаг 2
Создайте новый слой над предыдущим. Инструментом Ellipse/Эллипс (L) нарисуйте овал размером 270 x 95 px и укажите ему салатовый цвет. Разместите его над текстом, как показано ниже.
Не старайтесь повторить расположение объектов точь в точь. Создавайте композицию, которая нравится вам.
Шаг 3
Не снимая выделение с овала, выберите в меню Effect > Distort & Transform > Zig Zag/Эффект>Искажение и трансформация>Зигзаг. Настройте параметры как показано на картинке ниже. Включите функцию Preview/Просмотр, чтобы видеть что у вас получается. Вы можете настроить параметры под ваш вкус. Когда вам будет нравиться то, что вы видите, нажмите OK.
Выберите в меню Object > Expand Appearance/Объект>Разобрать оформление.
Скопируйте (Control-C) получившуюся фигуру и вставьте копию на задний план (Control-B).
Шаг 4
Создайте овал побольше, укажите ему розовый цвет и пошлите его на задний план (Control-[), поместив между двумя салатовыми фигурами.
Мы можем применить к розовому овалу эффект Zig Zag/Зигзаг, или попробовать что-то новое. Например Effect > Distort & Transform > Roughen/Эффект>Искажение и трансформация>Огрубление. Укажите параметры как показано ниже, или настройте их так как нравится вам.
Нажмите OK, чтобы применить эффект, затем в меню выберите Object > Expand Appearance/Объект>Разобрать оформление.
Шаг 5
Теперь давайте вырежем из розовой фигуры серединку. Выделите розовую фигуру и салатовую, которая находится над розовой. Кликните по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.
Теперь у нас есть розовое «кольцо» вокруг салатовой фигуры под ним. На нижнем рисунке вы видите как это выглядит в смещенном виде. (Это сделано для наглядности, не нужно ничего смещать в вашей работе).
Шаг 6
Теперь давайте добавим реалистичности эффекту. Выделите розовую фигуру, и в меню выберите Effect >Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры как показано ниже и нажмите OK.
Шаг 7
Таким же способом создайте больше подобных фигур. Вы можете делать их более многослойными. Расположите фигуры поверх букв, чтобы полностью перекрыть текст.
Шаг 8
Теперь разблокируйте слой с текстом. Выделите все буквы и в меню выберите Object > Compound Path > Make/Объект>Составной контур>Создать. Это превратит отдельные фигуры в один объект.
Дублируйте текст (Control-C > Control-F) и сделайте верхнюю копию невидимой, кликнув по иконке с глазом в палитре Layers/Слои.
Шаг 9
Укажите второй копии белый цвет заливки и выберите в меню Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Настройте параметры как показано ниже:
Шаг 10
Откройте палитру Transparency/Прозрачность и укажите Blending Mode/Режим наложения для текста - Multiply/Умножение.
Шаг 11
Сделайте скрытый текст снова видимым. Выделите всё (Control-A), кликните правой кнопкой мыши по объектам и выберите Make Clipping Mask/Создать обтравочную маску. Так мы скроем все объекты под контур текста.
Результат
Автор урока vectips
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191