Create This Dazzling 3D Text Effect in Photoshop
Ослепляющий 3D Текст-эффект для Photoshop CS5 Extended.
[показать]
Для создания объемных букв автор использует Adobe Illustrator, но я переделала эту часть урока для Photoshop CS 5 Extended. По мере того, как я переводила урок, я делала свой пример, поэтому не пугайтесь, в некоторый местах скрины с текстом буду отличатся от скринов автора. Итак, приступим:
Шаг 1. Создание нового документа.
Открываем Фотошоп и создаем новый документ. Автор использует следующие настройки:
[показать]
Шаг 2. Создание текста.
При помощи инструмента Horizontal Type Tool (T) создадим текст. Автор использует буквы "FX", шрифт - Hobo Std Medium.
[показать]
Шаг 3. Раскрасим текст.
Снова выбираем инструмент Horizontal Type Tool (T) и в полученном слое с текстом выделяем каждую букву и меняем ее цвет. В примере автор использует синий цвет (#094569) для буквы F и желтый цвет (#AB7D1B) для буквы Х.
[показать]
Шаг 4. Сделаем буквы объемными.
На данном этапе я использую скрины из своего примера, пусть вас не смущает, что тут не буквы "FX" )
Итак, правый клик на слое с текстом - выбираем Rasterize Type. Далее Ctrl+клик по изображению слоя на палитре слоев - получим выделение нашего текста.
Выбираем 3D -> Repousse -> Current Selection:
[показать]
В открывшемся окошке изменяем только следующие параметры:
Repousse Shape Presets: Extrude
Extrude: Depth ----> 0,5
[показать]
Теперь немного повернем наш текст. Убедитесь, что у вас выделена вот эта пиктограмма - Rotate the Mesh:
[показать]
Вы увидите, что если навести на изображение с текстом, то удерживая левую кнопку мыши, тест можно поворачивать [показать]
Поверните изображение примерно так, как показано на скрине:
[показать]
В моей работе в буквах есть дырки - к примеру в буквах А и О, сейчас мы им тоже придадим объем. Если после того, как вы повернули ваш текст, вы нажали кнопку "ОК", то идем в 3D -> Repousse -> Edit in Repousse. Нас интересует меню Internal Constraints (кроме этого меню ничего не трогайте, иначе предыдущие настройки у вас сбросятся).
Теперь выберем пиктограмму Rotate the 3D Constraint и наведем мышкой на область, где нам нужно сделать дырку -> область подсветится синим (1) -> нажмем на эту область и в меню Type и выберем Hole (2). То же самое проделайте с теми буквами, в которых вам нужны дырки [показать]
[показать]
[показать] Либо нарисовать объемные буквы "вручную", чуть позже, как только появится время, я добавлю описание, как это сделать "вручную", для тех, кто этого не знает [показать]
Шаг 5. Добавим цвета объемным буквам.
Этот шаг для данного урока изобретен мной))
Выбираем инструмент Magic Wand Tool (W), Tolerance примерно 50-60 и режим "Add to selection":
[показать]
Растеризуем наш объемный текст. Для этого правый клик на слое с текстом на палитре слоев -> Convert to smart object -> еще раз правый клик -> Rasterize layer.
Теперь добавим цвет объему. Я покажу как это делается на примере первой буквы, остальные делаются идентично. При помощи Magic Wand Tool выделяем "объем" первой буквы и не снимая выделения, создаем новый слой (Shift+Ctrl+N) Layer 1:
[показать]
При помощи пипетки - Eyedropper Tool (I) кликаем по цвету нашей буквы, чтобы установить его основным и с помощью Paint Bucket Tool (G) заливаем выделение на новом слое Layer 1, получим следующее:
[показать]
В настройках слоя Layer 1 изменяем Blending Options на Multiply и Opacity на 70-80%:
[показать]
Проделываем все то же самое с каждой буквой, в итоге получим следующее:
[показать]
Теперь объединим все слои: Ctrl+клик на только что созданных слоях (у меня это Layer1,2,3,4,5) и на слое с текстом, далее жмем Ctrl+E.
Теперь на палитре слоев только 2 слоя - Background и слой с текстом.
Еще одно дополнение лично от меня [показать]
После функции Repousse грани букв остаются довольно неровными, нужно их сгладить. Я делала это при помощи добавления контура Pen Tool'oм. Для этого выберем Freeform Pen Tool (P) и в настройках поставим галочку "Magnetic", чтобы путь сам "примагничивался" к букве.
[показать]
Ставим первую точку и ведем мышкой по контуру - вы увидите, что путь получается довольно-таки близкий к контуру буквы. Когда закончите обводить букву, замкните контур - двойной клик по изображению. Теперь отредактируйте путь (он все-таки получился не идеальным))), используя Add Anchor Point Tool (добавить узловую точку), Delete Anchor Point Tool (удалить узловую точку) и Direct Selection Tool (A) (перемещение узловых точек).
[показать]
После того как вы отредактировали путь, создайте новый слой (Ctrl+Shift+N), выберите инструмент Brush Tool (B ) и установите настройки кисти: Hardness = 0, Master Diameter: примерно 5 px, цвет = цвету выбранной буквы. Снова выберите инструмент Pen Tool (P) -> правый клик по изображению -> Stroke Path -> в появившемся меню выберите Brush, галочка Simulate Pressure должна быть снята. Итак, наш контур готов. Если у вас получилось недостаточно гладко, добавьте аналогичным образом еще один контур на новом слое. Когда закончите с первой буквой, слейте все слои с контурами со слоем с буквами.
Шаг 6. Меняем цвет фона.
Мы закончили создавать трехмерный текст, теперь выберем слой Background и зальем его цветом #000b12.
В итоге получаем вот такое изображение:
[показать]
Шаг 7. Делим слово на буквы.
Теперь разделим наш текст так, чтобы каждая буква была в отдельном слое. При помощи Rectangular Marquee Tool (M) выделим букву Х -> Ctrl + X -> Ctrl + V -> получаем букву Х в новом слое. Так же поступаем со всем остальными буквами.
[показать]
У меня получилось следующее:
[показать]
Шаг 8. Используем Dodge Tool
Добавим блики буквам, для этого выберем Dodge Tool (O) и установим следующие настройки:
[показать]
Шаг 9. Добавим блики.
При помощи инструмента Dodge Tool (O) добавьте блики буквам, к примеру вот так:
[показать]
Шаг 10. Больше бликов!
Продолжаем добавлять блики, настройки те же, что и в шаге 8. Добавим точечные блики, как на скрине:
[показать]
Шаг 11. Добавим тени.
Выберем инструмент Burn Tool (O) со следующими настройками :
[показать]
и добавим теней
[показать]
Шаг 12. Больше теней!
Продолжаем добавлять тени в местах, указанных на рисунке:
[показать]
Шаг 13. Увеличиваем интенсивность.
Чтобы сделать наш текст более контрастным, выберем Dodge Tool (O), я использовала следующие настройки:
[показать]
размер кисти примерно 800 рх, Exposure = 50% и кликнем кистью на всей букве F, а затем и по всем остальным буквам.
Получится что-то вроде этого:
[показать]
Шаг 14-15. Добавим угловые блики.
Выберем мягкую кисть - Brush Tool ( B ) с настройками, показанными на скрине. Цвет кисти - белый. Создаем новый слой (Shift+Ctrl+N) и в новом слое добавляем угловые блики (если вы не хотите, чтобы блик выходил за пределы буквы, то загружаем выделение первой и буквы (Ctrl+клик на иконке слоя на палитре слоев) и не снимая выделения добавляем блики) :
[показать]
Повторяем этот шаг для всех остальных букв. Для каждой буквы - отдельный новый слой с бликами.
У меня получилось следующее:
[показать]
Шаг 16. Добавим свечение бликам.
Выберем слой с бликами буквы F -> правый клик на слое -> Blending Options -> Outer Glow и установите следующие настройки:
[показать]
Цвет - # 67cbff
Шаг 17. Еще больше бликов [показать]
Выберем слой с бликами буквы F, который мы создали в Шаге 14-15 и продублируем его (Правый клик по слою на палитре слоев -> Duplicate layer)
Выберем инструмент Smudge tool ( R ) и перейдем на только что полученный слой. "Размазываем" блики как показано на рисунке.
[показать]
Шаг 18. "Размажем" блик
Теперь нам нужно объединить слои с бликами буквы F и "размазать" блики по сторонам. Выбираем 2 слоя с бликами (Ctrl+клик по каждому слою на палитре слоев -> Ctr+E). Чтобы не выходить за рамки буквы, загрузим ее выделение -> Ctrl+клик на иконке слоя буквы F на палитре слоев. Выбираем Smudge Tool ( R ) и "размазываем" блик по боковому объему буквы, как показано на рисунке:
[показать]
Должно получиться что-то вроде этого:
[показать]
Шаг 19. Добавление свечения граням.
Теперь нам нужно добавить свечение граням буквы F. Для этого выберем инструмент Brush tool ( B ), настройки кисти:
Hardness: 0
Master Diameter: 90px (автор указывает 90 рх, но я бы рекомендовала взять кисть размером поменьше - 50-60 рх)
Цвет - примерно # 3dddff
Создадим новый слой (Ctrl+Shift+N) и загрузим выделение буквы F (Ctrl+клик на иконке слоя с буквой F), перейдем на только что созданный слой и нарисуем свечение по краю буквы, как показано на рисунке:
[показать]
Это сообщение отредактировал ash - 4 Декабря 2010