Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Красочный Цветочный Текст в программе Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Использование красочного текста в заголовках - одна из вечных тенденций дизайна. В этом уроке, я покажу вам, как использовать простое выделение и корректирующие слои, чтобы быстро создать красивый цветочный текст. Давайте начнем!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Создаём Быстрое Выделение

Шаг 1

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

Откройте исходное изображение с розовыми розами, выберите инструмент Быстрое выделение (Quick Selection Tool), а затем в панели управления данного инструмента, выберите режим Добавить к выделенной области (Add to selection).

После этого, щёлкните по розе, а затем потяните курсор мыши, чтобы выделить розы на изображении. Вы можете удерживать клавишу (Alt), чтобы можно было вычесть из области выделения при необходимости. 

Make a Quick Selection

Шаг 2

Как только вы выделили цветы, нажмите значок Выделение и Маска (Select and Mask) в верхней панели управления. Примечание переводчика: если вы работаете в более ранней версии программы Photoshop, то используйте функцию Уточнить край (Refine edge).

Select and Mask

Шаг 3

В окне настроек, поменяйте Вид (View) На чёрном (On Black), а также увеличьте Непрозрачность (Opacity) до 100%.

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

В данном случае, значение Сгладить (Smooth) установлен на 5, а значение Сместить край (Shift Edge) на -30%. Это создаст более мягкое выделение и обеспечит, чтобы на краях не было сохранившихся фрагментов цветов.

Вы также можете поставить галочку в окошке Очистить цвета (Decontaminate Colors), чтобы уменьшить объём потока цвета, а также установите Вывод в (Output to) Новый слой со слой-маской (New Layer with Layer Mask).

Select and Mask Options

Шаг 4

Таким образом, мы создадим выделение на новом слое с помощью слой-маски. Теперь вы можете провести любую коррекцию на слой-маске при необходимости и создать даже более точное выделение.

Refine the Mask

Шаг 5

Продублируйте слой с выделенным изображением цветов, а затем щёлкните правой кнопкой мыши по маске дубликата слоя и в появившемся окне, выберите опцию Применить слой-маску (Apply Layer Mask).

Apply Layer Mask

Шаг 6

Переименуйте получившийся слой в Розы (Roses), сохраните документ в PSD формате, но не закрывайте его, т.к. мы используем его в течение урока.

Save the File

2. Создаём Задний Фон и Добавляем Текст

Шаг 1

Создайте новый документ со следующими размерами 1150 x 850 px. В нижней панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Градиент (Gradient).

Add a Gradient Fill Layer

Шаг 2

Добавьте на задний фон заливку градиента. Используйте следующие цвета градиента: #ffffff слева и #d3d3d3 справа.

Поменяйте Стиль (Style) на Радиальный (Radial), а также установите Масштаб (Scale) на 255.

Gradient Fill Settings

Шаг 3

Создайте текст, используя шрифт Lust Script. Установите размер шрифта на 350 pt, а цвет шрифта на #160742.

Create the Text

3. Добавляем Изображение и Применяем Коррекцию

Шаг 1

Расположите слой Розы (Roses) поверх слоя с текстом, далее, щёлкните правой кнопкой мыши по слою с розами и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), далее, ещё раз щёлкните правой кнопкой мыши по слою с розами и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Преобразование слоя в смарт-объект поможет нам провести коррекцию без вреда для слоя. Хотя, для более ранних версий Photoshop, нет возможности применить некоторые коррекции напрямую к смарт-объекту. В этом случае, вы можете либо растрировать слой или использовать сразу корректирующие слои.

Add the Image Layer

Шаг 2

Идём Изображение - Коррекция - Выборочная коррекция цвета (Image > Adjustments > Selective Color). Установите следующие настройки, которые указаны ниже:

Красные (Reds)

  • Голубой (Cyan): -10
  • Пурпурный (Magenta): 5
  • Жёлтый (Yellow): 10
  • Чёрный (Black): 30

Белые (Whites)

  • Голубой (Cyan): 35
  • Пурпурный (Magenta): -30
  • Чёрный (Black): -10

Нейтральные (Neutrals)

  • Голубой (Cyan): 35
  • Пурпурный (Magenta): 5
  • Жёлтый (Yellow): -50
  • Чёрный (Black): 15
Selective Color

Таким образом, мы усилили общие цвета, а также добавили немного синего цвета на затемнённые участки.

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

Introducing Blues

Шаг 3

Далее, идём Изображение - Коррекция - Уровни (Image > Adjustments > Levels). Установите следующие настройки, которые указаны ниже:

