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

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

Текстовый эффект змеиной кожи в Adobe Photoshop

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

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

 

Исходники:

1. Создаем градиент для фона

Шаг 1

Создайте новый документ размером 800 x 600 пикс, и сделайте его дубликат.

Шаг 2

Двойным щелчком по дубликату (Background copy) примените эффект Gradient Overlay / Наложение Градиента со следующими параметрами:

Получится такой фоновый градиент:

2. Добавим текстуру

Шаг 1

Поместите скачанную текстуру Texture 42 поверх слоя Background copy, затем измените Blend Mode / Режим Наложения этого слоя на Soft Light /Мягкий Свет и Opacity / Непрозрачность на 75%.

Шаг 2

Добавьте изображение с текстурой Texture 630 и также измените Blend Mode / Режим Наложения этого слоя на Soft Light /Мягкий Свет.

 

Шаг 3

Добавьте картинку 6 (2) из набора Premium Blur Backgrounds bundle, о котором мы писали в самом начале, и установите Blend Mode / Режим Наложения на Multiply / Умножение.

Шаг 4

Добавьте изображение 9 из того же Premium Blur Backgrounds bundle и измените Blend Mode / Режим Наложения на Color / Цветность с непрозрачностью 20%.

 

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

Шаг 1

Создайте с помощью скачанного шрифта Ballpark Weiner любой текст и расположите его под слоем с текстурой 9 (наш предыдущий шаг).

Задайте цвет #7bb6cf и размер 150 pt.

После двойного щелчка по текстовому слою примените к нему следующие стили.

Шаг 2

Добавьте Bevel and Emboss / Тиснение со следующими параметрами:

 

Шаг 3

Добавьте Contour / Контур с параметрами, которые указаны ниже:

Шаг 4

Добавьте Texture / Текстура со следующими характеристиками:

Шаг 5

Добавьте стиль слоя Inner Shadow / Внутренняя Тень как показано ниже:

Шаг 6

Теперь добавляем Inner Glow / Внутреннее Свечение со следующими параметрами:

Шаг 7

Добавьте стиль слоя Satin /  Глянец как показано на картинке ниже:

Шаг 8

Добавьте Gradient Overlay / Наложение Градиента как показано ниже:

Шаг 9

Добавьте стиль слоя Pattern Overlay / Наложения Узора со следующими параметрами:

Шаг 10

Добавьте Drop Shadow / Тень как указано ниже:

Ну вот и все!

Ваш результат:


Автор — Rose

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




Комментарии

  1. dksjcxzl:"XSLk.
    Thumb up Thumb down 0

    В шаге 6 нет скриншота. Вышло такое (скрин внизу), что делать-то? :(

    s014.radikal.ru/i327/1606/fa/e61ec544273f.png

    Mary - Dejurka Ответ:

    Thumb up Thumb down 0

    Исправили. Все на месте)