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

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

Текстура золотистой фольги в Adobe Illustrator

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

В этом уроке мы научимся создавать текстуру золотой фольги в Adobe Illustrator. Процесс создания текстуры довольно прост. Мы начнем с градиента, а затем применим несколько эффектов. Потом сохраним эффект как стиль графики. Далее вы узнаете как превратить растровые эффекты текстуры в векторные, после того, как ваш дизайн будет готов.

 

 


Gold Foil Texture Tutorial

Шаг 1

Начнем с создания прямоугольника, который зальем золотым градиентом. Используйте линейный градиент следующих цветов: #C4952F, #FDD065, #D19D34, #D0A239, #F0C45A, #CB9C34. Создайте образец из этого градиента.

Gold Foil Texture Tutorial

Шаг 2

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

Gold Foil Texture Tutorial

Шаг 3

Теперь в меню выберите Effect > Artistic > Dry Brush/Эффект>Имитация>Сухая кисть. Повторите приведенные ниже настройки и нажмите OK.

Gold Foil Texture Tutorial

Шаг 4

И еще один эффект Effect > Artistic > Film Grain/Эффект>Имитация>Зернистость фотопленки.

Gold Foil Texture Tutorial

Шаг 5

Повторим эффект, с которого начинали Effect > Texture > Grain/Эффект>Текстура>Зерно. Параметры вы видите ниже. Повторите и нажмите OK.

Gold Foil Texture Tutorial

Шаг 6

Откройте палитру Appearance/Оформление. (Window > Appearance/Окно>Оформление или Shift + F6). Здесь вы можете видеть все эффекты, которые мы применили. Вы можете делать невидимыми эффекты или менять их настройки по своему усмотрению.

Gold Foil Texture Tutorial

Шаг 7

Откройте палитру Graphic Styles/Стили графики (Window > Graphic Styles/Окно>Стили графики или Shift + F5). Не снимая выделения с объекта, над которым мы работали, кликните по иконке New Graphic Style/Новый стиль графики. В появившемся окне введите название и нажмите OK. Вы также можете сохранить этот стиль графики, выбрав в выпадающем меню Save Graphic Style Library/Сохранить библиотеку стилей графики. Так вы сможете загружать этот стиль в другие документы.

Gold Foil Texture Tutorial

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

Шаг 8

Введите текст выбранным вами шрифтом. (В нашем случае это шрифт “Awesome” — он платный).

Gold Foil Texture Tutorial

Шаг 9

Expand/Разберите шрифт (Type > Create Outlines/Текст>Преобразовать в кривые). Примените к тексту сначала градиент, созданный в начале урока, а затем стиль графики.

Gold Foil Texture Tutorial

Шаг 10

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

Gold Leaf Texture Tutorial

Шаг 11

Многие из вас на этом этапе думают: но это не вектор! И это верно, потому что мы применили растровые эффекты. Давайте исправим это. Когда вы добьетесь нужного вам вида, разберите эффекты (Object > Expand Appearance/Объект>Разобрать оформление). Это позволит вам произвести Live Trace/Быструю трассировку объекта. Откройте настройки трассировки и настройте их как показано ниже.

Gold Leaf Texture Tutorial

Шаг 12

После того как трассировка будет завершена, нажмите кнопку Expand/Разобрать. Теперь это чистый вектор, однако он неидеален. Между объектами  тоненькие щели, а вокруг букв появился белый контур. Нужно это исправить.

Gold Leaf Texture Tutorial

Шаг 13

Для начала давайте избавимся от контура (если в вашем случае контура не появилось, радуйтесь и переходите к следующему шагу). Инструментом Direct Select/Прямое выделение (A) выделите один из белых контуров. Затем в меню выберите Select > Same > Fill Color/Выделить>По общему признаку>С одинаковым цветом заливки, и удалите все разом.

Gold Leaf Texture Tutorial

Шаг 14

Чтобы скрыть щели выделите весь текст, копируйте его (Ctrl + C), создайте новый слой под оригинальным слоем, и нажмите Ctrl + F, чтобы вставить текст в новый слой. Не снимайте выделения с копии, и в палитре Pathfinder/Обработка контура нажмите Unite/Объединить.

Gold Leaf Texture Tutorial

Шаг 15

Пипеткой выберите любой из цветов эффекта (в нашем случае это #FAD455) и укажите этот цвет заливке нижней копии текста. Теперь щелей не видно.

Gold Leaf Texture Tutorial

Результат

Gold Leaf Texture Tutorial

Автор урока tutorialized.com

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

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




Комментарии

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


+ пять = 10

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