Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 10 » Создаем 3D текст
20:43
Создаем 3D текст

Создаем 3D текст

Создаем 3D текст \ Create 3D text

Это простой и быстрый урок, который научит вас создавать 3D текст в Photoshop.

Вот к чему мы будем стремиться:

Создаем 3D текст

-------------------------------------------------------------------------------------------------------------------
.DESIGNPLASTIC.RU - дизайн проект в Самаре.
-------------------------------------------------------------------------------------------------------------------

1. Первым делом создаем новый документ, в котором будем работать (Ctrl + N), в появившемся окне ставим единицы измерения высоты и ширины холста в дюймы (inches). Создаем квадратный документ размером 10х10 дюймов, а для того, чтобы изображение было достаточным по качеству для печати ставим разрешение 300 pixels/inch.
Создаем 3D текст

2. Background созданного документа заливаем темно-серым цветом #333333. Один из варианто, как это сделать - цвет переднего плана в панели инструментов ставим тот, который нам нужен, нажимаем Edit > Fill и в появившемся окне выбираем опцию Foreground color, затем ОК (так то после выбора цвета достаточно нажать Alt+Del прим. переводчика)

3. Теперь выбираем инструмент horisontal_type.gif и пишем нужный нам текст, автор использовал шрифт Myriad Pro Black цветом #FFCC00 размером 286pt для слова SIX и 83pt для слова Revisions. Разумеется тут всё на ваше усмотрение, но старайтесь брать жирный шрифт, иначе нужного эффекта не достигнуть.
Создаем 3D текст

4. Растеризуйте текст, это необходимо для дальнейшей работы, но помните, что после растеризации текст станет нередактируемым, так что убедитесь, что написали без ошибок. Правый клик на текстовом слое и выбираем Rasterize Type.
Создаем 3D текст

5. Теперь мы должны наклонить текст, чтобы в дальнейшем придавать ему трехмерность. Жмем Ctrl + T чтобы начать трансформацию(или Edit > Free Transform).
Зажимаем ctrl, кликаем по правому верхнему маркеру и перемещаем его влево, то же самое делаем с верхним средним маркером, должно получиться нечто подобное:
Создаем 3D текст

6. Теперь к слою с текстом нужно добавить пару эффектов. Жмем иконку эффектов в панели Layers и выбираем Bevel and Emboss. Настройки ставим как на скрине. Не забудьте изменить цвета highlights и shadows. Цвет highlights #FFCC66, цвет shadows #DFA125.
Создаем 3D текст
Затем добавляем эффект Satin, это даст дополнительную глубину цвету. Используйте цвет #F3881F
Создаем 3D текст
Последнее - это добавление Gradient Overlay. Кликните по градиенту и измените цвет слева на #F7F3A7, цвет справа #F3881F. Остальные настройки на скрине.
Создаем 3D текст

7. Переходим к созданию 3D эффекта. Во-первых продублируем слой (Ctrl + J), переходим к нижнему дублю и удаляем у него все эффекты, просто перетащив их в корзину в панели layers.
Теперь у слоя без эффектов нужно поменять цвет, для этого жмем Image > Adjustment > Curves (Ctrl + M) и гнем кривую как показано на рисунке
Создаем 3D текст
Таким образом цвет становится темнее.
Немного снизим насыщенность цвета, ведь эта часть будет находиться в тени. Жмем Image > Adjustments > Hue/Saturation (Ctrl + U) и ставим эти значения:
Создаем 3D текст

8. Переходим к созданию боковых граней. Убедитесь, что яркий текстовый слой с эффектами находится выше, чем затемненный слой. С помощью стрелок на клавиатуре переместите нижний слой немного влево. Теперь зажимаем ALT и нажимаем несколько раз стрелки вниз и влево. Таким образом мы дублируем коричневый слой столько раз, сколько раз нажмем стрелки и в зависимости от этого получаем толщину боковой грани.
Создаем 3D текст

9. Объедините все продублированные коричневые слои. Для этого в панели Layers щелкните по вержнему из них, затем зажмите Shift и щелкните по нижнему, все слои выделятся, после этого остается нажать ctrl+E. К этим объединенным слоям добавляем Gradient Overlay цвета берем черный и белый
Создаем 3D текст

10. Теперь сделаем тень от букв. Дублируем коричневый слой, жмем Filter > Blur > Gaussian Blur ставим радиус 8px, затем Ctrl + M и меняем кривую как на рисунке, тем самым затемняя тень.
Создаем 3D текст

11. Если сильно увеличить наш рисунок, то можно увидеть, что коричневые боковые грани не ровные, что бы это устранить просто выделите область с помощью polygonal_lasso.gif и нажмите Del. Повторите эту процедуру во всех местах, где это необходимо.
Создаем 3D текст

12. Вроде как работа выглядит неплохо и можно бы на этом остановиться, но мы этого не сделаем, мы добавим еще теней. Источник освещения у нас находится слева вверху, соответственно тени справа внизу должны быть темнее. Берем burn.gif и затемняем те места, где это необходимо, но перед этим с помощью polygonal_lasso.gif создайте выделения в местах граней букв, что бы получить резкий переход в между ними. Эту процедуру нужно произвести с каждой буквой.
Создаем 3D текст
Для затемнения настраиваем burn.gif следующим образом: режим Highlights, Exposure=50%, диаметр кисти 125px с Hardness=0.
Создаем 3D текст
Этим же инструментом с теми же настройками добавляем тени там, где они падают с буквы на букву
Создаем 3D текст

13. Также, используя dodge.gif можно добавить бликов. Используйте тот же режим кисть и настройки, что и у burn.gif
Создаем 3D текст

Вот и всё! Мы создали 3D текст, используя только Photoshop!

Создаем 3D текст

Полный размер здесь
А здесь PSD файл (zip архив 2.60MB)


Автор: Tyler Denis
Перевод: Chaus

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 2275 | Добавил: supermen | Теги: объемный текст в фотошопе cs4, 3d текст, photoshop cs4 3d текст, фотошоп, текст эффект падающие буквы Иллюстр, Pin up, огненный текст, 3d
Всего комментариев: 2
2 paytightihos  
hi

1 zanchi  
отличный урок просто супер, не надо использовать 3d редакторы.. (для создания текста имеется в виду)

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[17.09.2011][DesiGn bLOg]
Другая жизнь книг (1)
[20.09.2011][Veb DeSiGn]
Сайт ретро пластины (css) (0)
[12.02.2015][3D MAX modeling]
3darcshop - Decorations 1-100 Models for 3ds Max (1)
[24.09.2011][Veb DeSiGn]
Шаблон сайта 2 BREED ( css ) (0)
[15.04.2011][DesiGn bLOg]
Невероятные работы, созданные на деньги (4)
[17.09.2011][vectOR KLipardy]
Морской векторный стиль - Marine vector style (0)
[22.09.2011][PSD-files, исходники]
Kung fu Panda PSD - Кунг-фу Панда PSD (0)
[21.12.2015][Lessons PHOTOSHOP]
Творческое и коммерческое ретуширование (2015) (1)
[12.03.2013][Lessons PHOTOSHOP]
Светящийся Водный Текст с Брызгами \ Create a Glowing Liquid Text with Water Splash Effect in Photoshop (0)
[02.10.2010][Lessons PHOTOSHOP]
Книга жизни (6)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
26.04.2024
10:05


Copyright artpost and semantic product zanchi 2010-2011 © 2024