Перекрывающийся текст с изображением в фотошопе — взгляд со всех сторон

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

Этот популярный эффект «перекрытия» существует уже много лет, и в этом уроке по Photoshop мы увидим, как простое использование слоев делает воссоздание эффекта невероятно простым! Я буду использовать Photoshop CS5 здесь, но любая версия Photoshop будет работать.

Вот фотография, которую я буду использовать для этого урока:

А вот как это будет выглядеть после добавления текста за мячом игрока:

Как перекрыть текст с изображением

Шаг 1: добавь свой текст

Выберите инструмент « Горизонтальный тип» на панели «Инструменты» или нажмите букву « Т» на клавиатуре, чтобы быстро выбрать его с помощью ярлыка:

Выбрав инструмент «Текст», выберите тип шрифта, стиль, размер и цвет на панели параметров в верхней части экрана, затем щелкните внутри окна документа и добавьте свой текст. Я собираюсь напечатать слово «Бейсбол». Я добавил несколько стилей слоя, чтобы придать своему тексту немного больше дизайна, но, конечно, внешний вид вашего текста полностью зависит от вас:

Обратите внимание, как текст в настоящее время блокирует изображение из поля зрения, и это потому, что если мы посмотрим на панель «Слои», мы увидим текстовый слой, расположенный над изображением на фоновом слое. Слой над другим слоем на панели «Слои» отображается перед слоем в окне документа:

Шаг 2: выберите фоновый слой

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

Шаг 3: выберите область, которая будет перекрывать текст

Для этого эффекта я хочу, чтобы бейсболист появлялся перед словом «Бейсбол», а это значит, что мне нужно его выбрать. Поскольку текст будет затруднять выбор нужной нам области, давайте временно ее отключим, щелкнув значок видимости слоя (глазное яблоко) в левой части текстового слоя на панели «Слои». Текст исчезнет, ​​оставив только оригинальное изображение в окне документа:

Как я уже упоминал, я хочу, чтобы бейсболист появлялся перед текстом, но так как текст блокировал только верхнюю его половину из поля зрения, нет необходимости выбирать его все. Нам нужно только выбрать область, которая будет фактически перекрывать текст. Используйте инструмент выделения вашего выбора ( Lasso Tool , Magnetic Lasso Tool , Pen Tool и т.д.) , чтобы нарисовать контур выделения вокруг области вам нужно. Здесь я выбрал область от верхней части его шлема до его талии. Я могу игнорировать остальную часть его, так как он падает ниже, где появится текст:

Шаг 4: Скопируйте выбранную область на новый слой

После выбора выделите меню « Слой» в верхней части экрана, выберите « Новый» , а затем выберите « Слой через Копирование» . Или нажмите сочетание клавиш Ctrl + J (Победа) / Command + J (Mac) на клавиатуре для быстрого вызова:

Похоже, ничего не произошло в окне документа, но если мы снова посмотрим на панель «Слои», мы увидим, что выделенная область была скопирована на новый слой («Слой 1») между текстовым слоем и фоновым слоем. Мы можем увидеть скопированную область, посмотрев на миниатюру предварительного просмотра нового слоя слева от имени слоя:

Чтобы получить лучшее представление о том, что именно было скопировано на новый слой, удерживайте нажатой клавишу «Alt» (Win) / « Option» (Mac) и щелкните значок видимости слоя для слоя 1. Это временно скрывает все слои, кроме слоя 1, в окно документа, показывающее нам, что находится на слое. В моем случае появляется только верхняя половина бейсболиста. Окружающий его рисунок шахматной доски — это способ представления прозрачности в Photoshop, означающий, что на слое больше ничего нет. Когда вы закончите, удерживайте Alt (Победа) / Option (Mac) и еще раз щелкните значок видимости слоя для Слоя 1, чтобы вернуться к обычному виду:

Шаг 5: снова включи текстовый слой

Нажмите на значок видимости текстового слоя на панели «Слои», чтобы снова включить текст в окне документа. На данный момент он все еще будет отображаться перед изображением, но мы исправим это следующим образом:

Шаг 6: перетащите слой 1 выше текстового слоя

Поскольку слой над другим слоем на панели «Слои» появляется перед слоем в окне документа, все, что нам нужно сделать, это переместить слой 1 над текстовым слоем. Нажмите «Слой 1» на панели «Слои» и перетащите его над текстовым слоем, отпустив кнопку мыши, чтобы поместить его на место. Текстовый слой должен теперь отображаться между слоем 1 и фоновым слоем:

Теперь, когда верхняя половина бейсболиста перемещена над текстовым слоем, он появляется перед текстом в окне документа: