Уроки Работа с текстом Максим Енин 6 сентября 2010

Деревянный текст

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

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

Ресурсы:

Архив

Шаг 1. Создаем новый документ в Фотошоп (CTRL+N).

Шаг 2. Дважды кликаем по фоновому слою и жмем OK, чтобы разблокировать его. Затем правой кнопкой мышки кликаем по слою и в появившемся меню выбираем Blending Options (Параметры наложения). Как вы видите на скриншоте ниже, я применил стиль слоя Gradient Overlay (Перекрытие градиентом), использовав радиальный градиент от светло-серого к темному:

Шаг 3. Активируем Rounded Rectangle Tool (Закругленный прямоугольник) (U) с радиусом 40px (при необходимости можно увеличить этот параметр) и рисуем линию. Цвет не имеет значения.

Шаг 4. Кликаем правой кнопкой мышки по слою с фигурой и выбираем Blending Options (Параметры наложения). С помощью стиля слоя Color Overlay (Перекрытие цветом) поменяем цвет на коричневый.

Затем применяем стиль слоя Bevel & Emboss (Фаска и Тиснение).

И Drop Shadow (Тень).

Шаг 5. Жмем CTRL+T, чтобы активировать Free Transform (Свободное трансформирование) и поворачиваем фигуру. Затем жмем Enter, чтобы применить трансформацию.

Шаг 6. Импортируем в Фотошоп и перетаскиваем на рабочий документ текстуру Wooden surface. Применяем к ней Free Transform (Свободное трансформирование) (CTRL+T). Как вы можете видеть на скриншоте ниже, я уменьшил непрозрачность текстуры, чтобы правильно откорректировать ее наклон относительно прямоугольника.

Шаг 7. Активируем слой с текстурой. Зажав клавишу CTRL, кликаем по векторной маске слоя с прямоугольной фигурой на панели слоев. Затем кликаем на кнопку Add a layer mask (Добавить слой-маску) внизу панели слоев (при этом слой с текстурой обязательно должен быть активен). Скриншоты ниже помогут вам лучше понять этот шаг.

Шаг 8. Из-за наложения текстуры оказались скрыты все эффекты, которые мы применяли к прямоугольнику. Чтобы это исправить, для слоя с текстурой меняем blending mode (режим наложения) на Soft Light (Мягкий свет). Применяем фильтр Filter - Sharpen - Sharpen (Фильтр - Резкость - Резкость), чтобы детализировать текстуру дерева.

Шаг 9. Повторяем весь процесс, чтобы создать еще подобных прямоугольников для будущего текста. Для тех дощечек, которые находятся сверху, применяем более светлый коричневый цвет #d5864d.

Шаг 10. Открываем текстуру Wooden background в Фотошоп. С помощью Elliptical Marquee Tool (Овальное выделение) (M) создаем выделение вокруг шурупа.

Шаг 11. Копируем (CTRL+C) и вставляем (CTRL+V) выделенную область на рабочий документ и располагаем в месте соединения двух дощечек.

Шаг 12. Жмем SHIFT+CTRL+U, чтобы обесцветить шуруп. Затем применяем стиль слоя Bevel & Emboss (Фаска и Тиснение).

На этом мы остановимся. Используйте эту технику для создания остальных деталей текста. Теперь вы можете создать свой собственный "деревянный" текст! Удачи!

Автор: Sebastiano
 

Источник: wegraphics.net

69 тыс. 183
Печать Жалоба

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

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

Урок понравился, спасибо! Из таких дощечек можно и домик смастерить)

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

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

Не получается 7ой шаг. Объясните пожалуйста как это сделать?
У меня CS6

Деревянный текст. Спасибо.

интересный урок.

Замечательный урок - спасибо!

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

Занимательный урок.Спасибо.

Спасибо за урок. Еще раз потренировалась.

Спасибо за урок. Сразу же применила )

Классный урок. Понравился. Спасибо за перевод.

иду осваивать

Очень просто и эффектно))

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее