Сделать стартовой Добавить в закладки Обратная связь Новости по 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



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

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


Просмотров: 79119 | Напечатать | Комментарии (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
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


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


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

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

Популярные статьи

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

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


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

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