Хочу представить простой, но эффектный урок по шрифтам в программе Illustrator. Немного векторной графики и шлифовка в фотошоп. Все как обычно,
несложный урок. Итак поехали:

Что должно получиться

[показать]

Начинаем в Illustrator

Открываем Иллюстратор и пишем любое слово, например Stile. Шрифт можно скачать здесь. Шрифт называется Lobster. Можно использовать и кириллические шрифты, главное, что Вы поняли сущность урока.

[показать]

Далее идем Object-Exapand. Преобразуем текст в кривые. После это надо разрупировать Object- Ungroup. Далее объединим все объекты в одну фигуру. Делаем это с помощью палитры Pathfinder, как на следующем рисунке.

[показать]

Работа с Эффектами

Теперь добавим тексту немного объема. Для это существует инструмент 3D. Идем в меню Effects - 3D - Extrude & Bevel. Выбираем установки, как на картинке. Для этого надо раскрыть блок этого
эффекта полностью. Там справа кнопочка More options.

[показать]

Откроется полностью и выбираем представленные установки:

[показать]

Получим что вроде этого:

[показать]

Мы имеем визуальный результат применения фильтра 3D. То есть, если убрать действие фильтра, картинка пропадет. Нам надо сделать картинку редактируемой, то есть перевести в кривые. Самый
интересный и кропотливый процесс. Идем Object - Expand Appearance. Получилось много объектов. 

Далее, разгрупируем все элементы. И с осторожностью берем инструмент

[показать]

А можно и с черной стрелочкой, если объект разгрупирован.

Выделяем слово Style. Не объемные боковые элементы, а именно что лежит наверху. И сдвигаем его с помощью стрелочек + Shift, можно например вверх. Таким образом мы должны освободить все боковые стеночки и выделив их разом, объединить в одну группу. 

В результате получим две группы элементов. Одна само слово, другая - стенки, на которых лежит слово. Две группы.

Работа в Photoshop

Открываем Photoshop, создаем новый документ, все равно какого размера, ну у меня стандарт 1000*1000px. Далее в иллюстраторе выделяем верхний текст и копируем его в буфер обмена Ctrl + C.

Возвращаемся в Photoshop, вставляем Ctrl + V. Программа спросит, как вставить, как смарт объект или как пикселы, ставим галочку, как пикселы. Далее нужно подтвердить вставку объекта,
нажав галочку на панели задач сверху справа.

Добавляем новый слой в фотошопе, под существующий. И вставляем таким же образом в него 3D элементы текста, наши стенки. Должно получиться, что то вроде этого. На двух слоях.

[показать]

Да, при вставке разных изображений на разные слои они могут не совпасть, так немного подвигайте их, что совместить верхнюю и нижнюю части. Двигать обекты можно, выделив слой, затем нажав Ctrl+T.
Двигаем стрелочкой и не забываем в конце нажать сверху справа галочку подтверждения.

[показать]

Финальный этап работы

Теперь применяем к верхнему текстовому изображению стили. 

[показать]

[показать]

Цвета для градиента # 878787 на # 222525

[показать]
Должно получиться, что то вроде этого примера ниже:
[показать]

Добавим немного фона, света и тени

Добовив фоновый слой, самый нижний, залейте его цветом # 838383. Можно добавить немного шума, для винтажности. Фильтр | Шум | Добавить шум (Filter | Noise | Add
Noise).

Выбрав большую мягкую кисть, такую как на риснке красные границы, нажать один раз в центре рисунка. установить режим смешивания слоев на  Overlay.

[показать]

Теперь выделим слой с 3D формой. Установим для него Filter | Blur | Gaussian Blur не больше 2%.

И сдвинем на 1-2 пиксела вправо вверх.

[показать]

Дублируем слой с тенью и дальше размоем его тем же фильтром Filter | Blur | Gaussian Blur с 5%.

Даллее немного потянем тень. Edit | Transform | Scale, как на рисунке ниже.

[показать]

Вот и полученный текст. Удачного творчества!

[показать]