Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

28 ноября 2017

Надвигается Новый год! Что может быть лучше ожидания чуда и праздника! А чтобы создать волшебное настроение, мы предлагаем вам принять участие в нашем конкурсе «Новогодний корпоратив».

Кликните по ссылке, чтобы узнать подробности конкурса

Создаём элегантный цветочный текст в Фотошоп

16 марта 2017 20 335 просмотров | Сложность:

Красивые широкие шрифты – вневременный тренд в дизайне. И в этом уроке вы узнаете, как создать элегантный цветочный текстовый эффект с розами. Начнем!

На создание этого эффекта меня вдохновили различные стили слоя, которые доступны на сайте GraphicRiver.

Скачать архив с материалами к уроку

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

1. Создаем быстрое выделение

Шаг 1

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

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

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

Шаг 2

Закончив с выделением цветов, нажмите кнопку Select and Mask (Выделить и маскировать) на верхней панели.

Прим. переводчика: эта кнопка появилась в версии Photoshop CC 2015.5. В старых версиях на ее месте находится кнопка Refine Edge (Уточнить край), которой вы можете воспользоваться в этом уроке, если у вас нет нужной версии программы.

Шаг 3

Устанавливаем View (Просмотр) на On Black (На черном) и увеличиваем Opacity (Непрозрачность) до 100%.

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

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

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

Шаг 4

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

Шаг 5

Дублируем (Ctrl+J) получившийся слой, кликаем правой кнопкой по маске и выбираем Apply Layer Mask (Применить слой-маску).

Шаг 6

Называем получившийся слой «Розы», сохраняем файл в формате PSD и не закрывайте его, так как мы будем пользоваться этим файлом на протяжение всего урока.

2. Создаем фон и добавляем текст

Шаг 1

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

Шаг 2

Создаем градиентную заливку, используя цвета #ffffff (слева) и #d3d3d3 (справа).

Устанавливаем Style (Стиль) на Radial (Радиальный) и Scale (Масштаб) – на 255.

Шаг 3

Пишем текст, используя шрифт Lust Script. Устанавливаем Size (Размер) на 350 pt и цвет – на #160742.

3. Добавляем цветы и корректирующие слои

Шаг 1

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

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

Шаг 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

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

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

Шаг 3

Далее переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и применяем следующие настройки:

RGB

  • Input Shadows (Тени): 20
  • Gamma (Средние тона): 0.85
  • Output Highlights (Свет): 235

Blue (Синий)

  • Output Shadows (Тени): 20

Корректирующий слой слегка затемнит картинку и добавит больше синего.

Шаг 4

Переходим Filter – Noise – Reduce Noise (Фильтр – Шум – Уменьшить шум) и применяем следующие настройки:

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

Это необязательный шаг, но с помощью этого фильтра мы добавили легкий эффект пластика на розах.

Шаг 5

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем Saturation (Насыщенность) на -5.

Шаг 6

Переходим Filter – Camera Raw (Фильтр – Camera Raw). На вкладке Basic (Основные) устанавливаем Clarity (Четкость) на 50.

4. Подгоняем цвет разных изображений

Шаг 1

Открываем фото Роза 01 и вырезаем фон с помощью маски, как мы делали это с первым снимком.

Шаг 2

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

Шаг 3

Чтобы добавить эту розу на рабочий документ, мы должны подогнать ее цвета. Это можно сделать множеством способов, но самый быстрый – воспользоваться Match Colors (Подобрать цвет).

Переходим Image – Adjustments – Match Colors (Изображение – Коррекция – Подобрать цвета).

Опускаемся к Image Statistics (Статистика изображения) и параметр Source (Источник) устанавливаем на PSD-документ с оригинальными вырезанными розами, Layer (Слой) устанавливаем на «Розы».

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

Выбрав файл-источник и слой, мы можем настроить параметры Image Options (Настройки изображения) и нажать ОК.

5. Как скопировать смарт-фильтр

Шаг 1

Добавляем новую розу на рабочий документ, называем ее «Роза 1» и конвертируем в смарт-объект.

Шаг 2

Раскрываем список фильтров слоя «Розы». Затем зажимаем клавишу Alt и перетаскиваем смарт-фильтры на слой «Роза 1».

Шаг 3

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

Не забывайте, что вы можете удалить или изменить любой смарт-фильтр.

Шаг 4

Таким же образом добавляем картинки Роза 02 и Роза 03.

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

6. Добавляем эффект погружения в глубину

Шаг 1

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

Для этого выбираем нужный слой и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу), устанавливаем Radius (Радиус) на 3.

Шаг 2

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

Шаг 3

Закончив, выше всех слоев добавляем корректирующий слой Gradient Map (Карта градиента).

Используем цвета #5d4e7c (слева), #8d6385 (по центру) и #cd9a90 (справа).

Затем активируем Dither (Дизеринг) и устанавливаем режим смешивания градиентного слоя на Soft Light (Мягкий свет).

Поздравляю, мы закончили!

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

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

Автор: Rose

Понравилось? Поделитесь с друзьями!
Источник: design.tutsplus.com Переводчик: Daewon
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
maria050504 декабря 20179

Спасибо за урок!

классно

kcanka0706 ноября 201717

Спасибо. Мне понравилось.

ruslan_krav06 ноября 201714

Спасибо ! :)

w_ewa28 октября 201715

Спасибо

irinushka749411 октября 201712

Благодарю !

Tomochka02 октября 201724

спасибо за новые идеи!

Fotinoulita30 сентября 201723

Ешё одна работа!

Fotinoulita30 сентября 201723

Спасибо за урок!

Natalia Ruzina24 сентября 201718

Спасибо за урок!)

Катя Ровеника24 сентября 201718

Спасибо!

lera_190317 сентября 201717

Спасибо! Сделала по своему

Anzhelika Tukmakova07 сентября 201718

спасибо)) я только учусь

Tima_Volkov05 сентября 201716

спасибо за урок

Anzhela Ratushna04 августа 201712

Дякую)))

elina77725 июля 201714

Интересный урок, спасибо!

kate F0124 июля 20178

Жизнь прекрасна! Yay!

спасибо

Даша *23 июля 201711

Спасибо)

khanderson09 июля 201715

Спасибо!

Рина (anonimus)03 июля 201713

Спасибо

Губина Иа27 июня 201712

Cпасибо!!

Татьяна11 июня 201726

Cпасибо.

Где взять этот шрифт??

Koshka_yuki (anonimus)09 июня 2017

Наверху написано, что у автора он платный, скачайте любой другой :)

Pr-i-n-c-e-s-s28 мая 201723

Урок очень понравился=) Спасибо!

bpermyakov09 мая 201714

Спасибо за урок!

Эда21 апреля 201712

Спасибо за урок!

matkarimovb19 апреля 20178

как то так

daydrimer2514 апреля 201711

с:

SvoeSolnyshko13 апреля 201716

Спасибо

Авторизация


Регистрация

Наверх