Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » 3D текст в Photoshop - на примере Валентинки

3D текст в Photoshop - на примере Валентинки

Автор: LuLu | Категория: Уроки Photoshop » Креатив | 11-04-2008, 09:17

Однажды я решил сделать подарок по случаю дня Валентина для моей подруги, что у меня получилось, Вы можете видеть на скриншоте. Этот метод будет также многим интересен, особенно тем кто с восторгом смотрят работы знаменитого Nik Ainley.

Шаг 1

Для начала создайте новый докумнет и зайлете фон черным цветом.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 2

Теперь импортируйте 3D-текст в Фотошоп и спозиционируйте на Ваше усмотрение. Для создания 3D-текста я воспользовался программой Xara 3D. Это очень простая программа в использовании и Вам не составит труда создать в ней подобный текст. Далее добавьте теней в необходимых местах.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 3

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

Для этого я использовал инструмент Brush Tool (B) с Hardness=0%. Создайте новый слой, установите рабочий цвет в синий и щарисуйте область за текстом.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 4

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

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 5

Теперь используйте желтый цвет на том же слое.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 6

И наконец добавим белые области.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 7

Далее размоем все, для этого идем в Filter > Blur > Gaussian Blur и выставьте значение для радиуса как Вам больше нравится.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 8

На облака пока мало похоже, сейчас все справим. Создайте новый слой и зайлейте черным цветом. Перед началом нажмите D, чтобы установить рабочие цвета для переднего плана и фона в цвета по умолчанию - черный и белый.

1. Идем в Filter > Render > Clouds

2. Установите режим ранложения текущего слоя в Overlay

3. Скопируйте слой.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 9

Далее я хочу сделать лицевую сторону букв неоновой. Для этого нам необходимо выделить ее аккуратно при помощи инструмента Pen Tool (P).

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 10

Создайте новый слой поверх буквы Lи назовите его также L:

1. Нажмите Ctrl+Enter (Command+Return для Mac)

2. Залейте выделение любым светлым цветом

3. Следуя настройкам показанными ниже на скриншоте, добавьте эффектов символу.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 11

Далее, используя инструмент Dodge Tool, установите параметр Exposure в 55% и сделайте лицевую сторону светлее, пройдясь этим инструментом поверх заливки.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 12

Скопируйте лицевую сторону буквы L, удалите эффект, наложенный ранее, и выставьте режим наложения для слоя в Overlay.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 13

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

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 14

Далее я создам фон. Вернемся на палитре слоев в самый низ списка и создадим новый слой над слоем фона.

 

alt
 

 

Шаг 15

Установите темно-сиреневый цвет в качестве цвета переднего плана и черный - для фона. Настройте радиальный градиент:

 

alt
 

 

Шаг 16

Далее создайте градиент, примерно вот так:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 17

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

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 18

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

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 19

Сольем эти два слоя в один (Ctrl+E) и замаскируем некоторые участки или удалим их ластиком. Как Вы можете видеть на скриншоте ниже я удалил большую часть и сменил режим наложения слоя в Linear Light.

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 20

Сейчас я покажу еще один прием как можно создать интересное дополнение к нашей картинке - это небольшие "усики", сейчас Вы поймете о чем речь.

Создайте новый слой и назовите его "Green", т.к. мы будем рисовать искры зеленого цвета. Установите зеленый цвет в качестве рабочего, например "31b14a" и используя инструмент Pen Tool (P) создайте путь (Path) в форме будущих "усиков".

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 21

Возьмите инструмент Brush Tool (B) маленького размера, например 1px. Выставьте настройки для кисти как показано на скриншоте и убедитесь, что опция симуляции нажатия также активна (Pen Pressure).

 

alt
 

 

Шаг 22

Далее снова возьмите инструмент Pen Tool (P), клик правой кнопкой мыши и выьерите Stroke Path.

Прежде чем Вы нажмете Ok, убедитесь что установлена галочка у Simulate Pressure.

