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


Главная » 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)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[13.02.2015][video futage]
I love You - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
 

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

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

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


Поиск






[26.10.2010][vectOR KLipardy]
векторный клипарт. Узор, орнамент, розетки и др. (0)
[15.02.2015][Lessons PHOTOSHOP]
Треугольный пиксельарт из фотографии, отличный фон для всего (0)
[12.02.2015][3D MAX modeling]
Модель дерева \ Maidenhair Tree (Ginkgo biloba) (0)
[21.11.2015][Brushes Photoshop]
Rons Deviney Dead Tech 110 Brushes (0)
[18.09.2011][Lessons Adobe Illustrator]
Векторные цветы (0)
[30.05.2010][rastER KLipardy]
Template | Шаблоны (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[20.09.2011][rastER KLipardy]
Акварельная Калифорния Kenneth Potter (0)
[29.01.2011][PSD-files, исходники]
Исходник Лето - Summer PSD 7 (0)
[12.01.2011][Lessons PHOTOSHOP]
Профессиональный сайт (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)
[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)



Понедельник
01.03.2021
20:12


Copyright artpost and semantic product zanchi 2010-2011 © 2021