Рубрика: Photoshop Уроки | Урок прочитали: 808
 (голосов: 0)

Элегантный 3D текст в Фотошоп

Этот урок расскажет, как использовать новые 3D инструменты Photoshop CS6 для создания элегантных 3D текстовых эффектов.

Урок довольно простой и познавательный. Надеюсь, он вам понравится.
Конечный результат:

Исходники:

шрифт Dunkin Sans
текстура "Material Bump Texture"
текстура "Extrusion Bump Texture"
металлическая текстура от PavStock
текстура "Ткань"

Шаг 1

Создайте новый документ 1600х1200 пикс. Залейте фон черным цветом.
Используя шрифт Dunkin Sans напишите текст белым цветом. Размер шрифта составляет 400 pt (пунктов), а сам текст лучше написаны заглавными буквами (если вы не используете только цифры).

Шаг 2

Выделяем текстовый слой, переходим в 3D - Новая экструзия из выбранного слоя  (New Extrusion from Selected Layer). Это позволит мгновенно преобразовать текстовый слой в 3D-слой. Все элементы 3D слоя можно найти в панели 3D (Окно \ Window - 3D).

Нажмите на название основной сетки, чтобы изменить ее настройки.

Настройки 3D сетки (мesh) и параметров можно модифицировать с помощью панели свойств (Окно \ Window - Свойства \ Properties). В данной панели свойств вы найдете панель характеристик, которая содержит кнопки редактирования "Символ" (Character Panel) и Источник (Edit Source). Источником редактирования  служит оригинальный текстовый слой в отдельном окне, так что вы можете изменить его по своему желанию.

Затем, вы можете сохранить ваши изменения (Файл \ File - "Сохранить \ Save"), закрыть  окно (Файл \ File - Закрыть \ Close) и вернуться к сетке 3D-документа, которая будет автоматически обновляться при любых изменениях которые вы будете делать. Это одно из замечательных свойство, доступных в 3D среде Photoshop CS6. Ваш дизайн может быть отредактирован и повторно использован, вместо того, чтобы заново вводить все настройки для создания 3D-объекта.

Эта функция делает нашу жизнь намного проще! (Этот параметр не существует в CS5, где слой с текстом растрируется, прежде чем он преобразуется в 3D-слой, следовательно, оно не может быть изменен).

Четыре иконки в верхней части панели свойств похожи на мини-вкладки для различных свойств. Они (слева направо): Сетка (Mesh), Деформировать (Deform), Капитель (Cap), и Координаты (Coordinates)". Всегда обращайте внимание на какой из этих вкладок вы находитесь, чтобы получить необходимые вам настройки.

Начните изменение 3D-сетки, с изменения Глубину экструзии (Extrusion Depth) до 42.

Шаг 3

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

Выберите Текущий вид (Current View) в 3D панели, и активируйте инструмент Перемещение (Move Tool). Вы увидите несколько новых значков в крайнем правом углу экрана. Названия этих инструментов: Повернуть (Rotate), Вращать (Roll), Перетащить (Drag), Выполнить скольжение (Slide) и Масштабирование (Scale). Все, что вам нужно сделать, это нажать на иконку, с которой хотите работать и выполнить соответствующие действия с вашим 3D объектом.

При работе убедитесь, что не выбрали 3D сетку, а производите манипуляции именно с объектом. Вам понадобится некоторое время, чтобы привыкнуть к перемещению 3D-объекты, но вы освоитесь довольно быстро. Это, на самом деле, значительно проще и быстрее, чем работа с 3D инструментами в CS5.

В панели свойств, можно увидеть, что настройки камеры теперь отображаются согласно текущим изменениям. Вы можете установить расположение объекта руководствуясь изображением ниже.

Как только вы получаете вид камеры, которая вам нравится, снова нажмите на название основной сетки 3D "2013", затем в панели свойств нажмите значок Капитель (Cap). Введите следующие параметры:  Ширина (Width) - 33, Угол (Angle) - 45. В параметрах Раздувание (Inflate)", измените угол (аngle) до 44интенсивность (strength) до 10. Наконец, выберите вид контура (contour) - Волна (Ring - Triple).

Шаг 4

Далее, мы определимся с материалом которым будем заполнять наш текст. Начните с нажатия "Материал передней выпуклости (Front Inflation Material) в 3D панели, затем перейдите в меню Свойства (Properties), чтобы изменить настройки. Если вы видите, какую-либо текстуру (вместо значка папки), щелкните по стрелке и выберите Удалить текстуру (Remove Texture).

Изменение цвет Рассеивание (Diffuse) на # 62603e и цвет Цветовой блик (Specular) на # bbb08c. Затем измените остальные значения, как показано на изображении ниже.

Нажмите на значок папки рядом с значение Рельеф (Bump) и выберите из подменю Загрузить текстуру (Load Texture). Затем выберите текстуру, которая представлена в исходном материале - "Material Bump Texture". 

Это создаст иллюзию 3D складки внутри текста.

Если ваш текст выглядит не похожим на изображение выше, нажмите еще раз на значок текстуры рядом с Рельеф (Bump)  и выберите команду Редактировать UV-свойства (Edit UV Properties).

