Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание в фотошопе стилизованного черно-золотого трехмерного текста

Создание в фотошопе стилизованного черно-золотого трехмерного текста

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 2-06-2014, 16:52
Сложность: средняя
Продолжительность: средняя

Создание в фотошопе стилизованного черно-золотого трехмерного текста

то, что мы будем создавать

Фотошоп имеет очень мощный векторный и 3D-инструментарий, с помощью которого можно создавать прекрасные эффекты с объемным текстом. Данный урок по фотошопу покажет вам, как, используя 3D-сетки, материалы, и векторные фигуры, можно создать стилизованный объемный текст черного с золотом цвета. Итак, приступим!

Предустановки урока

- шрифт Sans Serif Exb FLF
- узор Malleable Metal Patterns

1. Создание фона и фигур, образующих текст

Шаг 1
Создайте новый документ размером 1500x1250 пикселей, и залейте фоновый слой цветом #DBDBDB

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Наберите заглавными буквами текста, используя шрифт Sans Serif Exb FLF, цвет #6d6d6d, размер 370 pt, Интерлиньяж (Leading): 200, Кернинг (Kerning): Оптический и Трекинг для выделенных символов (Tracking): 50

Создание в фотошопе стилизованного черно-золотого трехмерного текста


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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


2. Коррекция букв

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Распределите буквы по холсту примерно так, как показано на изображении ниже

Создание в фотошопе стилизованного черно-золотого трехмерного текста


3. Создание внешней обводки

Шаг 1
Продублируйте слой с текстом и переименуйте дубликат в “Обводку”

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
При активном инструменте Выделение контура (Path Selection Tool), задайте на панели опций в верхней части окна программы Заливку (Fill): Нет (None), Ширину штриха: 5 pt, задайте тип выравнивания для обводки (Align): Снаружи (Align), и кликните по кнопке с Другими параметрами (More Options)

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Задайте настройки, приведенные ниже:

Создание в фотошопе стилизованного черно-золотого трехмерного текста


4. Создание прозрачных полок

Шаг 1
Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и задайте на панели опций в верхней части окна программы режим Фигуры (Shape). Задайте радиус скругления: 1 и кликните по иконке с геометрическими опциями. Активируйте пункт “Заданный размер” (Fixed Size) и введите значение 90 для ширины и 10 – для высоты.
Создайте новый слой поверх слоя с обводкой, назовите его “Стекло” и прочертите скругленный прямоугольник под краем обводки первой буквы.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Используйте при создании этих фигур очень темный цвет. Так же активируйте на панели опций в верхней части окна программы режим Объединить фигуры (Combine Shapes).

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Добавьте такие же прямоугольники под каждую из букв

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 4
Затем продублируйте оригинальный слой с текстом и назовите дубликат “Задняя часть”

Создание в фотошопе стилизованного черно-золотого трехмерного текста


5. Создание объемных фигур

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Создайте два дубликата фонового слоя, расположите дубликаты поверх всех существующих слоев и переименуйте их в “Стену” и “Основание”

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Поочередно выделите оба этих слоя и пройдите в меню 3D > Новая сетка из слоя > Почтовая открытка (3D > New Mesh from Layer > Postcard)

Создание в фотошопе стилизованного черно-золотого трехмерного текста


6. Настройка 3D-сцены

Шаг 1
Чтобы получить доступ к настройкам 3D-сетки, нужно включить отображение двух панелей: 3D, и панели Свойств (Properties). Отображение обеих включается через меню Окно (Window). 3D-панель содержит в себе все компоненты, присутствующие на сцене, и, кликнув по любому из них, вы можете получить доступ к его настройкам на панели Свойств. Поэтому, прежде чем вносить какие либо изменения в настройки элемента на панели Свойств, убедитесь, что на панели 3D активен нужный элемент.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Кликните по слою с Основанием на панели 3D, после чего, кликните на панели Свойств по иконке с координатами. Введите в поле поворота по оси X значение 90. В результате Основание окажется расположенным перпендикулярно плоскости Стены.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Выделите все имеющиеся у вас 3D-слои и пройдите в меню 3D > Слияние 3D-слоев (3D > Merge 3D Layers).

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 4
Выберите инструмент Перемещение (Move Tool (V)). На панели опций в верхней части окна программы вы заметите 3D-режимы для данного инструмента. Активировав любой из них, вы можете редактировать элемент, который выбран в данный момент на панели 3D. Например, если в данный момент на панели 3D активна вкладка Текущий вид (Current View), вы можете изменять положение камеры.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


7. Модификация сеток

