Как Создать Текстовый Эффект в Стиле Вестерн в Adobe Illustrator
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)



В течение следующих нескольких шагов, вы узнаете как создать простой текстовый эффект в вестерн стиле в Adobe Illustrator.
Для начала вы узнаете, как создать простой фон и как добавить основной фрагмент текста. Вы узнаете как создать текстовый эффект в стиле Вестерн, задействовав при этом в полной мере возможности панели Оформление (Appearance panel).
Вы узнаете как работать с несколькими заливками и обводками, Смещением, Скругленными Углами и Эффектами Трансформирования, некоторыми Photoshop эффектами, и еще техниками наложения. И в конце, вы узнаете как сохранять и использовать графический стиль.
Чтобы вдохновиться на то, как настроить или улучшить окончательный вариант нашего эффекта для текста, вы можете найти множество примеров на GraphicRiver.
1. Как Создать Новый Документ и Добавить Простой Фон
Шаг 1
Нажмите Contorl+N, чтобы создать новый документ. Выберите Пиксели в качестве Единиц Измерения в выпадающем меню, введите 850 для толщины и высоты документа и щелкните по кнопке Дополнительно (Advanced). Выберите RGB в качестве Цветового Режима, установите для Растровых Эффектов Экранное разрешение (72 ppi), и затем щелкните по кнопке Создать Документ.



Шаг 2
Выберите инструмент Прямоугольник (М) (Rectangle Tool) и сосредоточьтесь на панели инструментов. Удалите цвет для обводки и затем выберите заливку и задайте для нее цвет R=231 G=207 B=180. Перейдите в вашу рабочую зону и просто щелкните в ней, чтобы открыть окно для создания Прямоугольника. Введите "860" в обеих окнах и затем щелкните по кнопке OK.



2. Как Добавить Ваш Текст
Шаг 1
Выберите инструмент Текст (Т) (Type Tool) и откройте панель Символ (Окно > Текст > Символ). Используйте шрифт Texas Tango, установите размер 120 рх, и затем щелкните по монтажной области. Наберите текст "WILD" и задайте для него белый цвет (R=255 G=255 B=255).



Шаг 2
Убедитесь, что ваш текст все еще выделен, зайдите в панель Образцы (Swatches) (Окно > Образцы), и отключите заливку.
Теперь перейдите в панель Оформление (Appearance)(Окно > Оформление) и щелкните по кнопке Добавить Новую Заливку (Add New Fill), чтобы добавить новую заливку к тексту. Выберите ее и задайте для нее цвет R=212 G=92 B=17.



3. Как Создать Заднюю Часть для Текстового Эффекта
Шаг 1
Убедитесь, что ваш текст выделен и сосредоточьтесь на панели Оформление (Appearance panel). Добавьте вторую заливку, используя ту же кнопку Добавить Новую Заливку и переместите ее ниже существующей.
Выберите новую заливку и установите для нее цвет R=53 G=9 B=8, и затем зайдите в Эффект > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите 10 рх Смещения (Offset), нажмите на кнопку ОК, а затем зайдите в Эффект > Стилизация > Скругленные углы (Filter > Stylize > Round Corner). Установите Радиус - 10 рх, и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Потяните ползунок Перемещения по Вертикали до значения 5 рх и нажмите ОК.



Шаг 2
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите нижнюю заливку и зайдите в Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow). Введите значения показанные в верхнем левом окне (на следующем рисунке) и нажмите кнопку OK, и затем добавьте три других эффекта Тени, показанные ниже.



Шаг 3
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте третью заливку и поместите ее между существующими.
Выберите эту новую заливку и установите для нее цвет R=76 G=28 B=15, и затем зайдите в Эффект > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите 5 рх для Смещения (Offset), нажмите на кнопку ОК, а затем зайдите в Эффект > Стилизация > Скругленные углы (Filter > Stylize > RoundCorner). Установите Радиус - 6 рх, и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Потяните ползунок Перемещения по Вертикали до значения 4 рх и нажмите ОК.



