Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



Стильный золотой 3D-текст в Photoshop


Ресурсы урока:


Шрифт «Sans Serif Exb FLF»

Металлические текстуры


1. Создание фона и формы текста



Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 15000х1250 пикселей. Выберите инструмент Заливка (Paint Bucket Tool) и залейте фоновый слой цветом #DBDBDB.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Установите шрифт «Sans Serif Exb FLF». Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите «STAY COOL» цветом #6d6d6d. Откройте панель Символ (Окно > Символ) (Window > Character) и настройте текст, как показано на скриншоте.

Стильный золотой 3D-текст в Photoshop


Шаг 3


Перейдите в меню Текст > Преобразовать в кривые (Type > Convert to Shape). Текстовый слой будет преобразован в слой-фигуру.

Стильный золотой 3D-текст в Photoshop


2. Расположение букв


Выберите инструмент Выделение контура (Path Selection Tool), выделите первую букву и сдвиньте её вверх. Используйте клавиши стрелок на клавиатуре.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Сдвиньте каждую букву.

Стильный золотой 3D-текст в Photoshop


3. Внешняя обводка



Шаг 1


Создайте копию текстового слоя (Ctrl + J).

Стильный золотой 3D-текст в Photoshop


Шаг 2


На верхней панели инструмента Выделение контура (Path Selection Tool) выключите заливку и установите обводку толщиной 5pt. Далее настройте обводку и нажмите на кнопку Другие параметры (More Options).

Стильный золотой 3D-текст в Photoshop


Шаг 3


Измените настройки:

Стильный золотой 3D-текст в Photoshop


4. Стеклянные полки



Шаг 1


Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) в режиме фигур и настройте его, как показано на скриншоте.
Создайте новый слой «Glass» и кликните на холсте, чтобы создать фигуру.

Стильный золотой 3D-текст в Photoshop


Шаг 2


На верхней панели выберите режим Объединить фигуры (Combine Shapes).

Стильный золотой 3D-текст в Photoshop


Шаг 3


Добавьте такой же закруглённый прямоугольник по другие буквы.

Стильный золотой 3D-текст в Photoshop


Шаг 4


Создайте копию слоя с текстом и переименуйте её в «Stay Cool Back».

Стильный золотой 3D-текст в Photoshop


5. Создание 3D-форм



Шаг 1


Выберите каждый слой с объектами на холсте и перейдите в меню 3D > Новая экструзия из выделенного контура (3D > New 3D Extrusion from Selected Path).

Стильный золотой 3D-текст в Photoshop


Шаг 2


Создайте копию фонового слоя дважды. Обе копии поднимите на самый верх панели слоёв. Назовите их «Wall» и «Ground».

Стильный золотой 3D-текст в Photoshop


Шаг 3


Оба верхних слоя также преобразуйте в 3D-объект через меню 3D > Новая сетка из слоя > Почтовая открытка (3D > New Mesh from Layer > Postcard).

Стильный золотой 3D-текст в Photoshop


6. Работа с 3D-сценой



Шаг 1


Для работы с элементами 3D-сцены, нам нужны две панели: 3D и Свойства (Properties). При выборе элемента сцены на панели 3D у Вас будут открываться его свойства. Поэтому перед настройкой убедитесь, что у Вас выбран нужный элемент.

Стильный золотой 3D-текст в Photoshop


Шаг 2


У слоя «Ground» будет элемент «Ground mesh». Выберите его и измените координаты, чтобы эта плоскость стала перпендикулярной к плоскости слоя «Wall».

Стильный золотой 3D-текст в Photoshop


Шаг 3


Выберите все 3D-слои и перейдите в меню 3D > Слияние 3D-слоёв (3D > Merge 3D Layers). Все 3D-объекты будут собраны на одной сцене.

Стильный золотой 3D-текст в Photoshop


Шаг 4


Выберите инструмент Перемещение (Move Tool) (V) и посмотрите на верхнюю панель. Вы увидите разные режимы для вращения камеры и объектов. На панели 3D нужно выбрать Текущий вид (Current View) и повернуть камеру.

Стильный золотой 3D-текст в Photoshop


7. Изменяем элементы сцены



Шаг 1


Выберите два текстовые объекты сцены и измените их Глубину экструзии (Extrusion Depth).

Стильный золотой 3D-текст в Photoshop


Шаг 2


Выберите оригинальный текстовый объект, перейдите во вкладку Капитель (Cap) и настройте всё, как показано на скриншоте.

Стильный золотой 3D-текст в Photoshop


Шаг 3


Выберите другой текстовый объект и тоже измените параметры во вкладке Капитель (Cap).

Стильный золотой 3D-текст в Photoshop


Шаг 4


Измените глубину экструзии обводки.

Стильный золотой 3D-текст в Photoshop


Шаг 5


Затем измените параметры во вкладке Капитель (Cap).

Стильный золотой 3D-текст в Photoshop


