7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Создаём Текст в Гангстерском Стиле в Adobe Photoshop

Scroll to top
Read Time: 4 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке я покажу вам, как создать потрясающий текстовый эффект, вдохновленный видеоигрой Grand Theft Auto. Я постараюсь кратко описать все действия, чтобы любой, кто первый раз открыл программу Photoshop, мог выполнить данный урок.

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать более сложные эффекты, как на изображении ниже, с гангстерским фото эффектом, а также текст в гангстерском стиле и при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Grand Theft 2 Photoshop Action.

Action final resultsAction final resultsAction final results

Что вам понадобится

Для создания данного эффекта, вам понадобится следующий шрифт:

1. Давайте Приступим

Вначале идём Файл – Новый (File > New), чтобы создать новый документ, с которым мы будем работать, назовите этот документ GTA Text Effect, а также установите следующие настройки, которые указаны на скриншоте ниже:

Creating new fileCreating new fileCreating new file

2. Создаём Текст

Шаг 1

В этой части урока мы создадим текст. Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T), установите шрифт Pricedown, размер шрифта 550 px, и цвет шрифта #000000. Далее, щёлкните в любом месте внутри холста, чтобы создать текстовый слой, напечатайте слово ‘grand’.

Creating text layerCreating text layerCreating text layer

Шаг 2

Теперь, используя те же самые настройки инструмента Горизонтальный текст (Horizontal Type Tool (T), щёлкните в любом месте внутри холста, чтобы создать ещё один текстовый слой, напечатайте слово ‘theft’.

Creating text layerCreating text layerCreating text layer

Шаг 3

Нам нужно создать ещё один текстовый слой. Используя те же самые настройки инструмента Горизонтальный текст (Horizontal Type Tool (T), щёлкните в любом месте внутри холста, чтобы напечатать слово ‘action’.

Creating text layerCreating text layerCreating text layer

Шаг 4

Теперь с помощью инструмента Перемещение (Move Tool (V), сдвиньте текстовые слои по вертикали и горизонтали, чтобы расположить их, как показано на скриншоте ниже:

Positioning text layersPositioning text layersPositioning text layers

Шаг 5

Находясь на слое с текстом ‘action’, удерживая клавишу (Shift), щёлкните по слою с текстом ‘grand’, чтобы одновременно выделить все текстовые слои. Далее, нажмите клавиши (Ctrl+E), чтобы создать объединённый слой из выделенных слоёв. Назовите этот слой ‘Text’.

Merging text layersMerging text layersMerging text layers

3. Создаём Текстовый Стиль GTA

Шаг 1

Щёлкните правой кнопкой мыши по слою ‘Text’ и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Далее, примените стиль слоя Наложения Цвета (Color Overlay), установите режим наложения на Нормальный (Normal), цвет наложения на #ffffff, а также уменьшите Непрозрачность (Opacity) до 100%, как показано на скриншоте ниже:

Adding layer styleAdding layer styleAdding layer style

Шаг 2

Ещё раз щёлкните правой кнопкой мыши по слою ‘Text’ и в появившемся окне, выберите опцию Растрировать слой (Rasterize layer). Далее, ещё раз щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Обводка (Stroke).  Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

Adding layer styleAdding layer styleAdding layer style

Шаг 3

Теперь идём Слой- Стиль слоя – Создать слой (Layer > Layer Style > Create Layer), чтобы создать новый слой, используя стиль слоя.

Creating new layer using layer styleCreating new layer using layer styleCreating new layer using layer style

Шаг 4

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя ‘Text’, чтобы загрузить активное выделение. Далее, перейдите на слой с обводкой текста ‘Text's Outer Stroke’, а затем идём Слой- Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection), чтобы создать слой-маску, которая скроет выделенную область слоя.

Adding layer maskAdding layer maskAdding layer mask

Шаг 5

Теперь щёлкните правой кнопкой мыши по слой-маске и в появившемся окне, выберите опцию Применить слой-маску (Apply Layer Mask). Далее, щёлкните правой кнопкой мыши по слою ‘Text’ и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

Adding layer styleAdding layer styleAdding layer style

Шаг 6

Щёлкните правой кнопкой мыши по слою с обводкой текста ‘Text's Outer Stroke’, и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Обводка (Stroke).  Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

Adding layer styleAdding layer styleAdding layer style

Шаг 7

Удерживая клавишу (Ctrl), щёлкните по слою ‘Text’, чтобы одновременно выделить оба. Далее, идём Слой- Новый – Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв, назовите эту группу ‘GTA Text’.

Creating new group from layersCreating new group from layersCreating new group from layers

Шаг 8

Нажмите клавиши (Ctrl+A), чтобы выделить полностью холст. Выберите инструмент Перемещение (Move Tool (V), а затем в панели управления данного инструмента, выберите режимы Выравнивание центров по вертикали (Align Vertical Center), а затем Выравнивание центров по горизонтали (Align Horizontal Center), чтобы выровнять текст как по вертикали, так и по горизонтали.

Aligning the-textAligning the-textAligning the-text

Мы Завершили Урок!

Поздравляю, вы справились! Вы можете увидеть итоговый результат на скриншоте ниже.

Final resultFinal resultFinal result

Если вы захотите создать более сложные эффекты, как на изображении ниже, с гангстерским фото эффектом, а также текст в гангстерском стиле и при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Grand Theft 2 Photoshop Action.

Action final resultsAction final resultsAction final results
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.