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

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

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


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

Фото бейсболиста на летучей мыши.  Изображение лицензировано от iStockphoto фотошопом Essentials.com.

Исходное изображение.

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

Бейсболист теперь появляется перед текстом.

Конечный результат.

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

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

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

Инструмент «Горизонтальный тип» в Photoshop.

Выберите инструмент «Горизонтальный тип».

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

Текст был добавлен к изображению.

Добавьте свой текст к изображению.

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

Панель «Слои» в Photoshop CS5.

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

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


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

Выбор фонового слоя на панели «Слои» в Photoshop.

Нажмите на фоновый слой, чтобы выбрать его.

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

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

Значок видимости слоя на панели «Слои» в Photoshop.

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

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

Выбор части теста на фото.

Выберите область, которая будет перекрывать текст.

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


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

Выбор нового слоя с помощью «Копировать» в меню «Слой» в Photoshop.

Перейдите в Слой> Новый> Слой через Копировать.

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

Выбранная область была скопирована на новый слой.

Выбранная область была скопирована в новый слой над фоновым слоем.

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

В окне документа отображается только содержимое слоя 1.

Удерживайте Alt (Win) / Option (Mac) и нажмите на глазное яблоко для слоя 1, чтобы отобразить только содержимое этого определенного слоя.

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

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

Снова включите текстовый слой на панели «Слои» в Photoshop.

Снова включите текстовый слой.

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


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

Перетащите слой 1 над текстовым слоем на панели «Слои».

Нажмите на слой 1 и перетащите его над текстовым слоем на панели «Слои».

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

Бейсболист теперь появляется перед текстом.

Бейсболист теперь появляется перед текстом.

И там у нас это есть! Вот так можно создать перекрывающийся текстовый эффект с изображением в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.