Как сделать текст прозрачным в фотошопе

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

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

Создать прозрачный текст в Photoshop легко. Начните с добавления нового слоя над изображением и залейте его белым цветом. Затем добавьте свой текст. Чтобы сделать текст прозрачным, мы воспользуемся расширенными параметрами наложения Photoshop, чтобы превратить слой типографики в слой выделения. Это позволит пробить отверстия в форме букв, ведущие прямо к изображению ниже.

Шаг 1: Откройте изображение.

Начните с открытия изображения, к которому вы хотите добавить эффект прозрачности. Например, я скачал это изображение горизонта Нью-Йорка из Adobe Stock :

Шаг 2: Добавьте новый слой.

На панели «Слои» изображение находится на фоновом слое. Нажмите значок «Добавить новый слой» в нижней части панели «Слои».

Над изображением появится новый пустой слой с именем «Слой 1» .

Мы будем использовать этот слой для создания белой области вокруг текста.

Шаг 3: Залейте новый слой белым цветом.

Залейте слой белым цветом, перейдя в меню «Правка» на панели меню и выбрав «Заливка» .

В диалоговом окне «Заливка» установите для параметра «Содержимое » значение «Белый». Затем нажмите ОК.

Photoshop заполнит слой белым цветом, временно скрыв изображение от просмотра.

Шаг 4: Уменьшите непрозрачность слоя.

На панели «Слои» уменьшите непрозрачность слоя 1 до 75%.

При уменьшении непрозрачности изображение становится частично видимым, поэтому мы можем видеть добавление текста.

Шаг 5: Выберите инструмент «Текст»

На панели инструментов выберите инструмент «Текст» .

Шаг 6: Выберите шрифт

На панели параметров выберите шрифт. В примере будет использоваться шрифт Futura PT Heavy, но подойдет любой шрифт с жирным текстом.

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

Шаг 7: Установите черный цвет текста.

Прежде чем закрыть панель параметров, убедитесь, что цвет текста установлен на черный. Если нет, нажмите D на клавиатуре, чтобы сбросить настройки до значений по умолчанию.

Черный цвет позволит нам видеть текст на белом фоне, но исчезнет, ​​когда мы сделаем текст прозрачным.

Шаг 8: Добавьте текст

Щелкните внутри документа и добавьте свой текст. В примере будут введены слова НЬЮ-ЙОРК.

Для подтверждения нажмите галочку на панели параметров.

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

Шаг 9: Измените размер текста

Перейдите в меню «Правка» и выберите «Свободное преобразование» .

Photoshop окружает текст рамкой трансформации и маркерами.

Но прежде чем перетаскивать маркеры, перейдите на панель параметров и убедитесь, что выбран значок связи между полями «Ширина» и «Высота» . Это зафиксирует соотношение сторон текста при изменении размера, чтобы буквы не искажались.

Затем перетащите любую ручку, чтобы изменить размер текста.

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

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

По завершении нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять изменения и закрыть Free Transform.

Шаг 10: Измените параметры смешивания

На панели «Слои» убедитесь, что выбран текстовый слой, и щелкните значок «Эффекты слоя» (fx) в нижней части.

Затем выберите «Параметры наложения» в верхнем меню.

Откроется диалоговое окно «Стиль слоя» Photoshop , в котором установлены основные параметры наложения.

В разделе «Расширенное наложение» измените значение параметра «Выделение» с «Нет» на «Неглубокое». Это превратит текстовый слой в слой с эффектом пробивки, то есть Photoshop будет использовать форму букв, чтобы пробить слой 1 и отобразить изображение на фоновом слое.

Вы не увидите эффекта, пока не уменьшите непрозрачность заливки до 0%.

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

Прозрачным становится не только сам текст, но и область на слое 1 непосредственно под текстом, как будто текст пробит насквозь.

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

Шаг 11: Выберите слой 1.

Измените размер белой области вокруг текста так, чтобы она не закрывала все изображение.

Нажмите «Слой 1» на панели «Слои», чтобы выбрать «Слой 1».

Шаг 12: Измените размер слоя с помощью Free Transform.

Вернитесь в меню «Правка» и выберите «Свободное преобразование».

Прежде чем перетаскивать маркеры трансформации, вернитесь на панель параметров и на этот раз отсоедините поля «Ширина» и «Высота». Это позволит нам свободно перетаскивать маркеры, не беспокоясь о соотношении сторон.

Затем перетащите верхний и нижний маркеры по направлению к тексту. Когда закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре.

Шаг 13: Отрегулируйте непрозрачность слоя.

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

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

В этом примере непрозрачность будет установлена ​​на уровне 85%.

После увеличения непрозрачности окончательный результат прозрачной текстовой области должен выглядеть следующим образом.