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

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

Текст из слизи в Adobe Photoshop

24 ноября 2015 | Опубликовано в Уроки | 2 Комментариев »

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

 

Результат

Easy Slime Text

Исходники

1. Шрифт Double Feature font.
2. Текстура Ice Texture 4 от CageyResources.
3. Паттерн Black Mamba Pattern от Federica Pelzel.
4. Паттерны для фотошопа Of all things fleshy от halmtier.
5. Нам также понадобятся дополнительные контуры в стилях слоя, так что установите их.

Шаг 1

Создайте новый документ размером в 850 x 550 px, поместите поверх фонового слоя изображение Ice Texture 4  и масштабируйте его если нужно.

Easy Slime Text

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

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

Easy Slime Text

Color Overlay/Перекрытие цвета
Используйте цвет #bfeb8c

Easy Slime Text

Gradient Overlay/Перекрытие градиента
Используйте градиент от цвета #ffffff к #d7d7d7.

Easy Slime Text

Вот что получится в итоге:

Easy Slime Text

Шаг 2

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

Easy Slime Text

Нажмите на иконку Clip to layer/Отсечение по слою и настройте уровни как показано ниже.

Easy Slime Text

Выберите слои с текстурой и корректирующий слой и дублируйте их. Затем в меню выберите Layer > Merge Layers/Слой>Объединить слои.
Переименуйте объединенный слой в High Pass/Цветовой контраст, затем в меню выберите Filter > Other > High Pass/Фильтр>Другие>Цветовой контраст, и укажите радиус в 10 px.

Easy Slime Text

Смените для слоя High Pass режим наложения на Soft Light/Мягкий свет. Это добавит резкости текстуре.

Easy Slime Text

Шаг 3

Создайте текст, используя шрифт Double Feature. Укажите ему цвет #72a726, размер в 250 pt и Tracking/Трекинг в 25.

Easy Slime Text

Дублируйте слой и укажите копии слоя Fill/Заливку в 0, затем дублируйте этот слой еще три раза.

Easy Slime Text

Шаг 4

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

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

Используйте цвета #ccb89c и #37462c

Easy Slime Text

Contour/Контур

Easy Slime Text

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

Используйте цвет #fcffeb

Easy Slime Text

Gradient Overlay/Перекрытие градиента

Используйте градиент от #d7d7d7 к #ffffff

Easy Slime Text

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

Используйте цвет #b4cc43

Easy Slime Text

Drop Shadow/Тень

Используйте цвет #8db354

Easy Slime Text

Drop Shadow/Тень – 2

Используйте цвет #9dbe6b

Easy Slime Text

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

Easy Slime Text

Шаг 5

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

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

Цвет: #d7c8b4

Easy Slime Text

Contour/Контур

Easy Slime Text

Это добавит деталей капающим частям и краям текста.

Easy Slime Text

Шаг 6

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

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

Цвет тени: # 95c333

Easy Slime Text

Contour/Контур

Easy Slime Text

Texture/Текстура

Паттерн Black Mamba

Easy Slime Text

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

Цвет: #222221

Easy Slime Text

Это добавит текстуры слизи.

Easy Slime Text

Шаг 7

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

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

Цвет: #feffec

Easy Slime Text

Contour/Контур

Easy Slime Text

Это добавит бликов и свечения тексту.

Easy Slime Text

Шаг 8

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

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

Цвет: #f9fdb8

Easy Slime Text

Contour/Контур

Easy Slime Text

Texture/Текстура

Паттерн 6.jpg (из паттернов для фотошопа)

Easy Slime Text

Так мы добавим эффекта текучести.

Easy Slime Text

Результат

Easy Slime Text

Автор урока Rose

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

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




Комментарии

  1. Андрей
    Thumb up Thumb down 0

    Что за дополнтельные контуры?

  2. Анастасия
    Thumb up Thumb down 0

    Это не первый урок где вижу дополнительные контуры... Уже голову сломала как их себе сделать *CRAZY*

    Наверное эти уроки созданы последней версией фотошопа и там есть такая возможность...

    Если так, то можно было бы и указать вначале, чтоб люди с старой версией сюда не лезли!

    А если нет, то могли бы и написать как добавить эти ваши дополнительный контуры :( :( :(