Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Типографический эффект выжигания в Adobe Photoshop

12 декабря 2016 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Final Result

Исходники

Для выполнения этого урока вам понадобятся следующие файлы:

1. Фоновая текстура

Шаг 1

Создайте новый документ размером 1024 x 683px, в меню выберите File > Place Linked/Файл>Поместить связанные чтобы загрузить текстуру кожи Leather Texture.

Масштабируйте изображение под размеры документа и постарайтесь оставить самый темный нижний правый край текстуры за пределом документа.

Place the Leather Texture

Шаг 2

В меню выберите Image > Adjustments > Shadows/Highlights/Изображение>Коррекция>Тени/Света.

Нажмите кнопку Show More Options/Показать больше настроек и настройте параметры как показано на картинке ниже:

ShadowsHighlights Settings

2. Простой эффект виньетки

Шаг 1

В нижней части палитры Layers/Слои кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой заливку и выберите Gradient/Градиент.

Add a Gradient Layer

Шаг 2

Создайте градиент от прозрачного к непрозрачному цветов  #eaeaea и #816f69.

Укажите остальные настройки как показано ниже.

Gradient Fill Settings

Шаг 3

Смените Blend Mode/Режим наложения слоя с градиентом на Linear Burn/Линейный затемнитель.

Blend Mode

3. Текст

Шаг 1

Введите ваш текст, используя шрифт Big Top. Укажите ему размер в 200 pt и Tracking/Трекинг в -50.

Create the Text

Шаг 2

Укажите слою с текстом Fill/Заливку в 0%.

Layer Fill Value

Шаг 3

Дублируйте слой стекста.

Duplicate the Text Layer

4. Стили слоя для оригинального текста

Кликните дважды по оригинальному слою текста и укажите показанные ниже стили слоя с такими же параметрами как на картинках:

Шаг 1

Bevel and Emboss/Тиснение

  • Цвет тени: #675b47

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Texture/Текстура

  • Узор: Little Pluses

Texture

Шаг 4

Color Overlay/Перекрытие цвета

  • Цвет: #3f3d43

Color Overlay

Шаг 5

Drop Shadow/Тень

  • Цвет: #74838e

Drop Shadow

5. Опция Blend If/Наложить, если...

Шаг 1

Откройте вкладку Blending Options/Параметры наложения в окне Layer Style/Стили слоя.

В разделе Blend If/Наложить, если... возьмитесь за нижний белый бегунок и потяните его влево.

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

Blend If

Шаг 2

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

Blend If Sliders

Таким образом мы «защитим» светлые части текстуры от текстового эффекта.

Styled Text Layer 1

6. Стили слоя для копии текста

Дважды кликните по копии слоя с текстом, и также укажите ему следующие стили слоя со соответствующими параметрами:

Шаг 1

Bevel and Emboss/Тиснение

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Inner Shadow/Внутренняя тень:

  • Цвет: #85552f

Inner Shadow 1

Шаг 4

Нажмите иконку + возле стиля слоя Inner Shadow/Внутренняя тень, чтобы создать еще один такой же стиль слоя:

  • Цвет: #85552f

Inner Shadow 2

Шаг 5

Outer Glow/Внешнее свечение

  • Цвет: #b2b0af

Outer Glow

Шаг 6

Drop Shadow/Тень

  • Цвет: #ccdfe0

Drop Shadow 1

Шаг 7

Drop Shadow/Тень

  • Цвет: #c9c7ad

Drop Shadow 2

Результат

Final Result

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Комментарии

Оставить ответ


7 − = пять

Вставить изображение