Advertisement
  1. Design & Illustration
  2. Layer Styles
Design

Создаём Пластиковый Текст в Adobe Photoshop: 10й Юбилейный Выпуск

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop
Where Are They Now? Catching Up With Veteran Tuts+ Authors

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

Мы празднуем десять лет Envato Tuts+! Присоединяйтесь к нам, чтобы посмотреть наш самый первый урок.

В 2007 году Collis Ta'eed запустил сайт с публикации этого урока с простым стилем слоя. Десять лет спустя, Envato Tuts+ превратилось в большое сообщество, которое помогает творческим людям во всем мире.

В ознаменование юбилея этого урока мы поэтапно воссоздали его, используя новейшее программное обеспечение Adobe Creative Suite. Имейте в виду, что этому стилю десять лет, и он устарел, но мы любим поностальгировать на Envato Tuts+.

Создаём Пластиковый Стиль

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

1. Создаём Задний Фон

Создайте новый документ со следующими размерами 850 x 850 px.

Как всегда, вначале мы создадим градиент на фоновом слое. В данном случае, я использовала Радиальный градиент (Radial Gradient (G), используя два оттенка коричневого цвета. Точные цвета градиента представлены ниже:

  • Цвет переднего плана: #2f2520
  • Цвет заднего плана: #1e1916
Create the Background

2. Применяем Стили Слоя к Тексту

Шаг 1

Далее, используя красивый зелёный оттенок (#4a9c1e), напишите слово. Я написала слово "jelly", используя шрифт Gill Sans Ultra Bold. Более жирные шрифты отлично подойдут для подобного эффекта, поскольку есть хорошая возможность применить стили слоя.

Add the text

Шаг 2

Теперь щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы приступить к добавлению стилей слоя.

Вначале, добавьте стиль слоя Тень (Drop Shadow), чтобы отделить буквы от заднего фона.

Add a drop shadow

Затем добавьте стиль слоя Внутренняя тень (Inner Shadow). Позже, когда мы добавим блики, эта тень будет хорошо контрастировать с ними.

Add an inner shadow

Шаг 3

Чтобы создать блики, мы используем стиль слоя Тиснение (Bevel and Emboss). Настройки по умолчанию для стиля слоя Тиснение (Bevel and Emboss) здесь не подходят, поэтому не используйте их. Я изменила некоторые настройки, и вы поймете, что я имею в виду. Световые блики должны быть ярко-зелёного тона, чтобы они выглядели так, как будто свет отражается внутри букв.

Add a bevel and emboss layer style

Шаг 4

Далее, добавьте стиль слоя Наложение градиента (Gradient Overlay), чтобы добавить к буквам лёгкий светло-тёмный эффект.

Add a gradient overlay

А стиль слоя Обводка (Stroke) поможет выделить края.

Add a stroke layer style

3. Используем Стили Слоя с Новыми Цветами

Самая интересная вещь в этом стиле заключается в том, что вы можете изменить цвет Параметров наложения (Blending Options) для каждого текстового слоя, чтобы создать новый цвет для соответствующего текста. В данном случае, я добавила второе слово и применила к нему стиль слоя, только на этот раз, используя красный цвет.

Apply a new red layer style set

4. Завершаем Создание Пластикового Эффекта

Шаг 1

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

Control click the text layer

Далее, идём Выделение – Выделение- Сжать (Select > Modify > Contract). Используйте значение 4 px для сжатия выделенной области.

Contract the selection

Шаг 2

Теперь перейдите на Слой 1 (Layer 1). Выберите инструмент Градиент (Gradient Tool (G), установите Линейный градиент (Linear Gradient), цвета градиента от белого к прозрачному.

Потяните линейный градиент внутри выделенной области, чтобы создать градиент от белого к прозрачному.

Draw a white linear gradient

Шаг 3

Далее, выберите инструмент Овальная область (Elliptical Marquee Tool (M), чтобы создать овальное выделение. Нажмите клавишу (Delete), чтобы удалить градиент, как показано на скриншоте ниже. Это придаст только что созданным световым бликам эффект "пластичности".

Delete the highlight

Мы завершили урок!

И на этом всё! Я также повторила ту же самую технику создания световых бликов на втором слове "style".

How to Create a Plastic Jelly Layer Style
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.