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


Главная » 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

***


[23.12.2024][DesiGn bLOg]
Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)
[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
 

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

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

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


Поиск






[11.01.2011][Lessons PHOTOSHOP]
Марионетка (отрисовать) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[13.12.2013][DesiGn bLOg]
Проект "Bike to Life". Велосипеды на службе типографики (0)
[13.04.2011][DesiGn bLOg]
Советы веб-дизайнеру начинающему собственное дело (0)
[02.03.2011][Lessons Adobe Illustrator]
Отрисовка сливы плашками, урок Illustraror CS3 \ Drawing plum dies (1)
[17.09.2011][vectOR KLipardy]
Business vector #937 (0)
[31.03.2011][vectOR KLipardy]
Векторная зелень - web Green leaves (2)
[12.02.2015][DesiGN SofT]
FloorPlan 3D Design Suite 11.2.60 + TurboFloorPlan 3D Home and Landscape Pro 17.06 (0)
[18.09.2011][DesiGn bLOg]
Как стимулировать работу мозга (0)

Статистика


Онлайн всего: 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)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Jestalil (0)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Festinil (19)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27040 (0)



Суббота
18.01.2025
10:38


Copyright artpost and semantic product zanchi 2010-2011 © 2025