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





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

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


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

Подсказка

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

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

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



Вдохновляющая золотая объёмная надпись

Вдохновляющая золотая объёмная надпись


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



Шрифт «Bebas Neue»

Шрифт «Pacifico»

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 1920х1200 пикселей. Установите оба шрифта, предоставленные в секции ресурсов урока. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите «FAILING is not always FAILURE». Используйте инструмент Свободное трансформирование (Free Transform), чтобы изменить размер текста.

Вдохновляющая золотая объёмная надпись


Чтобы выровнять надпись по центру холста, используйте инструмент Перемещение (Move Tool) (V). Для этого Вам нужно выбрать оба слоя (текстовый и фоновый) и нажать на кнопки на верхней панели.

Вдохновляющая золотая объёмная надпись


Шаг 2


Кликните правой кнопкой мыши на текстовом слое и выберите пункт 3D-экструзия из слоя (New 3D extrusion from layer).

Фотошоп может выдать Вам сообщение о том, что текст слишком сложный для преобразования в 3D-объект. Если это случилось, нужно преобразовать текст в контур и упростить его при помощи Adobe Illustrator. Для этого в том же контекстном меню выберите пункт Преобразовать в кривые (Convert to Shape). Скопируйте полученную фигуру в буфер обмена (Ctrl + C) и вставьте в новый документ в Иллюстраторе.

В Иллюстраторе перейдите в меню Object > Path > Simplify. Поставьте галочку в чекбокс Preview и настройте так, чтобы у Вас было как можно меньше опорных точек, но форма текста при этом не должна сильно пострадать. Скопируйте текст как фигуру обратно в Фотошоп. Удалите первоначальный текстовый слой и преобразуйте новый в 3D-объект.

Вдохновляющая золотая объёмная надпись

Вдохновляющая золотая объёмная надпись


Шаг 3


После преобразования в 3D-объект в Фотошопе сменится интерфейс. Вернитесь в палитру слоёв и выберите фоновый слой. Его мы тоже преобразуем в 3D-объект, чтобы создать реалистичную стену. Кликните правой кнопкой на фоновом слое и выберите пункт Postcard. Затем снова вернитесь в палитру слоёв и объедините оба слоя (текстовый и фоновый) (Ctrl + E).

Вдохновляющая золотая объёмная надпись


Шаг 4


Сейчас нам нужно уменьшить толщину букв. Выберите текст в панели 3D.

Вдохновляющая золотая объёмная надпись


На панели Свойства (Properties) уменьшите Глубину экструзии (Extrusion Depth). Чтобы посмотреть, что получится в итоге, сцену нужно поставить на рендеринг (визуализацию). Для этого перейдите в меню 3D > Рендеринг (3D > Render). Когда картинка будет достаточно хорошей, чтобы рассмотреть результат, остановите процесс, чтобы не тратить время на полную визуализацию (кликните левой кнопкой мыши в любом месте). Пробуйте разные настройки для рендеринга, чтобы получить желаемый результат.

Вдохновляющая золотая объёмная надпись


Шаг 5


Теперь сделаем буквы золотыми. Выберите слои материалов на 3D панели.

Вдохновляющая золотая объёмная надпись


Панель свойств переключится на настройки материалов. Измените цвет Диффузии (Diffuse) на #FFC000.

Вдохновляющая золотая объёмная надпись


Шаг 6


Мы поработаем над остальными материалами позже. Сейчас нужно присоединить текстовый слой к фоновому. Измените вид камеры на Слева (Left) через контекстное меню.

Вдохновляющая золотая объёмная надпись


Выберите группы с фоном и текстом на 3D панели. Выберите инструмент Перемещение (Move Tool) и нажмите на кнопку выравнивания по левому краю. После этого вернитесь к стандартному расположению камеры.

Вдохновляющая золотая объёмная надпись


Шаг 7


