Хочу представить простой, но эффектный урок по шрифтам в программе 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, как на рисунке ниже.

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