Вот то, что должно получится на этом этапе:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 23

Теперь успользуйте туже кривую (Path) для создания новых линий, но на этот раз модифицируйте ее немного и и смените немного тон цвета.

Например вот так:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 24

Повторяйте эти Шаги начиная с 20го около 8-10 раз. Но не забывайте менять тон зеленого и кривую для достижения оптимального результата.

Когда Вы закончите, у Вас должно получится следующее:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 25

Теперь используйте Brush Tool (B) для добавления простых черточек поверх уже существующих. Не волнуйтесь, Ва не нужно точно следовать уже намеченным штрихам, можете дать волю руке :)

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

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 26

Далее зайдем в настройки стиля слоя и добавим свечения:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 27

Затем удалите или замаскируйте участок "усиков" за буквой:

 

3D текст в Photoshop - на примере Валентинки

 

Шаг 28

Добавьте еще несколько подобных "усиков", но другой формы и цвета.

Вот то, что получилось у меня:

 

3D текст в Photoshop - на примере Валентинки

 

Заключение

В конце можно еще добавить небольших деталей, облаков, изменить цвет фона или добавить красивой текстурки. На этом все!

 

3D текст в Photoshop - на примере Валентинки

 

Via



 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 78320 | Напечатать | Комментарии (36)

#1 написал: warezik (11 апреля 2008 11:02)
Урок супер!
#2 написал: sil1999 (11 апреля 2008 12:37)
http://www.shinybinary.com/
очень нравится его работы с текстом
#3 написал: DNG (11 апреля 2008 13:39)
как размещать текст в Xara3Dv так что б он получился хаотично???? А то у меня ток по гориз. и верт. получается!!!!
#4 написал: Сергей гость (11 апреля 2008 17:52)
DNG а вы буквы по одиночке вводить не пробовали? У меня этой ксары нету, а в остальных прогах это самый простой способ
#5 написал: Gooogle (11 апреля 2008 18:02)
а я что то не понял как усики рисовать!(((
#6 написал: Павел2 (12 апреля 2008 01:17)
как текс импортировать в фотошоп?
#7 написал: LuLu (12 апреля 2008 04:02)
Павел2, Можно через копи-паст, а можете созранить в промежуточном формате где есть прозрачность слоя, например в .png и просто открыть его в фотошоп.
#8 написал: Reboot (12 апреля 2008 11:50)
Урок отличный, я такого не встречал ).

Gooogle, берешь Pen Tool, делаешь линию, правишь её как хочешь. Создаёшь новый слой, на линии жмёшь правую кнопку и выбираешь Stroke Path.... В окошке выбираешь Brush и отмечаешь галочку Simulate Pen Pressure. Все.
#9 написал: tango (12 апреля 2008 19:41)
Спасибо большое. Просто бальзам на душу. smile
#10 написал: Flander (13 апреля 2008 08:59)
Супер ский урок.Очень красиво,давно искал такой спасибо вам большое
#11 написал: Александр (19 апреля 2008 21:33)
Обалденный урок спасибо огромное )))
#12 написал: tezaa (21 апреля 2008 01:50)
урок нравится,подскажитею,где можно скачать бесплатную версию этой программы?
#13 написал: Gvendi_22 (23 апреля 2008 18:32)
супер у вас работы!!!!!!!!! а я тока новичок!!!! мне очень понравилось!!!!
#14 написал: mahsa-m (17 мая 2008 18:42)
Люди помогите пожалуйста как буквы хоатично расположить у меня не получается и в фотошоп тоже не получается пихнуть (((((( может у мя прога не та если можете дайте пожалуйста ссылку на нее зарание спасибо
#15 написал: Loki_only (20 мая 2008 13:34)
А название шрифта который использовался в уроке можно узнать?
#16 написал: annisch (24 мая 2008 14:05)
Урок классный!Молодец!! wink
#17 написал: MeiSteR (25 мая 2008 01:40)
Cпасибо за перевод!
#18 написал: zasranec (25 мая 2008 23:03)
Супер урок!! http://depositfiles.com/files/3007091 тут есть Xara 3D хорошая ^^
#19 написал: Bitter7weet (28 мая 2008 17:35)
отличный урок!.. спасибо... ) я под впечатлением забабахала обоинку для рабочего стола........
#20 написал: Sunny (2 июня 2008 14:36)
Спасибо ! Урок отличный ! winked
#21 написал: Arty T (3 июня 2008 16:55)
I need help)

на ХАRА - там бесплатно можно скачать?)
#22 написал: Муся (5 июня 2008 23:28)
Как импортировать-то? плиз
#23 написал: IV (20 июня 2008 23:02)
простите!вопрос поповоду программы XARA 3D!как убрать фон?
ибо вырезать буквы из фона гемор!плюс проблема?!я неочень опытен и немогу понять почему фотошоп нехочет работать с форматом png!он еще считает индексом!
#24 написал: elyor (10 июля 2008 13:57)
Без словь

Как я ьогу скачать этот урока
#25 написал: СВОЙ (26 июля 2008 23:10)
Так и не понял как такой текст создать в Xara у меня получается работать только со словом целиком, а на картинке в слове Valentine по ходу вертели каждую букву

а понял... и наверное сохраняли по отдельности а не все слово целиком smile
#26 написал: SunOne (29 июля 2008 20:59)
Муся, хех)) я тоже пыталась-пыталась) но сделала в итоге простейшим но долгим дедушкиным способом))
ПринтСкрин - в родном фотошопе все равно 2д, эту картинку потом обрезала и как раз отдельненько себе буковочки перенесла на рабочее поле)) х)
#27 написал: natali-obla4ko (24 сентября 2008 14:48)
Спасибо за урок! Только усики у меня не подошли к композиции. Обошлась без них. А так все отлично.