Поставьте сцену на рендеринг (Ctrl + Alt + Shift + R), чтобы посмотреть, как будет выглядеть текст. Вся сцена будет смотреться плоско, но если Вам понравится, вы можете дождаться окончания визуализации и сохранить свою работу. Мы продолжим улучшать сцену при помощи света, чтобы всё выглядело эффектно. Освещение играет большую роль в том, как будет выглядеть 3D объект. Существует много способов осветить текст, но я покажу самый простой, для которого нужен всего один источник света.

Вдохновляющая золотая объёмная надпись


Чтобы добавить источник света, кликните на иконке в нижней части 3D панели и выберите пункт Новый точечный свет (New Point Light).

Вдохновляющая золотая объёмная надпись


Нужно расположить источник света в правом верхнем углу, чтобы получить диагональные тени. Выберите инструмент Перемещение (Move Tool) и включите режим вращения.

Вдохновляющая золотая объёмная надпись


В окне просмотра в нижнем левом углу экрана поверните камеру так, чтобы смотреть на текст с правого верхнего угла. Затем включите режим Slide и расположите камеру подальше от текста. Нажмите на кнопке Move to View на панели свойств, чтобы расположите источник света именно в том месте, где сейчас стоит камера. Настройки освещения мы изменим позже. Вернитесь к стандартному положению камеры и поставьте сцену на рендеринг, чтобы посмотреть, какое получится освещение. Поэкспериментируйте с настройками, чтобы получить желаемую интенсивность света.





Вдохновляющая золотая объёмная надпись


Шаг 8


Сейчас мы немного улучшим тень. Выберите точечный свет и на панели свойств включите Light Falloff. Отдалите камеру, чтобы полностью был виден источник света. Расположите белую границу так, чтобы она касалась левого нижнего угла холста. Затем расположите жёлтую границу у правого верхнего угла.

Вдохновляющая золотая объёмная надпись


До и после:

Вдохновляющая золотая объёмная надпись

Вдохновляющая золотая объёмная надпись


Шаг 9


К тексту добавьте тиснение на панели свойств во вкладке Cap.

Вдохновляющая золотая объёмная надпись

Вдохновляющая золотая объёмная надпись


Шаг 10


Выберите все слои материалов и настройте их, как показано ниже. Поверхность текста станет не такой гладкой.

Вдохновляющая золотая объёмная надпись


Шаг 11


Выберите слой Front Bevel Material и настройте, как показано на скриншоте, чтобы тиснение сильнее выделялось.

Вдохновляющая золотая объёмная надпись


Шаг 12


Чтобы надпись сияла, нужно добавить световые отражения. Для этого мы воспользуемся освещением на основе изображения (Image Based Lighting). Выберите слой Environment и на панели свойств включите IBL. Сейчас на тексте нет отражений потому, что перед ним нет источника света. Мы добавим изображение перед текстом, чтобы ему было что отражать. Вы, конечно, можете вставить какое-нибудь готовое изображение, но я решил создать своё собственное, чтобы эффект был чётким. Кликните на иконке папки и выберите пункт Новая текстура (New Texture). В Фотошопе будет создан документ для новой текстуры. Размер документа должен быть равен нашему основному документу – 1920х1200 пикселей.

Вдохновляющая золотая объёмная надпись


Кликните на иконке папки ещё раз и выберите Редактировать текстуру (Edit Texture). В открывшемся документе Вы и будете создавать отражение. Инструментом Прямоугольник (Rectangle Tool) заполните нижнюю половину холста чёрным цветом.

Вдохновляющая золотая объёмная надпись


Такой чёрно-белый узор сделает отражение слишком сильным, поэтому нужно уменьшить яркость при помощи корректирующего слоя Яркость/Контрастность (Layer – Brightness/Contrast).

Вдохновляющая золотая объёмная надпись


Шаг 13


Инструментом Перемещение (Move Tool) переместите отражение на тексте, чтобы оно стояло по центру.

Вдохновляющая золотая объёмная надпись


Шаг 14