Шаг 6


Глубина экструзии для объекта «Glass».

Стильный золотой 3D-текст в Photoshop


Шаг 7


Параметры во вкладке Капитель (Cap).

Стильный золотой 3D-текст в Photoshop


Шаг 8


Выберите обе плоскости «Ground» и «Wall» и выключите Наложение теней (Cast Shadows).

Стильный золотой 3D-текст в Photoshop


8. Создание материалов



Шаг 1


Выберите Материал передней выпуклости (Front Inflation Material) оригинального текстового объекта. Кликните на иконке параметра Рассеивание (Difuse) и выберите пункт Удалить текстуру (Remove Texture). Сделайте то же самое для Материала задней выпуклости (Back Inflation Material).
Вам нужно будет делать это каждый раз, когда Вы захотите изменить их.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Измените остальные параметры, как показано ниже.

Рассеивание (Diffuse): #575757
Цвет блика (Specular): #606060
Свечение (Illumination): #000000
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 3


Выберите Материалы переднего, заднего скоса и материал экструзии обоих текстовых объектов. Измените их параметры:

Рассеивание (Diffuse): #d4d4d4
Цвет блика (Specular): #67666b
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 4


Выберите Материал задней выпуклости оригинального текста и Материал передней выпуклости копии. Настройте так:

Рассеивание (Diffuse): #b4b4b4
Цвет блика (Specular): #65666a
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 5


Выберите все материалы обводки и настройте их параметры так:

Рассеивание (Diffuse): #a3671f
Цвет блика (Specular): #cab171
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 6


Теперь настройте материалы объекта «Glass»:

Рассеивание (Diffuse): #ffffff
Цвет блика (Specular): #c2c2c2
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 7


Материал плоскости «Wall»:

Рассеивание (Diffuse): #DBDBDB
Цвет блика (Specular): #a3a3a3
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 8


Материал плоскости «Ground»:

Рассеивание (Diffuse): #d4d4d4
Цвет блика (Specular): #67666b
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Стильный золотой 3D-текст в Photoshop


Шаг 9


Выберите инструмент Перемещение (Move Tool) и при помощи 3D-оси расположите все объекты на сцене, как Вам больше нравится. Конус на конце оси передвигает объект, элемент перед ним нужен для вращения, кубики – для изменения размера. Большой куб, их которого выходят оси, пропорционально изменяет размер.
Также попробуйте повращать камеру, чтобы подобрать наиболее подходящий ракурс.

Стильный золотой 3D-текст в Photoshop


9. Работа со светом



Шаг 1


Выберите Бесконечный свет 1 (Infinite Light 1) и настройте его, как показано на скриншоте. Цвет - #bfb7ac.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Покрутите источник света вокруг объекта или воспользуйтесь моими координатами.

Стильный золотой 3D-текст в Photoshop


Шаг 3


Добавьте Новый точечный свет (New Point Light).

Стильный золотой 3D-текст в Photoshop


Шаг 4


Настройте так:

Стильный золотой 3D-текст в Photoshop


Шаг 5


Расположите точечный свет позади текста.

Стильный золотой 3D-текст в Photoshop


Шаг 6


Выберите Среду (Environment) на панели 3D, кликните на иконке ИСБИ (IBL) и выберите пункт Заменить текстуру (Replace Texture).

Стильный золотой 3D-текст в Photoshop


Шаг 7


Выберите файл «_aaalplplllpplpw2p1lpmlaqmmmklsi.jpg» из набора металлических текстур и измените Интенсивность (intensity).

Стильный золотой 3D-текст в Photoshop


10. Расположение объектов и рендеринг



Шаг 1


Выберите объект «Stay Cool Back» и сдвиньте его, чтобы он был виден позади золотых панелей.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Вы можете выбрать сразу несколько объектов и перемещать их по сцене.

Стильный золотой 3D-текст в Photoshop


Шаг 3


Убедитесь в том, что плоскость «Ground» не находится ниже плоскости основания сцены. Перейдите в меню 3D > Рендеринг (3D > Render). Процесс рендеринга может занять не мало времени, но Вы можете остановить его в любой момент при помощи клавиши Esc.

Стильный золотой 3D-текст в Photoshop


11. Коррекция цвета



Шаг 1


По окончании рендеринга сохраните проект.

Стильный золотой 3D-текст в Photoshop


Шаг 2


Выделите весь холст (Ctrl + A), скопируйте его (Ctrl + C) и вставьте на отдельный слой (Ctrl + V).

Стильный золотой 3D-текст в Photoshop


Шаг 3


Установите режим наложения нового слоя на Мягкий свет (Blending Mode – Soft Light) и уменьшите непрозрачность до 35%. Картинка станет более яркой и чёткой.

Стильный золотой 3D-текст в Photoshop


Конечный результат:



Стильный золотой 3D-текст в Photoshop



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

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

Введите код: