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

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

Нашитый текст в Adobe Illustrator

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

Сегодня мы будем создавать интересный типографический эффект нашитого текста в Adobe Illustrator. Мы будем работать с заливками и обводками, эффектами и трансформациями. Но самое приятное в этом уроке то, что выполняется он через палитру Appearance/Оформление, а это значит что эффект можно будет сохранить как стиль графики и применять в будущем к любым элементам.

 

Результат

Stitched Letter Vector Effect

Шаг 1

Создайте новый документ и при помощи инструмента Type/Текст (T) введите ваш текст. Выберите шрифт на ваш вкус. Для лучшего эффекта выбирайте тяжелый, жирный шрифт типа Museo Slab 1000, как в примере.

Stitched Letter Vector Effect

Шаг 2

Перед тем как мы начнем добавлять новые заливки и обводки в палитре Appearance/Оформление, нужно очистить основу. Выделите ваш текст и укажите ему отсутствие заливки и обводки.

Stitched Letter Vector Effect

Шаг 3

В выпадающем меню в палитре Appearance/Оформление выберите Add New Fill/Добавить новую заливку. Пока оставьте цвет заливки черным, мы изменим его позже.

Stitched Letter Vector Effect

Шаг 4

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

Stitched Letter Vector Effect

Шаг 5

Выберите красную заливку в палитре Appearance/Оформление и в меню выберите Effect > Convert To Shape > Rounded Rectangle/Эффект>Преобразовать в фигуру>Прямоугольник со скругленными углами. В появившемся окне укажите параметры как показано на картинке ниже. Эти параметры могут быть меньше или больше в зависимости от размера вашего текста.

Stitched Letter Vector Effect

Шаг 6

Выберите в палитре Appearance/Оформление нажмите на кнопку дублирования объекта. Выберите нижнюю копию и смените ее цвет на серый. Не снимайте выделения с этой заливки и в меню выберите Effect > Path > Offset Path/Эффект>Контур> Создать параллельный контур. Укажите отступ в 5 px. Этот параметр также может варьироваться в зависимости от размера вашего текста.

Stitched Letter Vector Effect

Шаг 7

Теперь у нас есть все основные объекты и мы можем начать оформлять работу. Для начала выберите черную заливку в палитре Appearance/Оформление. Смените черный цвет на линейный градиент от белого к светло-серому. Укажите угол наклона градиента в -90.

Stitched Letter Vector Effect

Шаг 8

Не снимая выделения с текста, выберите Add New Stroke/Добавить новую обводку в выпадающем меню палитры Appearance/Оформление. Укажите обводке серый цвет, толщину в 1pt, тип линии пунктирный (Dashed Line) и укажите длину пунктира в 2 pt. Теперь в меню выберите Effect > Path > Offset Path/Эффект>Контур> Создать параллельный контур и укажите отступ в -2 px.

Stitched Letter Vector Effect

Шаг 9

Выделите главный текст, который теперь залит линейным градиентом, и в палитре Appearance/Оформление нажмите на кнопку дублирующую объект. Выделите копию и укажите ей серый цвет, а также режим наложения (Blending Mode) Multiply/Умножение в палитре Transparency/Прозрачность. В меню выберите Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать. В появившемся окне укажите -2 px в поле Vertical Move/Вертикальное перемещение.

Stitched Letter Vector Effect

Шаг 10

Выделите красную заливку в палитре Appearance/Оформление и укажите вместо плоского цвета линейный градиент от красного к темно-красному. Укажите угол наклона градиента в -90.

Stitched Letter Vector Effect

Шаг 11

В выпадающем окне палитры Appearance/Оформление выберите Add New Stroke/Добавить новую обводку. В меню выберите Effect > Convert To Shape > Rounded Rectangle/Эффект>Преобразовать в фигуру>Прямоугольник со скругленными углами. Настройте параметры в появившемся окне как показано ниже. Укажите обводке светло-желтый цвет, толщину в 1.5 pt, тип линии пунктиром и длину пунктира в 8 pt.

Stitched Letter Vector Effect

Шаг 12

Выделите желтую обводку и нажмите кнопку дублирующую объект в палитре Appearance/Оформление. Выделите копию и в меню выберите Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать. Настройте параметры в появившемся окне как показано на картинке ниже. Теперь смените цвет обводки на светло-серый и укажите Blending Mode/Режим наложения Multiply/Умножение.

stitched letter vector effect

Шаг 13

Выделите последнюю заливку в палитре Appearance/Оформление, смените цвет на линейный градиент от светло-серого к темно-серому. Укажите угол наклона градиента в -90. Не снимая выделения с этой заливки, выберите в меню Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры эффекта тени как показано на картинке ниже.

stitched letter vector effect

Результат

Эффект готов! Вы можете сохранить его как Graphic Style/Стиль графики и применять к любым объектам в дальнейшем. Для этого просто выделите текст нажмите кнопку New Graphic Style/Новый стиль графики в палитре Graphic Styles/Стили графики.

stitched letter vector effect

Автор урока vectips

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

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




Комментарии