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

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

Пластилиновый эффект для текста в Adobe Photoshop

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

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

 

Результат

Create a Plasticine Text Effect in Adobe Photoshop Final

Шаг 1

Создайте новый документ размером 600x 400px. В меню выберите View > Show > Grid/Просмотр>Показать>Сетка, а затем выберите View > Snap To > Grid/Просмотр>Привязать к... >Сетка. Нажмите Control + K, чтобы открыть Preferences/Установки окна и откройте вкладку Guides, Grid & Slices/Направляющие, сетка и фрагменты, и укажите параметры как на второй картинке ниже. Сетка поможет вам в работе, однако на скриншотах ниже она выключена ( Control + ‘ ), чтобы вам был лучше виден процесс. Вам же не нужно выключать сетку.

Create a Plasticine Text Effect in Adobe Photoshop 1

Шаг 2

Обратите внимание на палитру Layers/Слои, кликните по иконке с замком возле слоя с фоном, чтобы разблокировать его.

В палитре инструментов выберите в качестве первого цвета #333F44, возьмите инструмент Paint Bucket/Заливка и залейте им фон.

Create a Plasticine Text Effect in Adobe Photoshop 2

Create a Plasticine Text Effect in Adobe Photoshop 2

Шаг 3

Откройте окно Layer Style/Стиль слоя для нашего слоя, и укажите ему стили слоя показанные ниже.

Create a Plasticine Text Effect in Adobe Photoshop 3

Create a Plasticine Text Effect in Adobe Photoshop 3

Create a Plasticine Text Effect in Adobe Photoshop 3

Create a Plasticine Text Effect in Adobe Photoshop 3

Шаг 4

Возьмите инструмент Type/Текст и используйте шрифт Insaniburger Font by Insanitype.

Введите слово, которое хотите стилизовать. Укажите тексту размер 130px и цвет #000000.

Create a Plasticine Text Effect in Adobe Photoshop 4

Create a Plasticine Text Effect in Adobe Photoshop 4

Шаг 5

В палитре Layers/Слои кликните правой кнопкой по слою с текстом и выберите Convert to Smart Object/Конвертировать в смарт-объект.

В меню выберите Filter > Distort > Ripple/Фильтр>Искажение>Рябь, укажите степень искажения в 90% и настройте эффект как показано ниже. После чего нажмите кнопку OK.

Create a Plasticine Text Effect in Adobe Photoshop 5

Create a Plasticine Text Effect in Adobe Photoshop 5

Шаг 6

Откройте окно Layer Style/Стиль слоя для слоя с текстом, и укажите ему следующие стили:

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Create a Plasticine Text Effect in Adobe Photoshop 6

Шаг 7

В палитре Layers/Слои кликните по слою с текстом, удерживая Control. Так мы создадим выделение по контуру текста.

В меню выберите Select > Modify > Contract/Выделение>Модификация>Сократить. И укажите отступ а 8px.

Создайте новый слой, выберите в качестве первого цвета #FFFFFF, возьмите инструмент Paint Bucket/Заливка и залейте в новом слое выделенную область.

Нажмите Control + D, чтобы снять выделение.

Create a Plasticine Text Effect in Adobe Photoshop 7

Create a Plasticine Text Effect in Adobe Photoshop 7

Create a Plasticine Text Effect in Adobe Photoshop 7

Шаг 8

Откройте окно Layer Style/Стиль слоя для только что созданного слоя, и укажите ему следующие стили:

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Create a Plasticine Text Effect in Adobe Photoshop 8

Результат

Create a Plasticine Text Effect in Adobe Photoshop Final

Автор урока Razvan Gabriel

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

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




Комментарии

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

    Добрый день. Как можно сделать в стиле слоя несколько «внутренних свечений» как на скриншотах???

    Ответить

    Redshift Ответ:

    Thumb up Thumb down 0

    Эта функция доступна в новой версии PS CC

    Ответить

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


пять + = 10

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