Шаг 4
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте четвертую заливку и поместите ее под верхней.
Выберите новую заливку и установите для нее черный цвет (R=0 G=0 B=0), и затем зайдите в Эффект > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите 10 рх для Смещения (Offset), нажмите на кнопку ОК, а затем зайдите в Эффект > Стилизация > Скругленные углы (Filter > Stylize > Round Corner). Установите Радиус - 10 рх, и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Потяните ползунок Перемещения по Вертикали до значения 5 рх и нажмите ОК, и затем зайдите в Эффект > Имитация > Зернистость фотопленки (Effect > Artistic > Film Grain). Установите три ползунка, как показано на следующей картинке и нажмите ОК.



Шаг 5
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите черную заливку, уменьшите ее Непрозрачность (Opacity) до 15%, и измените Режим Наложения (Blending Mode) на Умножение (Multiply).



Шаг 6
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте пятую заливку и поместите ее прямо под верхней.
Выберите новую заливку и установите для нее цвет R=76 G=28 B=15, и затем зайдите в Эффект > Контур > Создать Параллельный Контур. Введите 10 для рх Смещения (Offset), нажмите на кнопку ОК, а затем зайдите в Эффект > Стилизация > Скругленные углы. Установите Радиус - 10 рх, и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Потяните ползунок Перемещения по Вертикали до значения 5 рх и нажмите ОК, и затем зайдите в Эффект > Эскиз > Тушь (Effect > Sketch > Graphic Pen). Установите Направление Штрихов (Stroke Direction) - Вертикально (Vertical), два слайдера отрегулируйте как на следующей картинке, и затем нажмите кнопку ОК.



Шаг 7
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите заливку добавленную на предыдущем шаге, уменьшите ее Непрозрачность до 10%, и измените Режим Наложения на Расс. свет (Soft Light).



Шаг 8
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите верхнюю заливку и зайдите в Эффект > Стилизация > Скругленные углы. Задайте Радиус - 2 рх, щелкните по кнопке ОК, и затем добавьте два эффекта Тени, как показано ниже.



4. Как Создать Лицевую Часть Текстового Эффекта
Шаг 1
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Создайте новую заливку и поместите ее поверх всех остальных.
Выберите новую заливку и замените ее на линейный градиент, как показано ниже. Обратите внимание что голубые цифры на картинке для Градиента, показывают Положение в процентах.
Далее, зайдите в Эффект > Стилизация > Скругленные углы. Установите Радиус - 2 рх, и щелкните ОК, а потом зайдите в Эффекты > Контур > Создать Параллельный Контур. Установите -2 рх для Смещения, и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Потяните ползунок Масштабирование по Вертикали до значения -96%, не забудьте отметить верхнюю среднюю точку в качестве опорной, и нажмите ОК.



Шаг 2
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите верхнюю заливку и дублируйте ее использую кнопку Создать Дубликат Выбранного Объекта (Duplicate Selected Item). Выберите созданную заливку, замените для нее линейный градиент на черный цвет и затем зайдите в Эффект > Имитация > Зернистость фотопленки (Effect > Artistic > Film Grain). Установите три ползунка в положения, как показано на рисунке и нажмите ОК.



Шаг 3
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите заливку добавленную на предыдущем шаге и понизьте ее Непрозрачность до 5%, и измените Режим Наложения на Умножение.



Шаг 4
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте новую заливку и поместите ее над существующими.
Выберите новую заливку и установите для нее цвет R=76 G=28 B=15, и затем зайдите в Эффект > Контур > Создать Параллельный Контур. Введите -1 рх для Смещения (Offset), нажмите на кнопку ОК, а затем зайдитев Эффект > Эскиз > Тушь (Effect > Sketch > Graphic Pen). Выберите Направление Штрихов - Вертикально, установите два ползунка, как на картинке ниже и нажмите кнопку ОК.