Шаг 1
Выделите на панели 3D слои с оригинальным текстом и Задней частью. Измените их Глубину экструзии (Extrusion Depth), задав величину 20.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Выделите вкладку с названием оригинального текстового слоя, и кликните по иконке Капитель (Cap) на панели Свойств. Выберите в выпадающем списке со Сторонами (Sides) пункт Спереди (Front side), задайте Ширину Фаски (Bevel): 10%, Контур (Contour): Волнистый уклон (Rolling Slope) и Угол (Angle) в разделе Раздувание (Inflate): -45

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Теперь выделите на панели 3D Заднюю сторону. Выберите в выпадающем списке со Сторонами (Sides) пункт Сзади (Back side), задайте Ширину Фаски (Bevel): 10%, Контур (Contour): Волнистый уклон (Rolling Slope) и Угол (Angle) в разделе Раздувание (Inflate): 45

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 4
Задайте Глубину экструзии (Extrusion Depth) слоя с Обводкой, равную 150.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 5
Задайте Ширину Фаски (Bevel): 10%, Контур (Contour): Полукруг (Half Round)

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 6
Для слоя со Стеклом задаем глубину экструзии: 481

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 7
Ширину Фаски (Bevel) данного слоя: 10%

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 8
Наконец, снимите галочку с пункта Наложить тени (Cast Shadows) у обоих слоев с плоскостями

Создание в фотошопе стилизованного черно-золотого трехмерного текста


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

Шаг 1
Выделите на панели-3D вкладку с Материалом передней выпуклости (Front Inflation Material) для сетки с оригинальным текстом, а так же вкладку с Материалом задней выпуклости (Back Inflation Material) для сетки с Задней частью. Кликните по иконке с Текстурой рассеивания (Diffuse texture) и выберите в раскрывшемся списке пункт Удалить текстуру (Remove Texture). Этот процесс следует проделывать со всеми остальными материалами, которые вы планируете редактировать.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Задайте показанные ниже установки:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Выделите вкладки Материал переднего скоса (Front Bevel), Материал экструзии (Extrusion) и Материал заднего скоса (Back Bevel material), относящиеся к слоям с оригинальным текстом и задней частью. Примените следующие установки:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 4
Выделите Материал задней выпуклости (Back Inflation Material), относящийся к оригинальному тексту и Материал передней выпуклости (Front Inflation Material) для задней части, и примените следующие параметры:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 5
Выделите вкладки со всеми материалами для слоя с Обводкой, и примените следующие настройки:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 6
Выделите вкладки со всеми материалами для слоя со Стеклом, и примените следующие настройки:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 7
Настройки материала Стены:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 8
Настройки материала Основания:

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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


9. Модификация света

Шаг 1
Выделите вкладку с Бесконечным светом 1 (Infinite Light 1) и измените его цвет на #bfb7ac, задайте Интенсивность (Intensity): 30% и Сглаживание тени (Shadow Softness) 20%

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Теперь, используя инструмент Перемещение (Move Tool (V)) выберите оптимальное положение источника света. Либо задайте координаты, показанные ниже:

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Кликните по иконке Добавление нового света на сцену (Add new light to Scene) в нижней части 3D-панели, и выберите в раскрывшемся списке пункт Новый точечный свет (New Point Light)

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 4
Задайте Интенсивность (Intensity): 20% и снимите галочку с пункта Тени (Shadow)

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 5
Расположите этот точечный свет позади текста и чуть выше его. Либо воспользуйтесь показанными ниже координатами, выбранными для данного урока.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 6
Кликните по вкладке с Окружающей средой (Environment) на 3D-палитре, и после чего кликните по иконке ИСБИ (IBL) на панели Свойств. Выберите в раскрывшемся списке пункт Заменить текстуру (Replace Texture).

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 7
Откройте стоковое изображение _aaalplplllpplpw2p1lpmlaqmmmklsi.jpg, и задайте величину Интенсивность (Intensity): 50%

Создание в фотошопе стилизованного черно-золотого трехмерного текста


10. Настройка сеток и рендринг

Шаг 1
Кликните на 3D-панели по вкладке с Задней частью и сместите ее назад, так чтобы она оказалась позади золотистых панелей

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Теперь, выделяя определенную сетку, или несколько сеток одновременно, смещая их и изменяя местоположение камеры, придайте сцене понравившийся вам вид.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


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

Создание в фотошопе стилизованного черно-золотого трехмерного текста


11. Настройка цветов

Шаг 1
После того, как процесс рендринга закончится, сохраните файл

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 2
Пройдите в меню Выделение > Все (Select > All), Затем в меню Редактирование > Копировать (Edit > Copy), и, наконец, в меню Редактирование > Вставить (Edit > Paste).

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Шаг 3
Установите вставленный слой в Режим наложения (Blend Mode) – Мягкий свет (Soft Light), и уменьшите его Непрозрачность (Opacity) до 35%. Это сделает цвета окончательного результата более яркими.

Создание в фотошопе стилизованного черно-золотого трехмерного текста


Мои поздравления! Урок выполнен!

На этом уроке по фотошопу я показал вам, как создавать текстовый слой, преобразовывать его в фигуру, изменять положение букв на холсте. Далее вы узнали, как дублировать буквы для создания внешней обводки. Так же с помощью нескольких прямоугольников были созданы полки-подставки для букв.
В завершение я показал вам, как преобразовывать созданные фигуры в 3D-объекты, применять материалы и, наконец, как освещать и рендрить сцену. Надеюсь, урок был вам полезен, и вы сможете применить описанные здесь приемы при работе над своими собственными проектами.


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

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


Просмотров: 7060 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

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

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

Мы в соц сетях

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


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

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