Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


3D typographic effects in Photoshop
Adobe Photoshop » Уроки 06 ноября 2008 TakeRПечать


Photoshop - поразительный инструмент для обработки изображений и доведения его до конечной стадии. В этом уроке Nik Ainley покажет Вам, как добавить ошеломляющий эффект 3D тексту, используя инструменты фотошопа.

alt

Вам не нужна самая последняя версия Photoshop, чтобы создать и повторить этот урок. для этого подойдет версия Photoshop CS и выше.
Здесь гуру шрифторых эффектов Nik Ainley показывает, как создать изображение, которое вы видели в начале. Фишка заключается в том, чтобы создать буквы в 3D пакете сначала как отдельные символы, а затем экспортировать их в Фотошоп для дальнейшей обработки.

С помощью опытного использования Фотошоп и маскирующих действий со слоями, Ник создал буквенные символы, которые прячутся друг за друга. Лицевые стороны букв также предоставляют широкие возможности для дальнейшей обработки, такие как наложение градиентов, линий и готовых шаблонов.

01. Начните с разработки каждой отдельной буквы в 3D программе, Ник для этого выбрал Xara 3D (прим. переводчика-программа проста до безобразия) и затем импортировал поочередно в документ Фотошопа. Буквы должны находиться на отдельных слоях. Расставляйте их друг возле друга так, как вам нравится.
Это может показаться странным, создавать 3D текст таким образом, но Фотошоп дает гораздо больше возможности, нежели 3D программы, и вы можете претворить в нем больше идей в жизнь.

alt

02. Одно из преимуществ работы в Photoshop, заключается в том, что буквы могут располагаться как и и в передней части слова, так и могуть стоять за другими аналогичными буквами. Чтобы добиться этого эффекта, нужно замаскировать части отдельных букв, чтобы казалось, что они стоят позади других.

Чтобы скрыть части букв, добавим маску на слой с определенной буквой. Следующий шаг состоит в том, чтобы выбрать какие буквы вы хотите спрятать, а какие оставить на переднем плане. На скрине мы видим, что буква Е частично видима в передней части над буквой H.

Для этого мы делаем Ctrl+клик на иконке слоя с буквой Е (загрузится выделение буквы). Затем делаем активным слой с буквой Н (не снимаем выделение буквы Е!) и добавляем на него белую маску с помощью Layer-Add layer mask-Revell all. Берем кисть черного цвета и стираем ней область выделения.

alt

Проделайте все то же самое с остальными буквами.

03. Далее начнем работу по освещению и затенению. Начнем с добавления теней на букву F. Создайте новый слой выше буквы F. Чтобы затенить только отдельные участки буквы , добавим к слою с буквой F маску :Layer-Add layer mask-revell all (если же маска была раньше добавлена , используем ее).
Форма маски должны соответствовать форме буквы F, минус части, которые мы маскировали в предыдущем шаге. Чтобы сделать это, Ctrl+клик на иконке слоя F, затем щелкаем Ctrl+Alt+Shift на иконке маски, чтобы получить пересечение масок. Сейчас выберите свой новый слой и добавьте к нему черную маску(Hide all). Она должна быть той же формой, что и ваше выделение.

alt

04. Используя большую мягкую кисть, около 70px черного цвета затените те участки, вокруг которых должны быть тени. В данном случае, верхняя часть, которая над буквой R и нижняя, которая возле S. Повторяйте этот процесс для каждого слоя с буквами, придавая тем самым объем.

alt

05. Мы затенили все буквы, теперь создадим тень на фоне. Создайте новый слой и разместите его под буквами. Загрузите поочередно выделение каждой буквы и залейте его черным цветом. Примените к слою размытие по Гауссу (Gaussian blur). Теперь, используя Warp Transform протяните тень немного вниз так, чтоб буквы оказались как бы выше. Размойте снова и понизьте прозрачность слоя, если тени вам кажутся слишком жесткими.

alt

06. Потом, добавьте более контролируемые тени внизу под слоями с буквами, чтобы придать большего объема. Создайте новый слой выше вашего теневого слоя на фоне и, используя мягкую кисть 50px добавляйте черные тени. Если вы добавляете тени, нанося из плотную к предыдущей созданной тени, то это будет выглядеть намного лучше. Добавьте больше теней под основными буквами, чтобы создать впечатление, будто они стоят вертикально.

alt

07. Теперь начните работать непосредствено над каждой буквой. Первым шагом вы должны выделить лицевую часть каждой буквы. Вы можете сделать это хоть волшебной палочкой, хоть с помощью пера. Как только вы выделили лицевую часть, создайте новый слой и разместите его над слоем с буквой, но под слоем на котором находится тень от буквы.
Заполните любым цветом, каким пожелаете, но лучше если это будет темный, неяркий цвет. Если вы замаскировали часть буквы с помощью маски (шаг 2 урока) , то вам нужно будет продублировать эту маску в ваш слой с выделенной лицевой частью.

alt

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

alt

09. После того, как вы проделали всю работу, мы будем работать над боковыми частями букв.

alt

10. Далее, нам необходимо изменить цвета и освещения каждой из сторон, а также получить цвет более соответствующий друг другу.
Чтобы сделать это, вам нужно использовать корректирующие уровни. Загрузите выделениеслоя с теневой маской слоя F и создайте новый корректирующий слой (gradient map) ниже лицевого слоя.

alt

11. Теперь возможно нужно будет создать дополнительные корректирующие слои ниже и выше слоя, созданного на 10 этапе. Тем самым изменив освещенность, контраст и насыщенность цаетовой гаммы.
Копируйте настройки корректирующих слоев каждой буквы, чтобы получить согласованную окраску.

alt

12. Чтобы добавить художественного блеска, примените Filter > Artistic > Plastic wrap с приблизительно такими настройками:
Highlight strength 14,
Detail 1,
Smoothness 14.

После каждого применения фильтра ослабляйте эффект его действия с помощью Edit-Fade.

alt

13. Теперь, чтобы привести цвета в общую цветовую гамму и придать большей гармоничности, добавим корректирующий слой поверх всего изображения. Начните с применения все того же градиента корректирующего слоя, только режим смешивания слоя установите на soft light и прозрачность понизьте до 50 %.

alt

14. Пробуйте добавлять различные виды слоев корректировки, чтобы получить правильные цвета и баланс. Вы можете добавить слой кривых (curves) чтоб осветлить, слой photo filter - чтобы добавить красного, и слой цветового баланса (colour balance), чтобы добавить оранжевых оттенков. Добавляйте то, что считаете нужным, чтобы добиться нужного вам результата. В завершение замаскируйте слои корректировки так, чтобы они не отражались на цвете фона.

alt
15. С этого момента вы можете делать с текстом, что угодно. Добавьте узор на каждую букву, тени , измените цвета. Все в ваших руках.

alt


Автор: Nik Ainley


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

комментарии (7)

#1 написал: JuSTdo-IT | 6 ноября 2008 16:31
     

красота ебта smile
#2 написал: TakeR | 6 ноября 2008 16:32
     

кому нужна Xara 3D стучите в асю.422980700
#3 написал: TaUReN | 6 ноября 2008 16:38
     

никогда в КСАРЕ не работал)
#4 написал: Magus | 7 ноября 2008 19:40
     

Я тоже)
#5 написал: TWIST | 14 ноября 2008 21:03
     

Интерестно
#6 написал: NazaR | 1 ноября 2009 10:39
     

Xara 3D....Работал раньше,прога очень легка в использовании и понятна будет любому:)Эффекты с текстами хорошие:)
#7 написал: MaSsTeR | 1 ноября 2009 16:00
     

А как импортировать буквы в фотошоп.......и какой это шрифт ???
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.