Теперь мы займёмся стеной. Выберите материал фоновый слой на 3D панели и настройте его, как показано ниже.

Вдохновляющая золотая объёмная надпись


Создайте новую текстуру для бампинга размером 1920х1200 пикселей.

Вдохновляющая золотая объёмная надпись


Перейдите к редактированию текстуры и в открывшемся окне примените фильтр шума (Add Noise Filter): используйте настройки по умолчанию. Нажмите Ctrl + Shift + L, чтобы произвести автоматическую настройку уровней. Сохраните документ и закройте его.

Вдохновляющая золотая объёмная надпись


Понизьте значение параметра Bump до 5%, чтобы ослабить текстуру.

Вдохновляющая золотая объёмная надпись


Шаг 15


Измените любые настройки на своё усмотрение, чтобы улучшить вид текста. Я изменил интенсивность источника света на 100%, а также на слое Environment установите мягкость тени на 100%.

Вдохновляющая золотая объёмная надпись


Шаг 16


Когда Вы создаёте 3D объекты, может получиться так, что цвета будут слишком идеальными. Это можно исправить при помощи добавления киноэффекта. Создайте корректирующий слой Кривые (Layer – Curves), выберите Синий (Blue) канал и потяните нижнюю точку к вертикальному центру – это добавить синий оттенок на тени и золотой – на свечения. Затем выберите красный канал и создайте слегка S-образную кривую. Затем выберите канал RGB и измените кривую, как показано на скриншоте, чтобы повысить контрастность. Чтобы ослабить эффект, понизьте непрозрачность корректирующего слоя.

Вдохновляющая золотая объёмная надпись


До и после коррекции:

Вдохновляющая золотая объёмная надпись

Вдохновляющая золотая объёмная надпись


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



Вдохновляющая золотая объёмная надпись



PSD файл

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

написал : Антон

Отличный урок! Огромное спасибо! Очень изыскано, красиво и вдохновляюще. Очень долго искал что-то подобное по стилю оформления. Но у меня есть несколько просьб а автору. Очень намучился на 8 шаге, а именно с инструментом sport light Не могли бы Вы его более детально представить, а именно основные критерии, которые помогают более легко фиксировать внешний и внутренний круги. Мне лично пришлось пол дня с ними возиться, в конечном итоге так и не смог понять, как выставить круги таким образом, как описано в инструкции. Заранее спасибо!
С уважением,
Антон

---------------


написал : positive11

Антон,
Когда Вы создадите Новый точечный свет и включите Спад света (Light Falloff), у источника света появится два радиуса: внешний и внутренний. Вам нужно расположить их так, как показано на скриншоте. Радиусы определяются кольцами (жёлтое и белое) вокруг источника света.

---------------


написал : Рома

Спасибо за урок!! очень красиво
Подскажите пожалуста что сделять чтоби фон бил темнєе бо он у меня белий і очень светитса не видна текста, а когда поменяю цвет то после визуализации видна квадратики главного полотна
P.s. простите за плохой русский, українська - рідна)

---------------


написал : positive11

Рома, попробуйте изменить освещение или фронтальный материал (Front material). либо в конце создайте корректирующий слой Кривые и уменьшите яркость определённого участка изображения.

---------------


написал : Рома

positive11, вот что получилось
P.S. ето ищо я не делал то что ви сказали

даже фона(стена)не видно и тень не падает так как у вас, где я так напартачил)

positive11,
Спасибо! уже всьо хорошо, класний урок!)

---------------


написал : Shahito

Всем привет.
В первую очередь хочу поблагодарить за урок!
И спросить,
У меня возникает такая проблема на Шаге 13, на 12-от шаге я всё делаю как написано, и на 13-ом после того как я делаю то что пишут,
у меня появляется ещё одна не понятная тень, в чём проблема?
http://www.egraphic.ru/uploads/1423291131_user_work_text.jpg

---------------


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

Ваше Имя

Ваш E-mail

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

Введите код: