3D typographic effects in Photoshop
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302697.jpg)
Photoshop - поразительный инструмент для обработки изображений и доведения его до конечной стадии. В этом уроке
Nik Ainley покажет Вам, как добавить ошеломляющий эффект 3D тексту, используя инструменты фотошопа.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302052.jpg)
Вам
не нужна самая последняя версия Photoshop, чтобы создать и повторить
этот урок. для этого подойдет версия Photoshop CS и выше.
Здесь гуру
шрифторых эффектов Nik Ainley показывает, как создать изображение,
которое вы видели в начале. Фишка заключается в том, чтобы создать
буквы в 3D пакете сначала как отдельные символы, а затем экспортировать
их в Фотошоп для дальнейшей обработки.
С помощью опытного
использования Фотошоп и маскирующих действий со слоями, Ник создал
буквенные символы, которые прячутся друг за друга. Лицевые стороны букв
также предоставляют широкие возможности для дальнейшей обработки, такие
как наложение градиентов, линий и готовых шаблонов.
01. Начните с разработки каждой отдельной буквы в 3D программе, Ник для этого выбрал
Xara 3D (прим. переводчика-программа проста до безобразия) и затем импортировал
поочередно в документ Фотошопа. Буквы должны находиться на отдельных
слоях. Расставляйте их друг возле друга так, как вам нравится.
Это
может показаться странным, создавать 3D текст таким образом, но Фотошоп
дает гораздо больше возможности, нежели 3D программы, и вы можете
претворить в нем больше идей в жизнь.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302166.jpg)
02.
Одно из преимуществ работы в Photoshop, заключается в том, что буквы
могут располагаться как и и в передней части слова, так и могуть стоять
за другими аналогичными буквами. Чтобы добиться этого эффекта, нужно
замаскировать части отдельных букв, чтобы казалось, что они стоят
позади других.
Чтобы скрыть части букв, добавим маску на слой
с определенной буквой. Следующий шаг состоит в том, чтобы выбрать какие
буквы вы хотите спрятать, а какие оставить на переднем плане. На скрине
мы видим, что буква Е частично видима в передней части над буквой H.
Для
этого мы делаем Ctrl+клик на иконке слоя с буквой Е (загрузится
выделение буквы). Затем делаем активным слой с буквой Н (не снимаем
выделение буквы Е!) и добавляем на него белую маску с помощью Layer-Add
layer mask-Revell all. Берем кисть черного цвета и стираем ней область
выделения.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302168.jpg)
Прим. переводчика: сделала свой скрин, надеюсь понятно.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302172.jpg)
Проделайте все то же самое с остальными буквами.
03.
Далее начнем работу по освещению и затенению. Начнем с добавления теней
на букву F. Создайте новый слой выше буквы F. Чтобы затенить только
отдельные участки буквы , добавим к слою с буквой F маску :Layer-Add
layer mask-revell all (если же маска была раньше добавлена , используем
ее).
Форма маски должны соответствовать форме буквы F, минус
части, которые мы маскировали в предыдущем шаге. Чтобы сделать это,
Ctrl+клик на иконке слоя F, затем щелкаем Ctrl+Alt+Shift на иконке
маски, чтобы получить пересечение масок. Сейчас выберите свой новый
слой и добавьте к нему черную маску(Hide all). Она должна быть той же
формой, что и ваше выделение.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302170.jpg)
04.
Используя большую мягкую кисть, около 70px черного цвета затените те
участки, вокруг которых должны быть тени. В данном случае, верхняя
часть, которая над буквой R и нижняя, которая возле S. Повторяйте этот
процесс для каждого слоя с буквами, придавая тем самым объем.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302174.jpg)
05.
Мы затенили все буквы, теперь создадим тень на фоне. Создайте новый
слой и разместите его под буквами. Загрузите поочередно выделение
каждой буквы и залейте его черным цветом. Примените к слою размытие по
Гауссу (Gaussian blur). Теперь, используя Warp Transform протяните тень
немного вниз так, чтоб буквы оказались как бы выше. Размойте снова и
понизьте прозрачность слоя, если тени вам кажутся слишком жесткими.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302167.jpg)
06.
Потом, добавьте более контролируемые тени внизу под слоями с буквами,
чтобы придать большего объема. Создайте новый слой выше вашего теневого
слоя на фоне и, используя мягкую кисть 50px добавляйте черные тени.
Если вы добавляете тени, нанося из плотную к предыдущей созданной тени,
то это будет выглядеть намного лучше. Добавьте больше теней под
основными буквами, чтобы создать впечатление, будто они стоят
вертикально.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302169.jpg)
07.
Теперь начните работать непосредствено над каждой буквой. Первым шагом
вы должны выделить лицевую часть каждой буквы. Вы можете сделать это
хоть волшебной палочкой, хоть с помощью пера. Как только вы выделили
лицевую часть, создайте новый слой и разместите его над слоем с буквой,
но под слоем на котором находится тень от буквы.
Заполните любым
цветом, каким пожелаете, но лучше если это будет темный, неяркий цвет.
Если вы замаскировали часть буквы с помощью маски (шаг 2 урока) , то
вам нужно будет продублировать эту маску в ваш слой с выделенной
лицевой частью.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302171.jpg)
08.
Чтобы стилизовать лицевую часть каждой буквы, мы собираемся
использовать стили слоя. Точные настроечные параметры зависят от ваших
личных предпочтений, но основы примерно такие:
Inner Shadow:
режим- Color dodge,
цвет белый,
opacity -15%,
distance: 0px,
size: 45px
Inner Glow:
режим-Screen,
цвет белый,
opacity 75%,
size 2px
Gradient Overlay:
режим Soft light,
цвет- черно-белый,
opacity 100%
angle- разместите угол наклона так, чтоб верхняя часть буквы была осветлена, нижняя затемнена.
Satin:
Режим-Color dodge,
цвет-темно-серый,
opacity 50%
distance: 20px,
size: 40px
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302510.jpg)
09. После того, как вы проделали всю работу, мы будем работать над боковыми частями букв.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302598.jpg)
10. Далее, нам необходимо изменить цвета и освещения каждой из сторон, а также получить цвет более соответствующий друг другу.
Чтобы
сделать это, вам нужно использовать корректирующие уровни. Загрузите
выделениеслоя с теневой маской слоя F и создайте новый корректирующий
слой (gradient map) ниже лицевого слоя.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302600.jpg)
11.
Теперь возможно нужно будет создать дополнительные корректирующие слои
ниже и выше слоя, созданного на 10 этапе. Тем самым изменив
освещенность, контраст и насыщенность цаетовой гаммы.
Копируйте настройки корректирующих слоев каждой буквы, чтобы получить согласованную окраску.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302602.jpg)
12. Чтобы добавить художественного блеска, примените Filter > Artistic > Plastic wrap с приблизительно такими настройками:
Highlight strength 14,
Detail 1,
Smoothness 14.
После каждого применения фильтра ослабляйте эффект его действия с помощью Edit-Fade.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302691.jpg)
13.
Теперь, чтобы привести цвета в общую цветовую гамму и придать большей
гармоничности, добавим корректирующий слой поверх всего изображения.
Начните с применения все того же градиента корректирующего слоя, только
режим смешивания слоя установите на soft light и прозрачность понизьте
до 50 %.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302693.jpg)
14.
Пробуйте добавлять различные виды слоев корректировки, чтобы получить
правильные цвета и баланс. Вы можете добавить слой кривых (curves) чтоб
осветлить, слой photo filter - чтобы добавить красного, и слой
цветового баланса (colour balance), чтобы добавить оранжевых оттенков.
Добавляйте то, что считаете нужным, чтобы добиться нужного вам
результата. В завершение замаскируйте слои корректировки так, чтобы они
не отражались на цвете фона.
![3D типографический эффект](http://demiart.ru/forum/uploads1/post-2483-1204302695.jpg)
15.
С этого момента вы можете делать с текстом, что угодно. Добавьте узор
на каждую букву, тени , измените цвета. Все в ваших руках.
иной вариант картинкиавтор:Nik Ainleyисточник: http://www.digitalartsonline.co.uk/перевод: Rediska