Ослепляющий 3D Текст-эффект для Photoshop CS5 Extended и не только
После Шага 4 добавлен способ добавления объема буквам "вручную"
Для
создания объемных букв автор использует 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). То же
самое проделайте с теми буквами, в которых вам нужны дырки
Вы
можете создать 3D текст в любой удобной для вас программе, т.е.
пропустив шаги 1-4, а может быть, даже и шаг 5, если ваша программа
позволяет
Создание 3D эффекта в Photoshop CS2 (а м.б. даже и более старых версиях=)) "вручную"
Сейчас
я покажу, как можно вручную нарисовать объем букв, основываясь на
правилах перспективы, которые я проходила в художественной школе)))
Шаг 1.
Итак,
создайте документ, напишите в нем текст, с которым будете дальше
работать (параметры нового документа возьмите из начала урока). Далее
создайте новый слой (назовите его "Dot”) и поставьте на нем точку –
примерно как показано на рисунке – это будет линия (точка) горизонта
(ширина линии и размер точки размера не имеют).
Шаг 2.
Теперь
создайте еще один новый слой (назовите его, к примеру, "lines”)
соедините все угловые точки и, для удобства, можете соединить также
центры кривых, линиями с центром синей точки, которую мы только что
поставили на новом слое (чтобы получилась прямая линия, удерживайте
Shift). Кисть, которой будете рисовать линии – жесткая, диаметром
примерно 2 рх.
Шаг 3
Далее
определитесь, какого размера вы хотите сделать ваш «объем» букв.
Создайте новый слой («volume»), и жесткой кистью, размером примерно 5-6
рх, отмерьте выбранный объем на линиях, проведенных в Шаге 2:
Создайте еще один новый слой, на котором мы будем отмечать точками отмеренный объем, назовите его «Volume Dots»:
Переходим
на слой «volume», при помощи трансформации (Ctrl+T) «отмеряем» объем на
всех линиях слоя "lines” и отмечаем «замер» точками на слое «Volume
Dots»:
Получим следующее:
Шаг 4.
Теперь
мы нарисуем, собственно, сам объем при помощи Pen Tool’a. Выберите
инструмент Pen Tool (P), перейдите на слой с текстом на панели слоев и
нажмите «Create Work Path»:
Мы
получили контур букв. Теперь при помощи инструмента Direct Selection
Tool (A) будем сдвигать контур к отмеченным зеленым точкам параллельно
грани букв:
Также используйте инструменты Add Anchor Point (Добавить узловую точку) и Delete Anchor Point (удалить узловую точку):
Должно
получится примерно следующее (то, что происходит с контуром на площади
букв, нас не интересует, не смущайтесь, что у меня там кривые линии)):
Теперь
уберем получившуюся кривую грань снизу у буквы Х и подровняем все
остальные нижние грани, для этого проведем прямую линию на слое
"lines”, соединив 2 крайние точки:
Откорректируем контур согласно линии:
Выровняйте
контур, чтобы получилось более-менее ровно, создайте новый слой,
назовите его «Volume Final» и установите цвет переднего плана на темно
серый, к примеру, #5e5e5e. Далее выберите инструмент Pen Tool (P) ->
правый клик на изображении -> Fill Path, в появившемся окошке
выберите Contents: Foreground Color и нажмите ОК.
Переместите слой «Volume Final» под слоем с текстом на палитре слоев:
Шаг 5.
Вот мы и получили объем букв, осталось добавить тень и свет. Для этого я использовала фильтр Lighting Effects. Итак, переходим на слой «Volume Final», выбираем Filter -> Render -> Lighting Effects. Установите следующие значения параметров и расположение источника света:
Получим следующее (я сделала цвет фона более темным, чтобы объем букв с ним не сливался):
Шаг 6.
При
помощи инструментов Burn Tool (O) и Dodge Tool (O) (размеры кисти – от
30 до 60 рх, Hardness = 0, Range = Midtones, Exposure = от 20 до 50) я
затемнила…
…и осветлила некоторые участки объема букв, согласно источнику света, который мы определили в Шаге 5:
Объемный текст готов!
Шаг 5. Добавим цвета объемным буквам.
(Для
тех, кто создавал объем вручную, выделить "объем" букв можно, нажав
Ctrl+клик на иконке слоя с объемом на панели слоев, но обратите
внимание а то, что объем каждой буквы должен быть закрашен отдельно -
для этого нужно вычесть выделение ненужных букв (инструмент Rectangular
Marquee Tool (M) - опция Substract from selection). Далее сразу
переходим к определеню цвета при помощи Eyedropper Tool)
Этот шаг для данного урока изобретен мной))
Выбираем инструмент 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), перейдем на только что созданный слой и
нарисуем свечение по краю буквы, как показано на рисунке:
Шаг 20-21. Добавление бликов букве Х.
Теперь
поработаем с буквой Х. В шаге 14-15 мы уже создали блики для букв,
теперь добавим им свечение - повторяем шаг 16 для буквы Х.
Цвет примерно # fff955, настройки:
(Повторяем этот шаг для всех остальных букв, если у вас их больше, чем 2)
Шаг 22. Настроем кисть.
Выберем инструмент кисть - Brush Tool ( B ) и установим следующие настройки:
Цвет: (примерно) # fff94f
Эта Кисть нам пригодится в следующем шаге.
Шаг 23-26. Создание контура.
Продолжаем работу с буквой Х. Выберем Pen Tool (P) и создадим путь, как показано на рисунке:
Теперь
воспользуемся кистью, которую мы выбрали в шаге 22. После того, как мы
создали путь, создадим новый слой (Ctrl+Shift+N) -> на новом слое
кликнем правой кнопкой по изображению (у вас должен быть выбран
инструмент Pen Tool) -> Stroke Path
В появившемся меню выберем "Brush" и нажмем ОК:
(Рекомендую
создавать каждую новую обводку в новом слое, чтобы у вас была
возможность отредактировать каждую кривую по отдельности. Когда
закончите, объедините все слои с обводкой в один, нажав Ctrl+E) Шаг 27-28. Добавим свечения затемненным областям.
Сейчас
мы добавим немного свечения темным областям. Выберите инструмент Pen
Tool (P) и создайте путь как показано на картинке. Создайте новый слой
(Ctrl+Shift+N), перейдите на него и нажмите Ctrl + Enter - я вас
появится выделение области - залейте его коричневым цветом (#614717)
при помощи Paint Bucket Tool (G).
Убедитесь,
что слой, который мы только что залили коричневым цветом находится над
слоем с буквой. Сгруппируйте эти слои, выделив их на панели слоев и
нажав Ctrl+G. После этого смените blending mode коричневого слоя на
Color Dodge:
Шаг 29. Стираем углы.
Выберите инструмент Eraser tool (Е) со следующими настройками:
Master Diameter : 100px
Hardness: 0 px
и перейдите на слой, который мы создавали в Шаге 27-28. Сотрите углы коричневого слоя как показано на рисунке:
Шаг 30. Создадим больше ярких контуров.
Создайте еще несколько контуров, повторив Шаги 22-26.
И вот наш промежуточный результат:
Шаг 31. Добавим яркий контур букве F.
Повторим Шаги 22-26, чтобы добавить контуры букве F:
Шаг 32. Освещаем фон.
В следующих шагах мы будем работать с фоном. Сейчас мы добавим светлое
пятно под буквы. Для этого выберите инструмент Brush Tool ( B ) и
установите следующие настройки:
Hardness: 0 px
Master Diameter: 300 px
Цвет: #546876
Создайте новый слой и в нем поставьте кистью одну большую точку, как на картинке (я назвала этот слой "Dot"):
Шаг 33. Трансформируем пятно
Перейдите на слой "Dot", нажмите Ctrl+T и трансформируйте пятно как показано на картинке:
Когда закончите трансформацию, нажмите Enter. Шаг 34. Добавим тень.
Создайте новый слой под слоями с буквами, но над слоем "Dot", назовем
его "Shadow". Теперь загрузим выделение всех букв, для этого жмем
Ctrl+клик на иконке слоя буквы F, не сбрасывая выделения жмем
Ctrl+Shift+клик на иконке слоя X (продолжаем загружать выделения букв -
Ctrl+Shift+клик на иконках слоев, если у вас больше букв в слове). Не
сбрасывая выделения, переходим на слой "Shadow" и заливаем его снизу
вверх вот таким градиентом :
Теперь жмем Ctrl + T, чтобы трансформировать слой "Shadow" как показано на рисунке:
Шаг 35. Размытие тени.
Чтобы тень выглядела более реалистично, "размоем" ее при помощи фильтра
Gaussian Blur. Выбираем Menu > Filter > Blur > Gaussian Blur,
радиус: 5.0 px
Получаем следующее:
Шаг 36-38. Создание звездочек.
Создадим
новый слой, назовем его "Star". Выберем уже полюбившийся вам Pen Tool
(P) и создадим контур как показано на рисунке. (Перед тем как создавать
контур, выберите инструмент Brush Tool ( B ) и установите Master
Diameter 3 px, Hardness 100%, цвет - белый). Затем правый клик на
изображении -> Stroke Path -> Brush (галочка "Simulate Pressure"
должна стоять):
Далее
дублируем слой "Star" ( Ctrl + J) и жмем Ctrl + T, чтобы повернуть его
на 90 градусов, для этого изменим параметр, показанный на скрине:
Дублируем слой "Star" еще 2 раза и аналогично поворачиваем слои, чтобы получилась звездочка:
Теперь объедините все продублированные слои, выделив их на панели слоев и нажав Ctrl+E.
Шаг 37-39. Добавляем звездочку букве Х.
Продублируйте слой "Star", нажмите Ctrl+T и поместите звездочку на букву Х, как показано на рисунке.
Поверните ее так, чтобы она сочеталась с буквой. Продублируйте слой
"Star" еще несколько раз и поместите звездочки поверх бликов:
Шаг 40. Добавление частиц.
Сейчас
мы добавим частицы к звездочкам. Выберите Brush Tool ( B ) и установите
следующие настройки (чтобы открыть панель настроек кисти нажмите F5):
В версии CS5 Other Dynamics = Transfer.
Нарисуйте этой кистью частицы как показано на рисунке: Шаг 41. Добавление полупрозрачных элементов.
Для начала скачайте отсюда набор кистей Real Smoke
и
установите их. Выберите кисть, указанную на рисунке: (я скачала второй
набор кистей -Medium (1250 pixels) - у меня нужная кисть была под
номером 49), цвет кисти - белый.
Шаг 42. Создаем отпечаток.
Создайте новый слой, назовите его "Screen" и сделайте на нем отпечаток кисти:
(кисти вертикальные, поэтому придется покрутить изображение, чтобы сделать отпечаток горизонтальным)) Шаг 43. Добавим цвет.
Создадим
еще один новый слой - "Сolor" , который расположим над слоем "Screen".
Далее правый клик по слою "Сolor" -> Create Clipping Mask. Перейдите
на слой "Сolor", выберите инструмент Brush Tool ( B ) и измените режим
на "Color":
Закрасьте
наш отпечаток большой мягкой (Hardness = 0) кистью цветами: зеленый
#c2e01f, желтый #ffd44e и синий #0a5689, примерно так, как показано на
рисунке:
На всякий случай, вот расположение слоев: (слои с буквами находятся над слоем "Сolor" )
Выделите
слой "Сolor" и слой "Screen" на палитре слоев (сtrl+клик на обоих
слоях), чтобы сдвинуть оба слоя одновременно при помощи Move Tool (V).
Расположите эти слои так, как показано на рисунке:
Шаг 44. Дублируем слои.
Убедитесь,
что у вас выделены оба слоя - "Сolor" и "Screen" на палитре слоев
->правый клик по этим слоям на палитре - Duplicate layers. Выберите
2 продублированных слоя ( "Сolor copy " и "Screen copy"), нажмите
Ctrl+T -> правый клик -> Flip Horizontal -> Enter, затем
Ctrl+T -> правый клик -> Flip Vertical и расположите новые слои
как показано на картинке:
Шаг 45. Меняем цвета.
Теперь изменим цвет правой части экрана) Выберем слой "Сolor copy " и
нажмем Ctrl+U. В появившемся меню установим следующие настройки:
По
правде сказать, при настройках, которые дал автор, у меня получился
совсем другой цвет)), вот настройки, которые использовала я:
у вас должно получится что-то вроде этого:
Шаг 46. Добавление частиц.
Создайте новый слой, выберите инструмент Pen Tool (P) и создайте путь, показанный на картинке:
Шаг 47. Настройки кисти.
Выберите инструмент Brush Tool ( B ), нажмите F5, чтобы вызвать настройки кисти и установите следующие параметры:
Не забываем, что цвет кисти - белый.
Шаг 48. Рисуем частицы.
После
того, как мы настроили кисть, снова выбираем Pen Tool (P). Путь у нас
уже создан, поэтому кликаем правой кнопкой по изображению -> Stroke
Path. В появившемся меню выберите Brush и поставьте галочку у Simulate
Pressure:
вот, что получилось:
Шаг 49. Повернем и продублируем слой с частицами.
Продублируйте слой с частицами, далее нажмите Ctrl+T -> правый клик
-> Flip Horizontal -> Enter, затем Ctrl+T -> правый клик ->
Flip Vertical и расположите новый слои как показано на картинке:
Шаг 50. Создание теней.
Теперь нужно добавить тени слоям "Screen" и "Screen copy". Выберите оба
слоя на панели слоев (Ctrl+клик на обоих слоях) и продублируйте их
(дублируйте их вместе со слоями "Color" и "Color copy"), затем слейте в
один каждую пару слоев и потом слейте 2 половинки в один слой. На
рисунке показано, в каком порядке дублировать и сливать слои, чтобы
получить слой "Shadcolor":
Выберите слой "Shadcolor" , нажмите Ctrl+T и сдвиньте его как показано на рисунке:
Теперь
загрузите выделение слоя "Shadcolor" (ctrl+клик на иконке слоя на
панели слоев) и выберите Edit > Fill (или нажмите Shift + F5) и
заполните выделение черным цветом.
Шаг 51. Добавим размытие.
Теперь
немного размоем тень. Выберем слой "Shadcolor", далее -> Menu >
Filter > Blur > Gaussian Blur, радиус = 1рх:
Final Results!
Наконец, мы завершили нашу работу, и вот результат:
Автор: Siva Kumar
Ссылка на источник для вставки в своём блоге, форуме, сайте:
Главная страница
Всё для Фотошопа
Каталог уроков
Заведи питомца
Учебники онлайн
Наш Форум
Магазин
Топ авторов
Друзья сайта
Гостевая книга
Обратная связь
Онлайн игры
FAQ (вопрос/ответ)