RGB

  • Входной уровень теней (Input Shadows): 20
  • Гамма (Gamma): 0.85
  • Выходной уровень света (Output Highlights): 235

Синий (Blue)

  • Выходной уровень теней (Output Shadows): 20
Levels Settings

Таким образом, мы затемнили изображение и добавили немного синих тонов.

Adjusted Levels

Шаг 4

Идём Фильтр - Шум- Уменьшить шум (Filter > Noise > Reduce Noise). Установите следующие настройки, которые указаны ниже:

  • Интенсивность (Strength): 7
  • Сохранить детали (Preserve Details): 55
  • Уменьшить шумы цветов (Sharpen Details): 15
  • Детали резкости (Sharpen Details): 15

Этот шаг является скорее выборочным шагом, хотя он придаёт нежное пластичное ощущение к розам.

Reduce Noise

Шаг 5

Идём Изображение - Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -5.

HueSaturation

Шаг 6

Далее, идём Фильтр - Фильтр Camera Raw (Filter > Camera Raw Filter), а затем в панели настроек во вкладке Основное (Basic), поменяйте значение Чёткости (Clarity) на 50.

Camera Raw Filter

4. Совмещаем Цвет Различных Изображений

Шаг 1

Откройте исходное изображение Роза 1. Примените ту же самую функцию Выделение и Маска (select and mask) к изображению розы, которую мы применяли ранее к букету роз.

Select the Rose Image

Шаг 2

Примените слой-маску, чтобы растрировать слой.

Apply the Layer Mask

Шаг 3

Чтобы добавить выделенное изображение на наш рабочий документ, необходимо совместить цвета. Это можно сделать различными способами, но самый быстрый способ в данном случае- это с помощью функции Подобрать цвет (Match Color).

Итак, идём Изображение - Коррекция - Подобрать цвет (Image > Adjustments > Match Color).

В нижней части части настроек Статистика изображения (Image Statistics), в выпадающем меню Источник (Source), выберите PSD файл с розами, который вы сохранили вначале этого урока, а также в меню Слой (Layer), выберите слой Розы (Roses).

Именно здесь, слои, которые мы растрировали улучшают совмещение, в то время как наличие слой-маски или использование оригинальных изображений может сделать процесс подбора цвета немного жёстким.

Как только вы выбрали источник и слой, вы можете перейти к Параметрам изображения (Image Options), чтобы поиграть с настройками при необходимости, а затем нажмите кнопку 'OK'.

Match Color

5. Копируем Смарт-Фильтры

Шаг 1

Добавьте откорректированное изображение розы на наш рабочий документ. Переименуйте этот слой с розой в Роза 1 (Rose 1), а затем преобразуйте в смарт-объект.

Add the Rose Image

Шаг 2

Разверните панель эффектов слоя Розы (Roses). Далее, удерживая клавишу (Alt), перетащите вкладку Смарт-Фильтры (Smart Filters) на слой Роза 1 (Rose 1). Примечание переводчика: чтобы развернуть панель эффектов, просто щёлкните по маленькому треугольнику напротив миниатюры слоя Розы (Roses).

Duplicate the Smart Filters

Шаг 3

Возможно эффект Фильтра Camera Raw будет немного слишком насыщенным для изображения розы, поэтому, перетащите вкладку с этим фильтром на значок (Delete) в нижней части панели слоёв, чтобы избавиться от этого фильтра.

При необходимости, вы можете удалить и перенастроить остальные фильтры.

Delete the Camera Raw Filter

Шаг 4

Добавьте исходные изображения Роза 2 и Роза 3 на наш рабочий документ, используя ту же самую технику.

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

Add More Roses

6. Создаём Глубину Резкости

Шаг 1

Вы можете добавить небольшие розы вокруг текста и расфокусировать их.

Для этого, перейдите на слой с розой, которую вы хотите расфокусировать, а затем идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия примерно 3.

Gaussian Blur

Шаг 2

Вы также можете добавить розы немного побольше и применить поменьше радиус Размытия по Гауссу (Gaussian Blur), чтобы усилить эффект динамики.

Add More Out of Focus Roses

Шаг 3

В заключение, добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв.

Установите следующие цвета градиента #5d4e7c слева, #8d6385 в середине и #cd9a90 справа.

Далее, поставьте галочку в окошке Дизеринг (Dither), а также поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Мягкий свет (Soft Light).

Gradient Map

Поздравляю! Мы завершили урок!

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

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

Final Result
Advertisement
Advertisement
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.