Уроки Работа с текстом Stark 28 января 2013

Деревянные 3D буквы в Фотошоп

Сложность урока: Легкий

В этом уроке мы создадим объёмные буквы с помощью текстур и стилей слоя. На создание такого текста меня вдохновила работа Дэвида МакЛеода (David McLeod). Данный эффект сработает только в случае использования деревянной текстуры, но Вы можете поэкспериментировать и с другими текстурами и, может быть, у Вас получится какая-нибудь уникальная надпись.

Материалы для урока:

Архив

Шаг 1

Создайте новый документ в Фотошопе и вставьте в него текстуру дерева. Назовите слой «Wood Texture». Затем инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите букву «A». Настройки шрифта показаны на скриншоте ниже. Текстовый слой назовите «Text Layer».

Шаг 2

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Перейдите на слой текстуры и нажмите Ctrl + J, чтобы скопировать выделенный участок на отдельный слой. Назовите новый слой «Wood Text».

Шаг 3

Если версия вашего редактора ниже CS5, то для создания 3D текста можно использовать маленький трюк.

Создайте 30 копий слоя «Wood Text» (Ctrl + J).

Шаг 4

Выберите слой «Wood Text copy 30», зажмите клавишу Shift и нажмите по два раза на клавишу стрелки вверх и вправо.

Выберите инструмент Перемещение (Move Tool) (V), в палитре слоёв выберите все слои «Wood Text» и на верхней панели нажмите на кнопки выравнивания центров.

Шаг 5

Объедините все слои «Wood Text» (Ctrl + E) и назовите полученный слой «3D Wood Layer». Кликните на нём дважды, чтобы открыть окно стилей и настройте так:

Тиснение (Bevel & Emboss):

Наложение цвета (Color Overlay):

Результат:

Шаг 6

Инструментом Многоугольное лассо (Polygonal Lasso Tool) (L) выделите некоторые участки буквы, как показано на скриншоте. Затем инструментом Затемнитель (Burn Tool) (O) нарисуйте тени на букве.

Шаг 7

К слою Wood Text copy 30 добавьте маску Слой > Слой-маска > Показать все (Layer > Layer Mask > Reveal All). Инструментом Лассо (Lasso Tool) (L) выделите несколько маленьких участков буквы и закрасьте их чёрным цветом на маске. Уберите выделение (Ctrl + D) и увидите эффект слезающей краски.

Шаг 8

На фронтальную часть буквы тоже нужно добавить деревянную текстуру. Для этого поместите деревянную текстуру поверх всех слоёв. Создайте для неё корректирующие слои Цветовой тон/Насыщенность (Hue/Saturation) и Яркость/Контрастность (Brightness/Contrast) с обтравочными масками (Ctrl + Alt + G) для слоя с текстурой.

Шаг 9

Применим текстуру к букве. ДЛя этого скроем лишнюю часть текстуры при помощи маски слоя, используя выделение от слоя Wood Text copy 30 (Ctrl+ клик по миниатюре слоя). Установите Режим наложения для слоя с текстурой на Перекрытие (Overlay).

Шаг 10

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

Добавьте ещё пару букв:

 

Автор: psd-dude
 

Источник: psd-dude.com

Комментарии 64

Спасибо, хороший урок, но с отражением 3D можно было поподробней.

Спасибо! Очень понравился урок

И такой вариант

Считаю, что урок не дописан. Как сделать реалистичное отражение, тоже надо было объяснить подробно, но не так как в уроке. Я справилась и сама, но не все знают, как надо правильно.

Урок- супер! Спасибо!!!

Деревянные 3D буквы. Спасибо.

Кривой перевод поставил в недоумение...

а как выделить

8 и 9 шаг очень плохо прописаны! В наброс я бы сказал, а там как раз нужна последовательность. В Целом хороший урок!

Полезный урок! Спасибо большое!

Красивый эффект, но в уроке есть ряд неточностей...

я пытался зажать shift и стрелки нажимать но результата не было

Ничего не пойму !!!!!!!!!!

СПАСИБО, хороший урок для начинающих.

Долго ломал голову из-за неточностей)) потом разобрался..спасибо за урочек :D

спасибо за полезный урок!

Спасибо за урок. Вот мои буковки.

Спасибо за перевод! Урок познавательный! Возьму на вооружение..
Я, как всегда, в своем репертуаре))

Спасибо за урок!

Спасибо за урок!

Очень интересный урок! =)

Глеб, спасибо за урок!

Еще 26
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее