Найти тему

Создаем эффект вырезанного текста в Фотошоп

Оглавление

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

Для выполнения этого урока, вы должны владеть базовыми знаниями Photoshop, такими как корректирующие слои и маски слоя.

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

  • Лес
  • Цветы
  • Олень

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

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

1. Создаем задний фон

Создайте новый рабочий документ 1626×1080 px и разрешением 72 пикс/дюйм в программе Photoshop. Откройте изображение леса и перетащите его в наш документ. Измените его размеры и расположите на всю ширину нашего холста: Редактирование (Edit) - Трансформирование (Transform) – Масштабирование (Scale).

Над слоем с лесом, создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло" (Soft Warming). Создайте второй Корректирующий слой Поиск цвета (Color Lookup) и установите его на “Цвета осени” (FallColors.Look) с непрозрачностью 50%.

Примечание переводчика: Корректирующий слой Поиск цвета (Color Lookup) доступен в версии Фотошоп CS6 и выше. Если у вас нет такой функции, то это шаг можно пропустить.

-2

Выше этих двух корректирующих слоев создайте новый слой Слой (Layer) - Новый слой(New Layer) (Ctrl+Shift+N) и установите Режим наложения Экран (Screen).

Используя крупную, круглую, мягкую кисть бледно-желтого цвета (#fff1c2), прокрасьте на левой стороне леса, чтобы увеличить свет.

Создайте еще один новый слой Слой (Layer) - Новый слой (New Layer) и установите режим наложения Мягкий свет (Soft Light).

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

-3
-4

Сгруппируйте все слои вместе в группу, и назовите ее "Лес".

-5

Примечание переводчика: Используя кисть светло-желтого цвета выставьте непрозрачность кисти примерно 18%, а для кисти черного цвета - 30%. Чтобы поместить слои в группу, щелкните по знаку внизу на панели слоев "Создать новую группу", в появившуюся группу перетащите нужные слои.

-6

2. Добавляем текст

Примечание переводчика: автор использует шрифт Nevis, но можно использовать и другой шрифт с толстыми буквами, например, Eras Bold ITC.

-7

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

Примечание переводчика: Внизу на панели слоев нажмите знак Добавить слой-маску.

-8

Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Наши буквы получились как бы "вырезаны" в белом прямоугольнике, и теперь можно удалить исходный текст.

-9

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

-10

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

-11
-12

Создайте новую группу "Цветы" и перетащите туда слои с цветами. Примените к группе слоев "Цветы", корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Цветовой тон/насыщенность(Hue / Saturation), и снизим насыщенность до -14. И еще один корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим яркость +5, контрастность -21.

-13
-14

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

Теперь, придадим иллюзию объема цветов. Над слоем с белым прямоугольником, но, под слоем с цветами, создадим новый слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), используя мягкую черную кисть, с нажимом (Flow) 10%, нарисуем легкие тени под цветами.

-15

Создайте новую группу, назовите ее "Текст" и переместите в нее слой с прямоугольником и тенью.

-16
-17

3. Добавляем листву

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

Еще раз используем изображения цветов, красиво разместим их под группой "Текст", изменим размер и скроем белый фон, как в шаге 2.

Примечание переводчика: Объедините слои с цветами в один: на панели слоев выделите эти слои нажатием мышки - меню Слой (Layer) -Объединить слои (Merge Down) (Ctrl+E) и примените к нему корректирующие слои Цветовой тон/насыщенность (Hue / Saturation) и Яркость/Контрастность (Brightness/Contrast) с теми же настройками, как мы делали это выше. При создании корректирующего слоя, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и настройки будут действовать только на нижележащий слой.

-18

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

Для слоя с папоротником создайте Корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Корректирующий слой Яркость/контрастность (Brightness/Contrast), и выставим яркость +20, контрастность -48

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

-19

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

-20
-21

4. Добавляем оленя

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

-22

Нарисуем тень на фигуре оленя - создадим новый слой над слоем с оленем: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), выставим режим слоя - Умножение (Multiply), используя мягкую круглую кисть, цветом (#181513), нарисуем на нижней части туловища тень.

-23

Создайте еще один слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) с режимом Перекрытие (Overlay). Используя мягкую круглую кисть белого цвета для создания бликов и черную для теней, мы добавим больше контраста и света. Сосредоточимся на рогах, глазах и краях меха.

-24
-25

Примечание переводчика: Не забудьте при создании слоев для коррекции изображений с оленем, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и прозрачность кисти выставите около 30%.

Теперь создадим слой для придания эффекта солнечного освещения. Создайте еще один слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), с режимом Мягкий свет (Soft Light). Используя мягкую круглую кисть светло-желтого цвета (#fff0b0) прокрасьте рога, спину и верхнюю часть головы оленя.

-26
-27

И последний корректирующий слой для слоя с Оленем, нам надо понизить яркость: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Яркость/Контрастность (Brightness/Contrast), и выставим яркость -30.

-28

Теперь создадим новую группу "Олень", и поместим в нее все слои с оленем, в т.ч. корректирующие.

-29
-30

5. Финальная цветокоррекция

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

Повысим контраст: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим контрастность +30.

Создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло". Создайте второй слой Поиск цвета (Color Lookup) и установите его на "Янтарный", с 20% непрозрачностью.

-31

Создайте новый слой - Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите режим наложения Мягкий свет (Soft Light), прокрасьте большой мягкой кистью в левом верхнем углу, и черной в правом нижнем. Непрозрачность (Opacity) слоя около 56%.

-32

И последний штрих - создайте корректирующий слой Карта градиента: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Карта градиента(Gradient Map) градиент от Черного до белого, непрозрачность слоя 33%.

-33
-34

Примечание переводчика: Все слои в шаге 5, не используются как обтравочные маски, а действуют на все изображение в целом. Слой с картой градиента лучше смотрится с режимом наложения Мягкий свет (Soft Light). Для тех, у кого старенький Фотошоп, и нет функции Поиск цвета (Color Lookup), можно использовать корректирующий слой Выборочная коррекция цвета- Желтый -26; +59; -7;+49, и корректирующий слой Фотофильтр - использовать цвет #ec6f00, непрозрачность слоя примерно 30%.

-35

Ну, вот мы и закончили! Желаю всем успеха!

-36

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru