В этом уроке мы научимся, как сделать простой 3D текст:

Давайте начнем!

Шаг 1: Создаем новый документ

Для начала давайте создадим новый документ Photoshop. Выберите File > New в меню программы (можно также просто нажать клавишы Ctrl+N (Win) / Command+N (Mac)). Photoshop откроет диалоговое окно New Document. Введите размер вашего документа. В этом уроке мы создаем документ шириной 6 дюймов, высотой 4 дюймов и с разрешением 300 dpi (стандартное разрешение для профессиональной печати). Также мы отмечаемBackground Contents (Цвет фона) как White (белый). Затем мы нажимаем OK для выхода из диалогового окна и открытия нового чистого документа.

Шаг 2: Выбираем инструмент Type (Текст) в панели инструментов

Для добавления текста мы выбираем инструмент Type (Текст) в панели инструментов. Также можно нажать клавишу T для быстрого выбора:

Шаг 3: Выбираем шрифт в панели параметров

Следующим шагом выбираем шрифт. Выбрав инструмент Type, вы, наверное, заметили, что Панель параметров в верхней части программы поменялась и показывает параметры для этого инструмента. Выберите подходящий шрифт из выпадающего меню. Наш эффект 3D лучше смотрится с крупными жирными шрифтами. В нашем уроке мы выбрали шрифт Impact. Также можно настроить размер шрифта, но мы пропустили этот шаг, поскольку мы можем сделать это позже. Сейчас все что нам нужно это сам шрифт:

Шаг 4: Устанавливаем цвет для шрифта

Теперь нам нужно выбрать подходящий цвет для нашего текста. Если вы посмотрите дальше на панели параметров, то увидите Color Swatch (Набор цветов), прямоугольник, который показывает активный цвет. Чтобы поменять его нажмите на прямоугольник:

Перед вами появится Color Picker (Цветоподборщик). Выберите нужный вам цвет и нажмите OK:

Наш прямоугольник поменяет цвет на выбранный вами.

Шаг 5: Добавляем текст

Мы выбрали шрифт и цвет текста, теперь напечатаем сам текст. Я напечатал слово «PHOTOSHOP» заглавными буквами для большего эффекта. Не волнуйтесь если ваш текчт слишком большой или маленький, размер шрифта можно поменять:

Когда текст напечатан, нажмем кнопку с галочкой на панели параметров для применения текста и выхода из режима редактирования:

Как вы видите на панели слоев, Photoshop поместил текстовый слой над фоновым. Это позволяет нам работать с текстом независимо от фонового слоя:

Шаг 6: Изменяем размер текста

Если ваш текст выглядит слишком маленьким или слишком большим, это можно легко исправить. Для этого используем команду Free Transform (Произвольная трансформация). Во-первых, убедитесь, что у вас выбран слой с текстом (выбранный слой окрашен в синий цвет). Затем в меню программы выберите Edit > Free Transform. Также можно нажать клавиши Ctrl+T (Win) / Command+T (Mac):

Вы увидите рамку вокруг текста. Для увеличения или уменьшения текста удерживайте клавишу Shift нажатой и, потянув за один углов рамки измените размер вашего текста. Клавиша Shift позволит вам сохранить пропорции текста. Также вы можете переместить ваш текст, просто кликнув на рамку и не отпуская кнопки мыши перетащив его в нужное вам место в окне документа:

После этого нажмите клавишу Enter (Win) / Return (Mac) для принятия изменений и выхода из режима трансформации.

Шаг 7: Преобразовываем текст в фигуру

Для создания трехмерного эффекта нам нужно изменить перспективу (Perspective) текста. Хотя здесь есть одна проблема. Photoshop не позволяет менять перспективу текста. Для того чтобы понять о чем идет речь, выберите слой с текстом, затем в меню программы выберите Edit > Transform. В раскрывшемся подменю, вы увидите различные пункты для трансформации выбранного текстового слоя. Как вы видите, Distort и Perspective имеют светло-серый цвет, т.е. неактивны. Это означает, что Photoshop не позволяет их нельзя использовать.

Но есть решение. Мы можем преобразовать наш текстовый слой в shape layer (векторный слой). Конвертировав текст в векторную фигуру, мы сможем поменять ракурс текста и применить наш эффект. Единственный минус - мы не сможем редактировать сам текст.

Выбрав слой с текстом выберите Layer > Type > Convert to Shape в меню программы:

