Поместите изображение в несколько текстовых слоев в Photoshop

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

В предыдущем уроке мы узнали, как создать базовое

Почему это не сработало

Если мы посмотрим на слой «Фоновая копия» на панели «Слои», то увидим небольшую стрелку рядом с миниатюрой предварительного просмотра, указывающую вниз на слой «Тип» под ним (слой, содержащий слово «ПОД»). Вот как Фотошоп сообщает нам, что слой «Фоновая копия» обрезан до слоя «Тип». Но он ограничен только одним слоем типа, а не всеми тремя. Нам нужен способ обрезать изображение на всех трех слоях типа одновременно:

Освобождение обтравочной маски

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

И теперь мы снова видим изображение:

Шаг 6: Поместите слои типа в группу слоев

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

Затем, чтобы выбрать и другие слои типа, нажмите и удерживайте клавишу Shift и нажмите на нижний слой типа:

Нажмите значок меню в правом верхнем углу панели «Слои»:

Выберите New Group from Layers из меню:

В диалоговом окне «Создать группу из слоев» назовите группу «Текст» и нажмите кнопку «ОК»:

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

Шаг 7: Выберите слой «Фоновая копия»

Теперь, когда слои Type находятся внутри группы, мы можем обрезать изображение для всей группы. Нажмите на слой «Background copy», чтобы выбрать его:

Шаг 8: Создать обтравочную маску

Щелкните значок меню панели «Слои» :

А затем выберите « Создать обтравочную маску» из списка:

На этот раз Photoshop обрезает слой «Фоновая копия» не на один слой типа, а на саму группу слоев:

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

Настройка эффекта: добавление тени

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

Затем щелкните значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Выберите Drop Shadow из списка:

Настройки Drop Shadow

Откроется диалоговое окно «Стиль слоя» с параметрами «Тень». Отрегулируйте угол , расстояние и размер тени по своему вкусу. Угол задает направление источника света. Дистанция контролирует, насколько тень будет вытянута наружу от букв, а Size будет растушевать края тени. Затем отрегулируйте яркость тени с помощью ползунка непрозрачности в верхней части.

В моем случае я установлю Угол на 75 °, чтобы соответствовать углу световых лучей в воде. Затем я установлю расстояние и размер на 30 пикселей, а непрозрачность на 40%. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно:

И вот мой эффект с примененной тенью. Обратите внимание, что, поскольку мы применили тень к группе слоев, это затронет все слои типа внутри группы:

Настройка эффекта: изменение цвета фона

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

Затем выберите другой цвет в палитре цветов. Я выберу черный:

А вот как выглядит эффект на черном фоне:

Выбор цвета фона из изображения

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

И вот как этот цвет выглядит как новый фон:

Я буду использовать цвет, который выбрал, но выберу гораздо более темный оттенок:

Нажмите кнопку ОК, чтобы закрыть окно выбора цвета, и вот мой эффект с темно-синим фоном:

Настройка эффекта: добавление прозрачности на фон

Наконец, давайте рассмотрим еще один способ настройки эффекта, добавив прозрачность к цвету фона. Это позволит показать некоторые исходные изображения. Выбрав слой заливки сплошным цветом, уменьшите значение непрозрачности в правом верхнем углу панели «Слои». Чем ниже значение по умолчанию, равное 100%, тем больше вы будете видеть изображение через цвет фона. Я опущу мой до 85%:

Это позволяет просто намекать на изображение через синий фон, создавая мой последний эффект:

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