Создание эффекта ретро-текста
В этой статье я покажу вам, как создать простой эффект ретро текста. Если вы читали мои статьи и раньше, то вы знаете, что такое панель «Внешний вид»! Наряду с этой панелью, мы будем использовать некоторые эффекты, текстуры, эффекты деформации и некоторые простые слои.
Окончательное изображение
Ниже приведен окончательный вариант эффекта текста, над созданием которого мы будем работать:
Техническая информация
Программа: Adobe Illustrator CS5 (Вы можете работать и с версиями CS4 и CS3, но их интерфейс может выглядеть по-другому).
Сложность: Для начинающих / Средний уровень.
Рассматриваемые темы: панель «Внешний вид», эффекты.
Приблизительное время выполнения: 15-20 минут.
Шаг 1
Создайте новый документ и введите с помощью инструмента «Текст» (T) какой-нибудь текст. Я использовал шрифт Clarendon Bold с размером 48 pt. Снимите все обводки и заливки:
Шаг 2
При выделенном тексте, выберите «Добавить новую заливку» из всплывающего меню панели «Внешний вид». Используйте для новой заливки красновато-оранжевый цвет. В панели «Внешний вид» нажмите стрелку выпадающего меню параметров новой заливки. Нажмите ссылку «Непрозрачность» и измените режим смешивания на «Умножение»:
Шаг 3
Создайте через «Внешний вид» еще одну новую заливку, выберите нижний пункт «Заливка» и залейте ее светло-желтым цветом. При активном элементе светло-желтой заливки перейдите в Эффект - Деформация и трансформация - Трансформация. В диалоговом окне «Трансформация» измените значения «Горизонтальное перемещение» и «Вертикальное перемещение» на 2 пикселя:
Шаг 4
Создайте новую заливку, выделите и залейте светло-голубым цветом. С выделенным светло-голубым элементом переходим в Эффекты - Преобразование в фигуру - Прямоугольник. В диалоговом окне «Прямоугольник» установите флажок рядом с опцией «Связанные» и установите следующие значения:
- Дополнительная ширина - 30 пикселей;
- Дополнительная высота - 8 пикселей.
В том же активном элементе заливки перейдите в Эффекты - Деформация - Сжатие. В диалоговом окне параметров деформации установите флажок «Горизонтальная» и задайте значение для «Изгиба» - 23:
Шаг 5
При активном светло-голубом элементе нажмите кнопку «Дубликат выделенного» в нижней части палитры. Перетащите один из дубликатов светло-голубого элемента выше первого элемента красной заливки. Измените цвет заливки верхнего элемента на светло-серый. При том же активном элементе перейдите в Эффект – Текстура - Зерно.
В диалоговом окне «Зерно» установите «Интенсивность» на 78, «Контрастность» - 50, и Тип зерна - в качестве типа Распыленное. Измените режим смешивания серой заливки на «Умножение» и непрозрачность на 38:
Шаг 6
Скопируйте экземпляр зернистой заливки, выберите верхнюю копию и расширьте атрибуты. Выберите атрибут «Зерно» и нажмите значок корзины в нижней части палитры. Заполните выбранный элемент диагональными линиями (их можно найти, нажав на иконку «Библиотека образцов» в левой нижней части панели образцов, а затем перейдя Узоры - Основная графика - Основная графика текстуры):
Шаг 7
Выберите пункт «Пустая обводка» в верхней части палитры (если элемент пустой, а обводки находится не вверху списка, перетащите его наверх) заполните обводку красноватым цветом, а также измените ширину на 2 пункта. Измените параметры обводки, чтобы она имела те же прямоугольные размеры и сжатие, что и предыдущий элемент заливки и установите режим смешивания «Умножение».
При выбранной обводке перейдите в Эффект - Деформация и трансформация - Трансформация и в диалоговом окне «Трансформация» измените значение горизонтального смещения на минус 4 пикселя и вертикального смещения тоже на минус 4 пикселя:
Шаг 8
Это в принципе все, что касается текстовой обработки! Я хочу сохранить ее, как графический стиль, чтобы иметь возможность применить его в других проектах. Чтобы создать графический стиль, выделите текст и нажмите кнопку «Новый графический стиль» в панели «Стили графики».
Теперь вы можете добавить эффект к другим элементам, как показано в завершающем изображении:
Завершающее изображение
Опять же, это завершающее изображение!
