Уроки Работа с текстом Светлана Вересова 30 мая 2017

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

Сложность урока: Легкий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом шаге, мы будем создавать текст. Над группой "Лес", создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) выберите инструмент Прямоугольное выделение (Rectangular Marquee), в правой части холста создайте форму квадрата и залейте белым цветом. Используя инструмент Горизонтальный текст (Text), создайте надпись.

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

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

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

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

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

Примечание переводчика: Быстро выделить цветы на белом фоне можно, используя инструмент Волшебная палочка (Magic Wand). Внизу на панели слоев нажмите знак Добавить слой-маску. Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Теперь белый фон на изображении с цветами исчез. Чтобы изменить размер цветов для нашей работы, используйте инструмент Трансформация: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор:123rf

Источник: blog.123rf.com

Комментарии 88

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

Almiz, спасибо!:beaming-face-with-smiling-eyes:

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

Спасибо за урок!) Было интересно!

Волшебный урок, все просто и доступно. Спасибо автору!

Большое спасибо за урок, месяц назад впервые открыла фш и теперь не могу оторваться :)

Мотивация к чистоте!

1.5 часа и я очень доволен результатом)) Олень платный (неудержался))))

Помогите. Ничего не понял.

Спасибо за урок, было интересно.
Вот что у меня получилось (лес погружается в сумрак)))))))

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

GREEN PEACE! СПАСИБО

Чувак снизу с куриной фермой хорош)

мой вариант

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

Спасибо за урок. С Новым годом!!!

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

Спасибо за познавательный урок)

Как-то так получилось) Спасибо за урок!)

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

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее