В течение следующих нескольких шагов, вы узнаете как создать простой текстовый эффект в вестерн стиле в 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 с интересными решениями, которые помогут улучшить ваш дизайн.