Шаг 5
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выделите заливку, добавленную на предыдущем шаге, уменьшите ее Непрозрачность до 15%, и измените Режим Наложения на Расс. Свет.



Шаг 6
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте новую заливку и поместите ее поверх существующих.
Выберите новую заливку и установите для нее цвет R=235 G=190 B=89, измените Режим Наложения на Расс. Свет, и затем зайдите в Эффект > Стилизация > Скругленные углы. Установите Радиус - 2 рх, щелкните по кнопке ОК, и затем зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите значения, показанные на рисунке ниже и нажмите ОК.



Шаг 7
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте новую заливку и поместите ее поверх всех остальных.
Выберите новую заливку, измените для нее Режим Наложения на Перекрытие, и замените обычную заливку на линейный градиент, как показано ниже. Учтите, что желтые цифры на картинке для Градиента, обозначают Непрозрачность в процентах.
Далее, зайдите в Эффект > Стилизация > Скругленные углы (Filter > Stylize > Round Corner). Установите Радиус - 2 рх, и щелкните ОК, и затем зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите -7 рх Смещение, щелкните по кнопке ОК, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Потяните ползунок Масштабирования по Вертикали до значения -96%, не забудьте отметить верхнюю среднюю точку как опорную и нажмите ОК.



Шаг 8
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выделите заливку добавленную на предыдущем шаге и зайдите в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur). Установите значение Радиуса на 3 рх и затем щелкните по кнопке ОК.



Шаг 9
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выделите добавленную на предыдущем шаге заливку и дублируйте ее, нажав на кнопку Создать Дубликат Выделенного Объекта. Выберите эту новую заливку, уменьшите ее Непрозрачность до 30%, и удалите эффект Размытия по Гауссу.



Шаг 10
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Добавьте новую заливку и поместите ее поверх существующих.
Выберите новую заливку, измените Режим Наложения на Наложение и уменьшите Непрозрачность до 20% и замените цвет на линейный градиент, как показано ниже. Имейте в виду, что желтые цифры на картинке для Градиента, обозначают Непрозрачность в процентах.
Далее, зайдите в Эффект > Стилизация > Скругленные углы. Установите Радиус - 2 рх, и щелкните ОК, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите -5 рх для Смещения (Offset), нажмите на кнопку ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Потяните ползунок Масштабирование по Вертикали до значения -96%, не забудьте отметить верхнюю среднюю точку в качестве опорной, и нажмите ОК.



Шаг 11
Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление.
Выберите обводку, сделайте ее черной, установите для нее толщину 6 рх, и зайдите в Эффект > Стилизация > Скругленные углы (Filter > Stylize > Round Corner). Установите Радиус на 2 рх, щелкните по кнопке ОК, и затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите -2 рх для Смещения и нажмите ОК.



Шаг 12
Убедитесь, что ваш текст все еще выбран и сосредоточьтесь на панели Оформление. Выберите обводку, уменьшите ее Непрозрачность до 25 %, и измените Режим Наложения на Расс. Свет.



5. Как Сохранить и Использовать Стили Графики
Шаг 1
Убедитесь, что ваш текст выделен, откройте панель Стили Графики (Graphic Styles) (Окно > Стили Графики), и щелкните по кнопке Новый Стиль Графики (New Graphic Style).



Шаг 2
И наконец, вы можете добавить новый текст и использовать сохраненный стиль графики как показано ниже.



Поздравляю! Вы все Сделали!
Вот как это должно выглядеть. Я надеюсь вам понравился этот урок и вы сможете применить эту технику в ваших будущих работах.
Изменяйте по вашему усмотрению окончательный вариант и сделайте свой. Вы можете найти много замечательных примеров для вдохновения на GraphicRiver с интересными решениями, которые помогут улучшить ваш дизайн.



