Объемный текст в Adobe Photoshop + Видео

Продолжаю выполнять ваши заявки) К сожалению в Adobe Photoshop нет стандартных средств сделать текст объемным. Поэтому приходится как-то изощрятся и выкручиваться. Сегодня именно об этом я вам и расскажу. Это конечно не единственный способ сделать текст объемным, но наверное самый простой. И так.. Приступаем.

Шаг 1.

Создаем новый документ с помощью меню File>New (Файл>Новый) или с помощью комбинации клавиш Ctrl+N. Я создам документ 450х450 пикселей.

3d_1.jpg

Шаг 2.

Создадим новый слой (Ctrl+Shift+N), нажмем сочетание клавиш Alt+Del , и затем кликнем 2 раза по только что созданному слою. Появится окошко Layer Style (Стиль слоя). В нем выставим следующие параметры:

3d_2.jpg

В результате получим вот такой вот фон

3d_3.jpg

Шаг 3.

Придумываем слой текст и напишем его по одной букве на отдельный слой. По одной букве будем писать, чтобы можно было наш текст немного разнообразить и немного повернуть каждую буковку. Если вас устроит просто прямолинейный текст, то можете написать его весь на одном слое. Выберем инструмент Horizontal Type Tool (Горизонтальный текст)

3d_4.jpg

и напишем первую нашу букву, затем нажмем сочетание клавиш Ctrl+T немного повернем ее.

3d_5.jpg

Шаг 4.

Дописываем все буквы по отдельности, поворачивая каждую в разные стороны. Вот как получилось у меня.

3d_6.jpg

А вот что получилось в списке слоев

3d_7.jpg

Шаг 5.

Разукрасим наши буквы. Выбираем слой с первой буквой и дважды кликаем по нему. Должно появится окошко Layer Style (Стиль слоя). В нем устанавливаем следующие параметры

3d_8.jpg

В результате должно получится примерно вот так

3d_9.jpg

Шаг 6.

Проделаем шаг 5 для каждой буквы, только сделаем буквы разных цветов (цветов градиентов). У меня получилось вот так

3d_10.jpg

Шаг 7.

Выделим все слои и сделаем их копию. Чтобы выбрать несколько слоев вы берите первый нужный слой, затем нажмите клавишу Shift и не отпуская выберите последний нужный слой. Затем перетащите выбранные слои на кнопочку создания нового слоя

3d_11.jpg

А теперь склеим только что скопированные слои. Для этого нажмите сочетание клавиш Ctrl+E.

Шаг 8.

Переместите слой со склеенными буквами под слои с не склеенными буквами. Т.е. этот слой будет находится над фоном и под буквами. Далее выберите инструмент Move (Перемещение)

3d_12.jpg

и переместите на слой вниз и вправо. Примерно как на картинке

3d_13.jpg

Шаг 9.

Кликните по эскизу этого слоя удерживая клавишу Ctrl, тем самым получите выделение.

3d_14.jpg

Шаг 10.

Выберите инструмент Polygonal Lasso Tool (Полигональное лассо)

3d_14_a.jpg

и удерживая клавишу Shift добавьте к этому выделению уголки, которые соединят углы букв с нижнего слоя и углы букв с верхних слоев.

3d_15.jpg

Вот какое выделение примерно должно получится. Беленькими кружочками я отметил те места, в которых добавил выделения.

Шаг 11.

Нажмите сочетание клавиш Ctrl+Del чтобы залить наше выделение одним цветом.

3d_16.jpg

Шаг 12.

Дважды кликните по этому же слою и в появившемся окошке установите следующие параметры

3d_17.jpg

3d_17_a.jpg

Шаг 13.

Сделаем четкими грани. Для это выберите все то же Полигональное лассо и выделите удерживая клавишу Shift те места, в которых нужно грани сделать четкими

3d_18.jpg

Дальше выберите инструмент Brush Tool (Кисть)

3d_19.jpg

Значение Hardness (Жесткость) установите на 0%

3d_20.jpg

И проведите кистью под каждым из участков выделения. Рисуйте так, чтобы граница кисти находилась чуть ниже границы выделения. Вот что примерно должно получится

3d_21.jpg

Шаг 14.

Добавим еще немного теней буквам. Выберите слой с буквой и дважды кликните по нему. В появившемся окне установите следующие параметры

3d_22.jpg

И так для каждой буквы. В результате у вас должно получится вот так

3d_23.jpg

Шаг 15.

Ну и напоследок я бы выделил изгибы букв. Кликните удерживая клавишу Ctrl по слою со склеенными буквами, создайте новый слой (выше слоя со склеенными буквами и ниже слоев с отдельными буквами) и проведите кистью в местах изгибов букв.

3d_24.jpg

Я добавлю еще обычный текстик и все. Наш объемный текст готов.

3d_final_0.jpg



xine.jpg
Скачать видео к этому уроку:

Скачать (формат AVI)

Скачать (формат FLV)
Комментарии
Пользователь: Ctac0n 02.06.2010 09:08
Аватар пользователя Ctac0n

Какой же, вы классный сайт!!!
Супер, спасибо!

Пользователь: FirsT 08.06.2010 00:04
Аватар пользователя FirsT

я че то на 9 шаге застрял(( я зажимаю ctrl и жму на склееный текст и не выделяется.что делать???

Пользователь: FirsT 08.06.2010 00:11
Аватар пользователя FirsT

все помощи не надо))) сам додумался))) хорошие уроки)))))

Пользователь: FirsT 08.06.2010 00:25
Аватар пользователя FirsT

и все равно застрял... КАК ПОЛЬЗОВАТЬСЯ ЭТИМ ПРЯМОЛИНЕЙНЫМ ЛАССО?! я с ним замучился уже)))