Теперь если вы посмотрите на панель слоев, то увидите, что текстовый слой выглядит по-другому - это уже не текстовый слой. Мы конвертировали наш текст в векторную фигуру и можем спокойно изменить перспективу и создать трехмерный текст:

Шаг 8: Меняем перспективу

Вернемся в меню Edit. Пункт Transform поменялся и теперь называется Transform Path, поскольку мы уже работаем с векторами. К тому же пункты меню Distort и Perspective активны. Выберите Transform Path > Perspective:

Вокруг текста (фигуры) появится рамка, такая же когда мы выбирали команду Free Transform. Для того чтобы изменить перспективу текста и придать ему трехмерный вид просто кликните и потяните вниз правый нижний угол рамки. Таким образом, высота правой стороны рамки будет увеличиваться от центра, в то время как левая сторона останется неизменной:

После того как вы настроили перспективу так как хотели, нажмите Enter (Win) / Return (Mac) для принятия изменений. Ваш текст должен выглядеть примерно так, как на следующем изображении:

Шаг 9: Создаем множество копий векторного слоя, каждая из которых передвинется немного вправо

На этом шаге мы создадим несколько копий нашего векторного слоя. Каждая следующая копия будет сдвинута вправо относительно предыдущего. Это придаст объем буквам. Первым делом выберите инструмент Move в панели инструментов или нажмите клавишу V:

После того как вы выбрали инструмент Tool и векторный слой в панели слоев, нажмите стрелку вправо на клавиатуре, при этом удерживая клавишу Alt (Win) / Option (Mac) нажатой. Затее нажмите таким же образом еще раз. И еще. Заметили что происходит? Каждый раз, когда вы нажимаете стрелку вправо, удерживая Alt / Option, вы создаете новую копию слоя. А каждая последующая копия нашей векторной фигуры передвигается на один пиксель вправо. Удерживая клавишу Alt / Option, мы даем команду Photoshop создавать новую копию слоя, вместо перемещения его объекта. Чем больше количество раз мы это делаем, тем глубже становится объем нашего текста.

Продолжайте нажимать на клавишу «стрелка вправо» пока не достигните нужной глубины. В уроке мы нажали на стрелку 68 раз и создали 68 копий фигуры. Когда закончите ваш текст должен выглядеть примерно так:

Шаг 10: Перемещаем первоначальный векторный слой поверх остальных в панели слоев

Каждый раз, когда мы копировали наш текст, мы создавали новый слой в панели слоев, а Photoshop помещал его поверх предыдущего. Сейчас у нас имеется 68 копий основного слоя, а сам он находится в самом низу прямо над слоем Background. Исходный слой можно определить по тому, что в его названии нет слова «copy», в отличии от его копий.

Нам необходимо исходный слой переместить на верхушку нашей стопки слоев. Первым делом выберем его в панели слоев. Затем нажмем клавиши Ctrl+Shift+] (Win) / Command+Shift+] (Mac) (”]” -закрывающая квадратная скобка.). Это сочетание клавиш переместит активный слой на самый верх в панели слоев:

Шаг 11: Объединяем все копии в один слой

Теперь нам нужно объединить все копии исходного слоя в один. Нажмите на слой находящийся под верхним (исходным), при этом удерживая клавишу Shift нажатой (в старых версиях Photoshop отметьте у каждого слоя серые квадратики слева от него в панели слоев). Затем прокрутите панель слоев вниз и выделите слой, который расположен прямо над слоем Background. Таким образом, мы выделили все слои с текстом.

Затем выберите Layer > Merge Layers в меню программы. А можно просто нажать клавиши Ctrl+E (Win) / Command+E (Mac) для быстрого выбора:

Photoshop сведет все выделенные слои в один:

Шаг 12: Добавляем черно-белый градиент к нашему слою

Для того чтобы дать нашим буквам ощущения трехмерности, давайте добавим эффект падающего света. Нажмите на иконку Layer Styles в нижней части панели слоев. В появившемся меню выберите Gradient Overlay:

Перед вами появится диалоговое окно с настройками для градиента. Нам нужен черно-белый градиент для создания эффекта падающего света. Кликните на пункт Gradient:

Перед вами появится набор градиентов. Выберите черно-белый (3-й слева), затем кликните на OK:

Затем в пункте Style (Стиль), выберем Linear (Линейный). Angle (Угол) установим на 90°:

Нажмите OK. Вот и все! Photoshop устанавливает черно-белый градиент для нашего слоя, создавая тем самым эффект тени и завершает наш эффект трехмерного текста:

Удачи!

Источник: PhotoshopEssentials.com
Автор: Стив Паттерсон