Стиль графики с ретро-эффектом в Adobe Illustrator
27 ноября 2014 | Опубликовано в Уроки | 2 Комментариев »
В этом уроке мы будем создавать типографический ретро-эффект в Adobe Illustrator. Преимущество урока в том, что вы довольно быстро получите результат, не потратив на работу слишком много времени. Также техника работы позволяет сохранить эффект как стиль графики, а это значит что вы сможете применить его к любому другому объекту, не проходя вновь этапы урока. Для выполнения работы вам понадобится версия программы CS5 и новее.
Результат
Шаг 1
Создайте новый документ и введите в нем желаемый текст при помощи инструмента Text/Текст (T). В примере использован шрифт Clarendon Bold размером в 48 pt. Укажите тексту отсутствие заливки и обводки.
Шаг 2
Не снимая выделения с текста укажите ему New Fill/Новую заливку в палитре Appearance/Оформление. Укажите новой заливке рыжеватый оранжевый цвет. В палитре Appearance/Оформление нажмите на стрелку выпадающего меню, чтобы видеть все атрибуты. Кликните по параметру Opacity/Непрозрачность и смените Blending Mode/Режим наложения на Multiply/Умножение.
Шаг 3
Создайте еще одну заливку в палитре Appearance/Оформление. Выделите нижнюю заливку и залейте ее светло-желтым цветом. Не снимая выделения с этой заливки, выберите в меню Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать. В появившемся окне укажите Horizontal Move/Горизонтальное перемещение в -2 px и Vertical Move/Вертикальное перемещение в 2 px.
Шаг 4
Создайте еще одну заливку под всеми предыдущими. Выделите ее и укажите ей светлый бирюзовый цвет. Не снимая выделения, выберите в меню Effects > Convert to Shape > Rectangle/Эффекты>Конвертировать в фигуру>Прямоугольник. В появившемся окне выберите вариант Relative/Относительный и укажите параметры как показано на второй картинке ниже.
Все еще не снимая выделения, в меню выберите Effects > Warp > Squeeze/Эффект>Деформация>Сжатие. В появившемся окне укажите Bend/Изгиб в 23%.
Шаг 5
Не снимая выделения с бирюзового объекта, нажмите кнопку Duplicate Selected Item/Дублировать выделенный объект в нижней части палитры Appearance/Оформление. В той же палитре перетащите один из бирюзовых объектов поверх рыжевато-оранжевой заливки. Смените цвет верхней заливки на светло-серый. Не снимая выделения с объекта, в меню выберите Effects > Texture > Grain/Эффект>Текстура>Зерно. Настройте параметры эффекта как показано на четвертой картинке ниже, затем смените Blending Mode/Режим наложения объекта на Multiply/Умножение и снизьте Opacity/Непрозрачность до 38.
Шаг 6
Дублируйте зернистый объект, выберите верхнюю копию и откройте атрибуты в палитре Appearance/Оформление. Выделите атрибут Grain/Зерно и нажмите на иконку мусорной корзины, чтобы удалить его. Залейте объект заливкой Diagonal Line/Диагональная линия. Вы можете найти ее, нажав нижнюю левую иконку Swatch Libraries/Библиотеки образцов в палитре Swatches/Образцы, затем выбрав Patterns > Basic Graphics > Basic Graphics_Textures/Узоры>Базовая графика>Базовая графика_текстуры.
Шаг 7
Выделите объект с пустой обводкой в палитре Appearance/Оформление (перетащите поверх остальных объектов, если он не на самом верху). Укажите обводке рыжеватый цвет как у текста и толщину в 2 pt. Укажите обводке те же параметры rectangle/прямоугольник и squeeze/сжатие, что и у предыдущего объекта и смените Blending Mode/Режим наложения на Multiply/Умножение. Не снимая выделения с этого объекта, выберите в меню Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать и в появившемся окне укажите Horizontal Move/Горизонтальное перемещение в -4 px и Vertical Move/Вертикальное перемещение в -4 px.
Шаг 8
Теперь давайте сохраним нашу работу как Graphic Style/Стиль графики. В этом случае мы сможем применить эффект к любому объекту. Для этого вам нужно выделить работу и кликнуть по иконке New Graphic Style/Новый стиль графики в палитре Graphic Styles/Стили графики.
Результат
Автор урока vectips
Перевод — Дежурка
Смотрите также:
31 марта 2016 в 20:43
Спасибо большое за урок!
Очень информативно и доступно.
Не могли бы Вы подсказать где такой Mock-up найти можно? :}