Установите следующие значения параметров:

Шаг 5

Переходим к изменению параметров Материал переднего скоса (Front Bevel Material). В панель Свойства (Properties) изменение цвет Рассеивание (Diffuse) на # a38228, а цвет Цветовой блик (Specular) на # bbb08c. Затем измените другие значения, как показано ниже.

Сохраним наши настройки как новый вид материала. Для этого, нажмите на окно выбора материала, а затем нажмите всплывающем меню иконки в правом верхнем углу и выберите Новый материал (New Material).

Введите название для нового набора (например "Золотой текст) и нажмите кнопку ОК.

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

Примените новый сохраненный вид материала для поверхностей Материал заднего скоса (Back Bevel Material) и для Материал задней выпуклости (Back Inflation Material). (Выберите каждую из 3D поверхностей, затем щелкните значок материала в панели свойств и примените ваш новый набор).

Шаг 6

Перейдите к поверхности Материал экструзии (Extrusion Material) в 3D панели, и применить сохраненный набор "Золотой текст" еще раз. После, нужно увеличить значение Рельеф (Bump)  до 72% и загрузить текстуру Extrusion Bump Texture, как вы делали раньше.

Для UV-свойств, установите масштаб U и V шкалы (Scale) на значения 100%, а U и V смещений (Offset) на значения 0.

На этом работа с материалами завершена.

Шаг 7

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

Координаты, которые использованы в данном уроке, указаны ниже.

Теперь нажмите Окружающая среда (Environment) в 3D-панели. Перейдите в параметр ИСБИ (IBL), а затем щелкните значок папки рядом с ним и выберите Загрузить текстуру (Load Texture). Откройте изображение Металлическая текстура.


              
Снимите флажок окна Тень (Shadow), и уменьшить интенсивность (Intensity) до 69%.

Нажмите на иконку текстуры ИСБИ (IBL) и выберите в подменю Редактировать текстуру (Edit Texture). Это позволит открыть текстуру в новом окне. Далее, находясь в документе с изображением металлической текстуры, перейдите в Редактирование -  трансформирование - повернуть на 90 °  по часовой стрелке (Image - Image Rotation - 90 ° CW). После этого в Файл - сохранить (File - Save), а затем Файл - закрыть (File - Close), чтобы сохранить изменения и вернуться к исходному документу.

Текстура действует как окружающая среда для 3D сетки. Таким образом она влияет на отражение света, и окраску.

Перейдите на вкладку Бесконечный свет 1 (Infinite Light 1) в 3D панели, а затем изменить значение Тень - Сглаживание (Shadow -  Softness) до 100% в панели свойств. Это позволит сделать тени менее резкими.

Нажмите на иконку Координаты (Coordinates). Опять же, вы можете контролировать расположение света через эти значения или воспользоваться инструментом Перемещение (Move Tool).

Шаг 8

Создайте новый слой поверх 3D-слоя и залейте его цветом # 310303 с помощью инструмента Заливка (Paint Bucket).

Перейти к 3D - Новая сетка из слоя - Открытки (3D - New Mesh From Layer -Postcard). Это позволит преобразовать слой в 3D-объект (плоскость).

В панели 3D выберите Текущий вид (Current View). Затем, в панели Свойства (Properties), выбираем имя нашего  3D слоя с текстом. Это позволит сделать одинаковой позицию камеры обоих 3D-слоев.

Вернитесь в панель Слои (Layers), выделите оба ваших 3D-слоя . Затем перейдите в 3D  - Слияние 3D -слоев (3D - Merge Layers 3D). Это позволит разместить два 3D-объектов в один слой. Вы можете открыть вкладку 3D и увидеть, как теперь располагаются там объекты. Так же, осталась возможность выбрать и отредактировать каждый элемент в отдельности. (Нажимайте стрелки папок, чтобы развернуть / свернуть списки 3D-объектов).

Шаг 9

Выберите имя нового слоя с поверхностью на панели 3D для изменения параметров материала. Материал Рассеивание (Diffuse)  уже применен ,оставим его без изменений. Заменим цвет Цветовой блик (Specular) на # 894814, а остальные значения, отредактируйте как показано ниже. В подменю Рельеф (Bump)  загрузите текстуру Ткань.

 

Для UV-свойств, установите масштаб U и V шкалы (Scale) на значения 300%, а U и V смещений (Offset) на значения 0.

Выберите Слой 1 Сетка (layer’s Mesh) на панели 3D, затем снимите флажок Наложить тени (Cast Shadows) в панели свойств.

Теперь нам нужно отделить текст от 3D плоскости (открытки).
Если нажать на иконку Координаты (Coordinates), вы можете использовать значения как в изображении ниже. Но вы можете воспользоваться инструментом Перемещение (Move Tool) и установить координаты по собственному желанию.

Если вы хотите, откорректировать положение текста, выберите его в панели 3D, нажмите на иконку Координаты (Coordinates) в панели свойств и введите значения, которые вы хотите (либо переместить его с помощью Перемещение (Move Tool). Идея состоит в том, чтобы наш 3D-текст выглядел висящим на плоскости. Поэтому не должно быть много пространства между текстом и поверхностью.

Шаг 10

После завершения работы с композицией картинки, встаньте на вкладку Окружающая среда (Environtment) и щелкните значок Рендеринг (Render) внизу 3D-меню. Рендеринг может занять некоторое время. Вы можете проверить ход процесса в строке состояния (в нижней части экрана).

Вы должны получить такой результат!

Шаг 11

Установите основной цвет (Foreground) на # 7d7d7d, а фоновый цвет (Background) на белый. Активируйте инструмент Градиент (Gradient Tool). На панели настроек градиента (оptions), установите: От переднего плана к прозрачной заливке (Foreground to Transparent fill), тип градиента - Радиальный (Radial Gradient), и проверьте  наличие флажка возле иконки Инверсия (Reverse).

Создайте новый слой поверх всех остальных. Режим смешивания (Blend Mode) нового слоя устанавливаем - Умножение (Multiply). Стоя на этом слое, нажмите и перетащите линию градиента от центра документа к одному из углов.

Нажмите кнопку Создать новую заливку или корректирующий слой (Create new fill or adjustment layer), внизу панели слоев, и выберите Карта градиента (Gradient Map).

Измените режим наложения (Blend Mode) корректирующего слоя на Перекрытие (Overlay), непрозрачность (Opacity) - 45%. Щелкните на поле градиента, чтобы создать новый набор цвета.

Введите значения новых цветов (# 9f9f9f - слева и # DFDFDF - справа).

И вот итог!

Надеюсь, что этот урок был полезным введение в основы 3D программы Photoshop CS6!
И .... с наступившим Новым годом!!
:)

Автор: textuts
Перевод: Хитрён@ (Екатерина Любимова)

           

Похожие файлы и публикации:

Элегантный 3D текст в Фотошоп
Создайте новый документ размером 1200 x 1000 пикселей и залейте фон цветом # c7b29a.  Затем напишите текст заглавными буквами шрифтом HVD Comic Serif Pro, цвет белый, размер шрифта 393 пт. (Не следует заполнять сцену словом с большим количеством букв - пять букв или менее дадут лучший результат).
Элегантный 3D текст в Фотошоп
Вектор Adobe Photoshop и 3D-возможности являются мощным сочетанием и могут быть использованы для создания интересных 3 D - эффектов. В этом уроке я покажу вам, как создать стильный черно-золотой 3D текстовый эффект, используя векторные фигуры, 3D сетки и материалы.
Элегантный 3D текст в Фотошоп
В этом уроке вы научитесь использовать векторные инструменты и 3D возможности Photoshop CS6. В процессе вы узнаете, как создавать материалы, изменять освещение, создавать сцену и наконец, как улучшить цвет конечного результата.
Элегантный 3D текст в Фотошоп
В этом уроке мы будем сочетать Filter Forge и Photoshop для создания деревянного 3D текста  в комбинации с простым и красивым стеклянным сердцем.
Элегантный 3D текст в Фотошоп
В данном уроке мы создадим потрясающе яркий, золотой 3D постер, с помощью основных источников света в Adobe Photoshop CS6 Extended.
Элегантный 3D текст в Фотошоп
В этом уроке вы узнаете, как создать планету с использованием возможностей 3D слоёв в  Photoshop CS4 Extended.
Элегантный 3D текст в Фотошоп
В этом уроке я покажу Вам как создать абстрактную новогоднюю 3D иллюстрацию используя новые 3D инструменты которые Adobe включил в Photoshop CS5. Давайте начнем!
Элегантный 3D текст в Фотошоп
Хотите узнать как, используя возможности Photoshop CS6, научиться быстро делать split-тонирование ваших фото? Тогда этот урок для вас!
Элегантный 3D текст в Фотошоп
Перед началом урока, пожалуйста, скачайте эту бесплатную текстуру Stucco texture
Элегантный 3D текст в Фотошоп
Вы, наверное, видели где-нибудь в интернете надписи, нацарапанные на плитке, например на Tumblr и Pinterest. Они все очень разные, но не всегда их легко создавать.
Элегантный 3D текст в Фотошоп
Недавно я пошел в кино, чтобы посмотреть «Начало», новый фильм Кристофера Нолана. Я вышел из кинотеатра совершенно пораженный. Эта история просто потрясает, и сюжет запутан, особенно в конце. Однако я не собираюсь говорить о фильме, я расскажу, как он вдохновил меня попробовать что-то сделать в Photoshop. Потом я увидел плакаты фильма БУМ, вот оно, действительно классный эффект.
Элегантный 3D текст в Фотошоп
Заключительный результат.
Элегантный 3D текст в Фотошоп
В этом уроке мы поработаем над быстрым тонированием фотографии используя окно операций в программе Photoshop. Начнем!
Элегантный 3D текст в Фотошоп
Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:
Элегантный 3D текст в Фотошоп
Создайте новый документ размером 1350 x 1000 пикселей.  Установите основной цвет #4ea6d0, а цвет фона #195081. Создайте радиальный градиент от центра документа к одному из его углов.