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

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

Разные способы создания тиснения в Adobe Illustrator

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

В этом уроке мы рассмотрим способы создания тиснения и скоса в Adobe Illustrator. Вы узнаете как сделать это при помощи эффектов 3D, а также какие недостатки несет в себе этот способ. Также мы создадим два эффекта при помощи палитры Оформление, и сохраним их как стили графики, чтобы вы могли в будущем быстро и легко применять их к любым другим графическим объектам. Отметим что во всех случаях текст, к которому применяются эффекты, остается полностью редактируемым.

 

 


featured_image_color

Эффект скоса при помощи 3D-эффекта

Первый способ, который первым приходит в голову для создания эффекта скоса — это 3D-эффект.

Введите текст, выделите его и в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос. В диалоговом окне выберите Front/Фронтальную Position/Позицию, Classic Bevel/Классический скос, и включите опцию Preview/Просмотр.

01

02

Теперь вы можете нажать на кнопку More Options/Больше настроек, чтобы получить доступ к редактированию источника света.

03

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

04

Единственное что можно исправить — это плавность переходов, указав большее значение в параметре Blend Steps/Шаги перехода. Однако это увеличит размер документа в несколько раз.

05

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

Эффект тиснения в палитре Appearance/Оформление

Палитра Appearance/Оформление, без сомнения, один из самых крутых инструментов в Adobe Illustrator. И сейчас вы увидите тому подтверждение.

Введите ваш текст.

06

В палитре Tools/Инструменты снимите заливку и откройте палитру Appearance/Оформление (Window > Appearance/Окно>Оформление).

07

Создайте новую заливку, нажав на соответствующую иконку в нижней части палитры Appearance/Оформление.

08

Вместо черного цвета укажите серый и смените blending mode/режим наложения на Screen/Осветление.

09

Примените эффект Gaussian Blur/Размытие по Гауссу (Effect > Blur > Gaussian Blur/Эффект>Размытие>Размытие по Гауссу).

10

Дублируйте эту заливку.

11

Верхней заливке укажите более темный оттенок серого цвета и смените режим наложения на Multiply/Умножение.

12

Продолжаем работать с верхней заливкой. В меню выберите Effect > Distort & Transform > Transform/Эффект>Искажение и трансформация>Трансформировать и укажите настройки как показано ниже.

13

Добавьте еще одну заливку, совпадающую по цвету с фоном.

14

Выделите эту заливку и в меню выберите Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать. Настройте параметры как показано ниже.

15

Эффект тиснения готов!

16

Верхний план текста выглядит совершенно плоским, но мы легко можем создать иллюзию закругленного тиснения. Для этого укажите верхней заливке режим наложения Multiply/Умножение.

17

Этот метод хорошо работает с круглыми шрифтами.

18

Эффект обратного тиснение

Дублируйте текст, созданный в прошлом разделе, и удалите две верхних заливки в палитре Appearance/Оформление.

19

Создайте новую заливку более темного оттенка чем текст.

20

Примените эффект Transform/Трансформации, и настройте его как показано ниже.

21

Примените к верхней заливке эффект Inner Glow/Внутреннее (Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение). Укажите опции как на картинке ниже.

22

Теперь усилим эффект внутренней тени. Создайте новую темно-серую заливку и поместите ее между уже существующих заливок в палитре Appearance/Оформление.

23

Примените Transform/Трансформацию с параметрами как указано ниже.

24

25

Сохраните все стили в палитре Graphic Styles/Стили графики, чтобы потом легко применять их любым объектам.

26

final

Автор урока Iaroslav 

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

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




Комментарии

  1. Шпунтик
    Thumb up Thumb down 0

    Благодарю!

  2. Андрей
    Thumb up Thumb down 0

    Огромное человеческое СПАСИБО!