Создание 3D текста с помощью экшена Photoshop

В прошлом уроке мы создали два PSD-файла - файл с фоном для будущего коллажа (фон_для_текста.psd) и файл с буквами - буквы_для_3D-текста.psd. Сейчас мы будем работать со вторым файлом. На всякий случай, сделайте его резервную копию.

Итак, открываем файл буквы_для_3D-текста.psd. Обязательно удалите все слои из панели слоёв, кроме верхнего. Напоминаю, в данном документе верхний слой - это результат слияния всех видимых пикселей от всех слоёв, расположенных под ним. Для удаления слоёв зажмите клавишу Ctrl, кликните поочерёдно по слоям, которые нужно удалить и нажмите клавишу Delete:


удаление слоёв
Удаление всех слоёв, кроме верхнего, который был создан методом слияния всех видимых слоёв.

Теперь нам понадобится бесплатный экшен для создания 3D-текста, скачать его можно здесь. Этот экшен подходит для Photoshop с русскоязычным и англоязычным интерфейсом. Установите его в Photoshop, как установить экшен, рассказано здесь, кроме того, вы можете посмотреть видео, где показана работа данного экшена, в видео показана и установка экша в Photoshop.

После установки открываем панель операций (Окно --> Операции или Window --> Action), выбираем экшен, соответствующий интерфейсу Photoshop ( _ru или _en) и запускаем, нажав на соответствующую кнопку:


запуск экшена
Запуск экшена для Photoshop с русскоязычным интерфейсом.

После завершения работы экшена документ будет выглядеть примерно вот так:


работа 3D экшена
Результат применения экшена для букв.

Панель слоёв выглядит так:


панель слоёв
В панели слоёв имеются три группы слоёв и фон.

Нам не нужна тень у текста и фон, поэтому удалите группу shadow (RuGraphics.ru) и фоновый слой background. Результат:


3D
Буквы с удалённым фоном и тенью.

Теперь изменим направление освещения. Идём по вкладке главного меню Слои --> Стиль слоя --> Глобальное освещение (Layer --> Layer Style --> Global Light) и задаём Угол (Angle) 40° и Высота (Altitude) 11°:


параметры освещения
Изменение угла и высоты освещения.

Результат:


буквы
Вид текста после изменения угла и высоты освещения

Все имеющиеся в документе слои сгруппируйте в одну группу и переименуйте её в 3DTextGroup. Сохраните этот документ как итоговый_документ.psd, он и будет нашем результатом урока.

Теперь нам понадобится документ фон_для_текста.psd, сделанный в предыдущем уроке. Напоминаю, что скачать все материалы к уроку, в том числе, и этот файл, вы можете по ссылке внизу страницы.

Открываем фон_для_текста.psd, нажимаем комбинацию клавиш Ctrl+Shift+Alt+E, из всех видимых пикселей документа формируется новый слой, который будет расположен вверху стека слоёв. Переименуйте его в background. С помощью инструмента "Перемещение" (Move Tool) перетащите это слой на документ итоговый_документ.psd. Вместо перемещения можно использовать метод "копировать вставить". При активном документе фон_для_текста.psd и слое background нажмите комбинацию клавиш Ctrl+A, затем Ctrl+C, после чего перейдите на документ итоговый_документ.psd и нажмите Ctrl+V.

В панели слоёв переместите слой background под группу .3DTextGroup. Панель слоёв:


панель слоёв
Панель слоёв после вставки слоя с фоновым изображением.

Слой с фоном равен по ширине итоговому документу, но по высота слоя значительно больше. Это позволяет нам перемещать фон по высоте, тем самым выбирая вариант положения фона, который покажется наиболее подходящим. Положение фона (высоту линии горизонта) можно будет изменить и после того, как коллаж будет полностью закончен. Вот как выглядит мой документ на данный момент:


текст на фоне
3D буквы на фоне.

Создайте новый слой выше слоя background.
Возьмите инструмент "Кисть" размер задайте примерно 55 пикселей, жёсткость 0% и уменьшите её непрозрачность до 20%. Нарисуйте тень на земле, которые отбрасывают буквы. Впрочем, непрозрачность кисти можно сделать даже меньше, легче будут получаться градиентные переходы, а для прорисовки самой тёмной тени под буквами мне пришлось уменьшить диаметр:


тень под текстом
Прорисовка тени под текстом.

Далее я временно отключу видимость слоя background и слоя с тенью, чтобы он не отвлекал от деталей и сделаю временный однотонный белый фон под буквами.

Откройте в Photoshop изображение с окном (скачать отсюда, либо по ссылке внизу урока), с помощью инструмента "Прямолинейное лассо" сделайте выделение вокруг окна и инструментом "Перемещение" перетащите его на основной документ. Поместите его выше всех слоёв. С помощью "Свободного Трансформирования" измените размер и положение окна, чтобы оно подходило к букве Р:


окно в букве
Изображение окна, вставленное в основной документ.

Если внимательно посмотреть на изображение, то становится явно видно, что все предметы слишком яркие для коллажа (можно включить видимость фона с пустыней). Поэтому давайте займёмся затенением предметов.

В панели слоёв кликните по группе 3DTextGroup и добавьте корректирующий слой "Яркость/Контрастность" (Brightness/Contrast). В панели свойств слоя нажмите на копку отсечения по слою (это надо, чтобы слой действовал только на группу 3DTextGroup) и перетащите ползунок яркости влево:


затемнение
Затемнение 3D букв с помощью корректирующего слоя "Яркость/Контрастность".

Буквы стали темнее. Но окно явно не гармонирует с буквой P. Исправим это с помощью стилей слоя. Добавим к слою с окном стили "Внутренняя тень" и "Внутреннее свечение" со следующими настройками:

стили   стили

Ну вот, так гораздо лучше, окно получило некоторый объём:

окно

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

Скачать готовые PDS файлы и исходные материалы:

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Замена отражения в солнечных очках с Photoshop
В этом уроке по фотоэффектам Photoshop мы собираемся узнать, как добавить заменить отражение в стёклах солнечных очков у человека, смотрящего на что-...
Как сделать реальную тень для текста
Очень важно знать, как создать реалистичную тень в Photoshop, и это необходимо не только для фото манипуляций, но и для любого вида создания цифровых...
В этом материале я расскажу, как с помощью штатных средств программы Adobe Photoshop вырезать человека из фотографии. Конечно, такая методика...
перемещение и дублирование объектов на заданное расстояние в Photoshop
В Adobe Photoshop имеется простой и действенный способ перемещений объектов на точное расстояние. Причём мы можем не только перемещать объект по...