Пользователь: mrkaktooz 08.06.2010 09:41
Аватар пользователя mrkaktooz

очень просто) нажимаете кнопку мышки и фиксируете точку, затем отпускаете кнопку и подводите мышку туда, где должна быть следующая точка (вы увидите что от одной точки к другой будет тянуться линия) и опять кликаете левой кнопкой мыши и так пока не обведете выделите то что нужно. когда вы в конце кликните по начальной точке лассо замкнется и образуется выделение. Чтобы добавлять выделение к уже существующему добавляйте точки удерживая клавишу Shift, чтобы вычитать клавишу Alt.

Пользователь: FirsT 08.06.2010 11:26
Аватар пользователя FirsT

спс))

Пользователь: Полина LOVE 03.08.2010 19:22
Аватар пользователя Полина LOVE

Здравствуйте, скажите пжлст, кто-нибудь знает, как сделать видео чтобы там была музыка, фотографии, и текст?
Это можно сделать в фотошопе? Если да то как?)))
Если нет то в какой программе это можно сделать?

Пользователь: Mega_Vlad 13.06.2011 11:49
Аватар пользователя Mega_Vlad

это можно сделать в разных видео редакторах.Например Nero Vision

Mega_Vlad

Пользователь: Mega_Vlad 13.06.2011 12:11
Аватар пользователя Mega_Vlad

это можно сделать в разных видео редакторах.Например Nero Vision

Mega_Vlad

Пользователь: Полина LOVE 03.08.2010 19:22
Аватар пользователя Полина LOVE

А вот ещё одно)
Как делать на фотографии разные надписи к примеру там Nice???)))
Зараннее спс)

Пользователь: mrkaktooz 03.08.2010 20:12
Аватар пользователя mrkaktooz

Все вопросы не по теме задавайте на форуме.

Пользователь: Kazbek 09.08.2010 22:24
Аватар пользователя Kazbek

Плз помогите застрял на шаге 9, не получается выделить

Пользователь: TheCempeR 03.01.2011 15:30
Аватар пользователя TheCempeR

Здравствуйте! Расскажите пожалуйсто поподробнее, что нужно делать в шаге 8, так как при его выполнении у меня не чего не получается.Я не понимаю, что нужно делать после нажатия Ctrl+E. Вот я нажимаю сочетание этих клавиш, а затем не пойму, что и куда надо переносить, перемещать. Подскажите пожалуйсто!

Photoshop CS4

Пользователь: TheCempeR 03.01.2011 16:03
Аватар пользователя TheCempeR

Всё! Я понял как делать шаг 8, но теперь не могу выполнить шаг 9! Объясните пожалуйсто! Я не могу выделить текст!

Photoshop CS4

Пользователь: TheCempeR 03.01.2011 16:34
Аватар пользователя TheCempeR

У меня эскиз текста не выделяется!

Photoshop CS4

Пользователь: TheCempeR 07.01.2011 14:27
Аватар пользователя TheCempeR

Я застрял на 10 шаге! Я не пойму как соединять уголки! У меня всё время как-то коса получается!

Photoshop CS4

Пользователь: Анжелка 24.11.2011 13:57
Аватар пользователя Анжелка

проще сделать в Microsoft Office Word там в сто тыщ раз легче просто создаешь надпись и там выбираешь объем

Пользователь: Гость 12.01.2012 20:13
Аватар пользователя Гость

шаг 12 содержит ошибку или я не понимаю, если ставить на drop shadow - то это сделает эффекта тени от объекта, а не тень на объекте, а я подозреваю, что должно получиться что-то вроде того, как на картинки с следующего шага. Прошу помочь.

Пользователь: mrkaktooz 13.01.2012 10:03
Аватар пользователя mrkaktooz

Это и есть тень от объекта. Если вы обратили внимание, то она как раз под объектом и есть (под всем объемным текстом)

Пользователь: Гость 13.01.2012 11:05
Аватар пользователя Гость

да, уже разобрался, просто рисунок из следующего шага вводит в заблуждение. На нём нету тени от объекта, но есть подобие собственной тени + выделения для создания теней на необходимых изгибах.

Пользователь: Гость 25.01.2012 15:49
Аватар пользователя Гость

Не могу выделить слой в 9 шаге. Что делать?

Пользователь: mrkaktooz 26.01.2012 12:14
Аватар пользователя mrkaktooz

Попробуйте еще разок) Щелкать нужно именно по эскизу (или пиктограмме) слоя (слева от названия слоя), удерживая клавишу Ctrl

Пользователь: SnOokI 03.02.2012 13:42
Аватар пользователя SnOokI

etot yrok 4e ta ne ka4aetsia

Пользователь: mrkaktooz 06.02.2012 09:09
Аватар пользователя mrkaktooz

Точно, удалили(( Попробую отыскать и перезалить видео

Пользователь: Гость 15.03.2012 13:34
Аватар пользователя Гость

а у меня в окне стиля слоя нет окошечка "градиент"

Пользователь: mrkaktooz 16.03.2012 09:25
Аватар пользователя mrkaktooz

может Наложение градиента?

Пользователь: Гость 21.06.2012 19:10
Аватар пользователя Гость

Скажите пожалуйста, почему у меня не заливается одним цветом я нажимаю Ctrl+Del и ничего не происходит ((((((. я на шаге 11 застряла.

Пользователь: mrkaktooz 28.06.2012 10:48
Аватар пользователя mrkaktooz

может заливается, но у вас цвет зиливки совпадает с цветом фона?

Пользователь: мля 26.01.2013 12:48
Аватар пользователя мля

что за шрифт исполбзуете?

Добавить комментарий