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

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

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

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

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

Панель «Слои», показывающая изображение, обрезанное до одного слоя «Тип»

Изображение обрезается только до слоя «Текст» непосредственно под ним.

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

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

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

Освободить обтравочную маску.

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

Изображение снова видно после снятия обтравочной маски

Изображение снова видно после снятия обтравочной маски.

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

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

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

Выбор верхнего слоя типа.

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

Выделение всех типов слоев, чтобы мы могли поместить их в группу слоев

Удерживайте Shift и щелкните нижний слой Type, чтобы выделить их все.

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

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

Нажав на значок меню.

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

Выбор новой группы из слоев в меню панели «Слои»

Выбор команды «Новая группа из слоев».

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

Называя новую группу слоев «Текст» в Photoshop

Называя группу слоев.

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

Слои типа теперь находятся внутри группы слоев в Photoshop.

Слои типа теперь находятся внутри группы слоев.

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

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

Выбор фонового слоя копирования в верхней части панели «Слои»

Выбор слоя «Фоновая копия».

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

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

Нажав на значок меню панели «Слои»

Нажав на значок меню панели «Слои».

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

Выбор команды «Создать обтравочную маску» в Photoshop

Создание обтравочной маски.

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

Изображение обрезается до группы «Текстовый слой» в Photoshop.

Изображение теперь обрезается до группы слоев.

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

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

Эффект после обрезки изображения по группе слоев.

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

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

Выбор группы слоев на панели «Слои»

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

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

Щелчок по значку «Стили слоев» на панели «Слои» в Photoshop

Нажав на значок Стили слоя.

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

Выбор стиля слоя с тенями в Photoshop

Выбирая «Тень».

Настройки Drop Shadow

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

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

Настройка параметров «Тень» в диалоговом окне «Стиль слоя»

Варианты Drop Shadow.

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

Изображение в текстовом эффекте с тенью в Photoshop

Результат после добавления тени к группе слоев.

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

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

Дважды щелкнув образец цвета заливочного слоя на панели «Слои»

Дважды щелкните образец цвета заливочного слоя на панели «Слои».

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

Выбор черного цвета в палитре цветов в качестве нового цвета фона для изображения в текстовом эффекте

Изменение цвета фона с белого на черный.

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

Изображение в текстовом эффекте с черным фоном в фотошопе

Более темный фон помогает выделить изображение в словах.

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

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

Выборка цвета из изображения для использования в качестве цвета фона для изображения в текстовом эффекте

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

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

Эффект изображения в тексте в Photoshop с цветом фона, взятым из изображения

Эффект с цветом фона, взятым из изображения.

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

Выбор более темного оттенка синего цвета в палитре цветов

Взяв сэмплированный цвет и выбрав его более темный вариант.

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

Изображение в текстовом эффекте в фотошопе с темно-синим фоном

Темно-синий облегчает чтение текста.

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

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

Уменьшение непрозрачности слоя заливки «Сплошной цвет»

Уменьшение непрозрачности слоя заливки сплошным цветом.

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

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

Финальный эффект «изображение в тексте».

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!


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

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

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

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

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