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

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

Типографический эффект жидкого метала в Adobe Photoshop

5 марта 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

Исходники

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

1. Добавляем стандартные паттерны

Шаг 1

В меню выберите Edit > Presets > Preset Manager/Редактировать>Наборы>Управление наборами, выберите тип набора Patterns/Узоры в выпадающем меню.

Теперь кликните по маленькой стрелке справа, чтобы открыть еще одно выпадающее меню, выберите Nature Patterns, а затем нажмите Append/Добавить.

Load Default Patterns

Шаг 2

Откройте текстуру Metal scales seamless texture 1 в Photoshop, и в меню выберите Edit > Define Pattern/Редактировать>Определить узор. Назовите узор Metal Scales и нажмите OK.

Define Pattern

2. Указываем текстуру фону

Шаг 1

Создайте новый документ размером 1000 x 600 px. В палитре Layers/Слои кликните по иконке Create new fill or adjustment layer/Новый слой заливки или корректирующий слой и выберите тип слоя Gradient/Градиент.

Add a Gradient Adjustment Layer

Шаг 2

Создайте градиент от цвета #301e14 к #0d0909.

Настройте параметры градиента как показано ниже.

Gradient Fill Settings

Шаг 3

Разместите текстуру Texture 555 поверх слоя с градиентом и переименуйте его в BG Texture.

Смените Blend Mode/Режим наложения этого слоя на Soft Light/Мягкий свет и масштабируйте при необходимости.

The Background Texture Settings

Шаг 4

Добавьте корректирующий слой Gradient Map/Карта градиента и сделайте его обтравочной маской для слоя BG Texture. Используйте градиент, указанный ниже. Включите опцию Dither/Размыть. Укажите слою Blend Mode/Режим наложения Color/Цвет и снизьте Opacity/Непрозрачность до 75%.

Gradient Map Settings

3. Создаем текстовые слои

Шаг 1

Создайте текст, используя шрифт Skyoval. Укажите тексту цвет #7f7b78 и размер шрифта 350 pt.

Create the Text

Шаг 2

Дублируйте слой и укажите ему Fill/Заливку в 0%.

Duplicate the Text Layer

Шаг 3

Дублируйте слой с текстом дважды.

Create Another Copy Text Layer

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

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

Шаг 1

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

  • Highlight Mode/Режим подсветки. Цвет: #f3d6b7
  • Shadow Mode/Режим тени. Цвет: #7a7a7a

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Texture/Текстура:

  • Узор: Clouds/Облака

Texture

Шаг 4

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

  • Цвет: #4e9d86

Inner Shadow

Шаг 5

Inner Glow/Внутреннее свечение:

  • Цвет: используйте градиент Bronze Bz55

Inner Glow

Шаг 6

Satin/Глянец

  • Цвет: #deb7a7

Satin

Шаг 7

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

  • Цвет: #653739

Color Overlay

Шаг 8

Drop Shadow/Тень:

  • Цвет: #010101

Drop Shadow

Вот что должно получиться:

Styled Text Layer 1

5. Стили для первой копии слоя с текстом

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

Шаг 1

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

  • Highlight Mode/Режим подсветки. Цвет: #f3d6b7

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Texture/Текстура

  • Узор: Blue Daisies

Texture

Шаг 4

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

  • Цвет#a5a7cb

Inner Shadow

Шаг 5

Inner Glow/Внутреннее свечение

  • Цвет: используйте градиент stove pipe 100

Inner Glow

Вот что должно получиться на этом этапе:

Styled Text Layer 2

6. Стили для второй копии слоя с текстом

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

Шаг 1

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

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Texture/Текстура:

  • Узор: Metal Scales

Texture

Шаг 4

Inner Glow/Внутреннее свечение:

  • Цвет: #e5d2b2

Inner Glow

Шаг 5

Satin/Глянец

  • Цвет: #93c0f7

Satin

Шаг 6

Pattern Overlay/Перекрытие узора:

  • Узор: Metal Scales

Pattern Overlay

Вот что должно получиться:

Styled Text Layer 3

7. Корректируем цвета

Добавьте корректирующий слой Gradient Map/Карта градиента. Включите опцию Dither/Размыть и используйте градиент как показано ниже.

Укажите корректирующему слою Blend Mode/Режим наложения Soft Light/Мягкий свет и Opacity/Непрозрачность в 20%.

Gradient Map

Результат

Final Result

Автор урока Rose

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

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




Комментарии