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

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

Теплый вязанный эффект в Adobe Illustrator

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

В этом уроке мы будем создавать теплый и уютный вязанный эффект в Adobe Illustrator. Уроки по вязанным текстурам появляются почти каждую зиму, и каждый раз в них можно найти что-то новое и интересное. На этот раз мы создадим узор, а из него стиль графики, которую сможем применить к любому объекту — будь то фигуры или текст.

 

Результат

Knitted Text Effect Tutorial

Шаг 1

Начнем с создания простого вытянутого овала при помощи инструмента Ellipse/Эллипс.

Knitted Text Effect Tutorial

Шаг 2

Укажите овалу параллельный контур, выбрав в меню Object > Path > Offset Path/Объект>Контур>Параллельный контур, и укажите негативное число в зависимости от размера вашей фигуры. В нашем примере это -5 pts. Включите опцию preview/просмотр, чтобы подобрать нужное значение.

Knitted Text Effect Tutorial

Шаг 3

Выделите каждый овал по отдельности и укажите им разные оттенки одного цвета. В нашем случае это красный цвет (#ec1c24) и его более темный оттенок (#be1e2d). Сгруппируйте овалы.

Knitted Text Effect Tutorial

Шаг 4

Копируйте группу и вставьте копию. Поверните овалы и разместите их буквой V, как показано ниже.

Knitted Text Effect Tutorial

Шаг 5

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

Сейчас выделите две группы с овалами и в меню выберите Effect > Transform & Distort > Transform/Эффект>Исказить и трансформировать>Трансформировать. В появившемся окне включите опцию Preview/Просмотр и с ее помощью переместите группу правее. Для этого в разделе Move/Переместить потяните ползунок Horizontal/Горизонтально вправо. В нижней части окна в графе Copies/Копии укажите 15-20, чтобы размножить объекты.

Knitted Text Effect Tutorial

Шаг 6

Примените еще один эффект Transform/Трансформировать. На этот раз мы переместим копии горизонтальных объектов вниз по вертикали. Таким же образом как и в прошлом шаге размножьте 20 копий.

Knitted Text Effect Tutorial

Шаг 7

Вот как выглядит наш вязанный узор на данный момент. Если вы внесете изменения в оригинальную группу, они произойдут во всем узоре. Так что при желании можете добавить еще два овала разных оттенков внутри стежков.

Knitted Text Effect Tutorial

Шаг 8

Выделите вашу группу вязанных штрихов и откройте режим редактирования узора (Pattern Options). Настройте расстояние между частями узора. Для этого увеличьте насколько возможно масштаб и аккуратно подберите значения. Когда настроите узор, нажмите Done/Готово, чтобы сохранить изменения и вернуться в обычный режим.

Knitted Text Effect Tutorial

Шаг 9

Нарисуйте простую фигуру, например, прямоугольник. В палитре Appearance/Оформление примените следующие параметры:

Fill/Заливка: Созданный нами паттерн (просто найдите узор в палитре Swatches/Образцы).

Fill/Заливка: Красного цвета.

Stroke/Обводка: Темного оттенка красного, толщиной в 2 pt, с закругленными углами и капителями.

Stroke/Обводка: Красного цвета, толщиной в 3 pt, с закругленными углами и капителями.

Убедитесь что обводки находятся под заливками. Теперь добавим эффект тени.

Knitted Text Effect Tutorial

Шаг 10

В палитре Appearance/Оформление выберите Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень, и укажите следующие параметры:

Knitted Text Effect Tutorial

Шаг 11

Выделите прямоугольник, к которому мы применили все эти параметры, и в палитре Graphic Styles/Стили графики кликните по иконке Create a New Graphic Style/Создать стиль графики.

При помощи инструмента Type/Текст введите любой текст на ваш выбор. Примените к тексту только что созданный стиль графики.

Knitted Text Effect Tutorial

Результат

Knitted Text Effect Tutorial

Автор урока Mary Winkler

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

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




Оставить ответ


+ 3 = девять

Вставить изображение