Уроки Photoshop: Создаем 3D текст, Remarkable 3D Text in Photoshop

Источник: demiart
Автор: Tyler Denis, Перевод: Chaus

How to Create Remarkable 3D Text in Photoshop

Создаем 3D текст

Это простой и быстрый урок, который научит вас создавать 3D текст в Photoshop.

Вот к чему мы будем стремиться:

Создаем 3D текст

1. Первым делом создаем новый документ, в котором будем работать (Ctrl + N), в появившемся окне ставим единицы измерения высоты и ширины холста в дюймы (inches). Создаем квадратный документ размером 10х10 дюймов, а для того, чтобы изображение было достаточным по качеству для печати ставим разрешение 300 pixels/inch.
Создаем 3D текст

2. Background созданного документа заливаем темно-серым цветом #333333. Один из варианто, как это сделать - цвет переднего плана в панели инструментов ставим тот, который нам нужен, нажимаем Edit > Fill и в появившемся окне выбираем опцию Foreground color, затем ОК (так то после выбора цвета достаточно нажать Alt+Del прим. переводчика)

3. Теперь выбираем инструмент horisontal_type.gif и пишем нужный нам текст, автор использовал шрифт Myriad Pro Black цветом #FFCC00 размером 286pt для слова SIX и 83pt для слова Revisions. Разумеется тут всё на ваше усмотрение, но старайтесь брать жирный шрифт, иначе нужного эффекта не достигнуть.
Создаем 3D текст

4. Растеризуйте текст, это необходимо для дальнейшей работы, но помните, что после растеризации текст станет нередактируемым, так что убедитесь, что написали без ошибок. Правый клик на текстовом слое и выбираем Rasterize Type.
Создаем 3D текст

5. Теперь мы должны наклонить текст, чтобы в дальнейшем придавать ему трехмерность. Жмем Ctrl + T чтобы начать трансформацию(или Edit > Free Transform).
Зажимаем ctrl, кликаем по правому верхнему маркеру и перемещаем его влево, то же самое делаем с верхним средним маркером, должно получиться нечто подобное:
Создаем 3D текст

6. Теперь к слою с текстом нужно добавить пару эффектов. Жмем иконку эффектов в панели Layers и выбираем Bevel and Emboss. Настройки ставим как на скрине. Не забудьте изменить цвета highlights и shadows. Цвет highlights #FFCC66, цвет shadows #DFA125.
Создаем 3D текст
Затем добавляем эффект Satin, это даст дополнительную глубину цвету. Используйте цвет #F3881F
Создаем 3D текст
Последнее - это добавление Gradient Overlay. Кликните по градиенту и измените цвет слева на #F7F3A7, цвет справа #F3881F. Остальные настройки на скрине.
Создаем 3D текст

7. Переходим к созданию 3D эффекта. Во-первых продублируем слой (Ctrl + J), переходим к нижнему дублю и удаляем у него все эффекты, просто перетащив их в корзину в панели layers.
Теперь у слоя без эффектов нужно поменять цвет, для этого жмем Image > Adjustment > Curves (Ctrl + M) и гнем кривую как показано на рисунке
Создаем 3D текст
Таким образом цвет становится темнее.
Немного снизим насыщенность цвета, ведь эта часть будет находиться в тени. Жмем Image > Adjustments > Hue/Saturation (Ctrl + U) и ставим эти значения:
Создаем 3D текст

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

9. Объедините все продублированные коричневые слои. Для этого в панели Layers щелкните по вержнему из них, затем зажмите Shift и щелкните по нижнему, все слои выделятся, после этого остается нажать ctrl+E. К этим объединенным слоям добавляем Gradient Overlay цвета берем черный и белый
Создаем 3D текст

10. Теперь сделаем тень от букв. Дублируем коричневый слой, жмем Filter > Blur > Gaussian Blur ставим радиус 8px, затем Ctrl + M и меняем кривую как на рисунке, тем самым затемняя тень.
Создаем 3D текст

11. Если сильно увеличить наш рисунок, то можно увидеть, что коричневые боковые грани не ровные, что бы это устранить просто выделите область с помощью polygonal_lasso.gif и нажмите Del. Повторите эту процедуру во всех местах, где это необходимо.
Создаем 3D текст

12. Вроде как работа выглядит неплохо и можно бы на этом остановиться, но мы этого не сделаем, мы добавим еще теней. Источник освещения у нас находится слева вверху, соответственно тени справа внизу должны быть темнее. Берем burn.gif и затемняем те места, где это необходимо, но перед этим с помощью polygonal_lasso.gif создайте выделения в местах граней букв, что бы получить резкий переход в между ними. Эту процедуру нужно произвести с каждой буквой.
Создаем 3D текст
Для затемнения настраиваем burn.gif следующим образом: режим Highlights, Exposure=50%, диаметр кисти 125px с Hardness=0.
Создаем 3D текст
Этим же инструментом с теми же настройками добавляем тени там, где они падают с буквы на букву
Создаем 3D текст

13. Также, используя dodge.gif можно добавить бликов. Используйте тот же режим кисть и настройки, что и у burn.gif
Создаем 3D текст

Вот и всё! Мы создали 3D текст, используя только Photoshop!

Создаем 3D текст


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=22260