Всем у кого проблемы с Xara3D - каждую букву сохраняйте отдельно, потом в фотошопе соберете. И еще - как экспортировать. Файл-экспорт... и тд. Сохраняете и в фотошопе открываете. Просто. Если интересно, как вышло у меня - тут. http://obla4ko-pisma.livejournal.com/
#28 написал: RIDDchel (29 октября 2008 08:19)
очеь красиво тоже хочу попробовать. только не понятны вывражения типо-1. Идем в Filter > Render > Clouds. т.к. у меня рус. версия шопа!
LuLu,
Цитата: LuLu
Можно через копи-паст, а можете созранить в промежуточном формате где есть прозрачность слоя, например в .png и просто открыть его в фотошоп.


уж простите неграмотного но я незнаю чтоза копи-паст!!! и как ссохронить в промежуточном формате на КСАРЕ??? у мя чет токо в своем каком то "Х 3д" сохраняет . помогите ПЛЗ

НЕ ЧЕГО НЕ ПОЛУЧАЕТСЯ (((
#29 написал: RIDDchel (20 ноября 2008 13:00)
Strori,
видимо он про тебя говорил
#30 написал: Joystick (21 декабря 2008 03:31)
умаляю обьясните мне, как текст из ксары кинуть в фотошоп... все перепробовал(( recourse
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Домик из Ботинка
Домик из Ботинка

Вот так выглядит композиция, которую мы научимся создавать
Создание мистического летающего куба над пустынной местностью. Часть 2
Создание мистического летающего куба над пустынной местностью. Часть 2

Шаг 4: Создаем магический куб
Займемся созданием зловещего куба. Сначала откроем изображение с белым кубом. Для того, чтобы отделить его от фона, воспользуемся инструментом Полигональное Лассо (Polygonal Lasso Tool (L)).
Создание надписи в стиле “Transfarmers” при помощи стилей слоя Photoshop
Создание надписи в стиле “Transfarmers” при помощи стилей слоя Photoshop

На сегодняшнем уроке мы покажем вам как, используя стили слоя Photoshop, создать текст в стиле фильма Трансформеры. Итак, приступим!
Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.