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

Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Оригинальное изображение.

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

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Выберите команду «Заполнить» в меню «Правка».

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

Как сделать текст прозрачным в фотошопе
Установить содержимое на белый цвет

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

Как сделать текст прозрачным в фотошопе
Результат после окрашивания слоя в белый цвет.

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Выберите инструмент «Текст» в Photoshop.

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Нажмите на галочку.

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

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

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

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Перетащите угловые маркеры, чтобы изменить размер текста.

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

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

Как сделать текст прозрачным в фотошопе
Перетащите текст в нужное место.

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Измените Нокаут на Поверхностный.

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

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

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Выберите белый слой-заливку.

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать текст прозрачным в фотошопе
Окончательный результат.
Sign up and earn $1000 a day ⋙

Leave a Comment

Как создать эффект отражения в воде с помощью генеративной заливки в Photoshop

Как создать эффект отражения в воде с помощью генеративной заливки в Photoshop

Благодаря функции Generative Fill, работающей на основе технологии искусственного интеллекта Adobe под названием Firefly, любой желающий может добавить к своим фотографиям реалистичные эффекты отражения в воде, просто выделив область, набрав несколько слов и нажав кнопку.

Как мгновенно преобразовать черно-белые фотографии в высококонтрастные в Photoshop

Как мгновенно преобразовать черно-белые фотографии в высококонтрастные в Photoshop

В этом уроке вы узнаете, как мгновенно преобразовать высококонтрастную черно-белую фотографию в Photoshop с помощью карты градиента.

Почему Photoshop более ценен для творцов, чем Canva Pro?

Почему Photoshop более ценен для творцов, чем Canva Pro?

Простота Canva делает ее любимым инструментом для многих. С другой стороны, Photoshop не для слабонервных — у него много функций и его изучение требует много времени.

Как вставить фотографию в фигуру в Photoshop

Как вставить фотографию в фигуру в Photoshop

Фотографию можно легко поместить в любую форму: от простого прямоугольника или круга до причудливых нестандартных фигур.

Как использовать фильтр «Масляная краска» в Photoshop, чтобы превратить фотографию в картину

Как использовать фильтр «Масляная краска» в Photoshop, чтобы превратить фотографию в картину

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

Загрузите красивые обои в честь 50-летия Microsoft

Загрузите красивые обои в честь 50-летия Microsoft

Знаете ли вы, что на этой неделе Microsoft отмечает свое 50-летие?

Google Photos исправляет ошибку Magic Editor, из-за которой не сохраняются изменения

Google Photos исправляет ошибку Magic Editor, из-за которой не сохраняются изменения

В последнее время многие пользователи сообщают, что не могут сохранить свои изменения с помощью Magic Editor.

Распространенные ошибки в одежде, которые мужчины часто игнорируют

Распространенные ошибки в одежде, которые мужчины часто игнорируют

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

Как добавить Copilot в Microsoft Office 365

Как добавить Copilot в Microsoft Office 365

Copilot Pro интегрирует Copilot AI непосредственно в приложения Microsoft 365, такие как Word, PowerPoint, Excel, OneNote и Outlook.

Как создать автопортрет с помощью Midjourney

Как создать автопортрет с помощью Midjourney

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

Ожидается, что цены на 2-нм чипы резко возрастут

Ожидается, что цены на 2-нм чипы резко возрастут

Сообщается, что TSMC начала принимать заказы на 2-нм пластины в начале этого месяца, предполагаемые цены составляют до 30 000 долларов за пластину.

OpenAI готовится приобрести Windsurf — один из самых мощных в мире редакторов кода для искусственного интеллекта

OpenAI готовится приобрести Windsurf — один из самых мощных в мире редакторов кода для искусственного интеллекта

OpenAI ведет переговоры о приобретении Windsurf, ведущего в отрасли редактора кода на базе искусственного интеллекта.

5 тенденций в смартфонах, которые следует устранить

5 тенденций в смартфонах, которые следует устранить

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

Как скрыть контактную информацию в Instagram

Как скрыть контактную информацию в Instagram

По умолчанию личная контактная информация отображается в вашем профиле Instagram. Это повлияет на личную жизнь. В статье ниже вы узнаете, как скрыть контактную информацию в Instagram.

Как выйти из аккаунта Telegram удаленно

Как выйти из аккаунта Telegram удаленно

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

Последний Легендарный Мировой Код от 25.04.2025 и как использовать код для получения наград

Последний Легендарный Мировой Код от 25.04.2025 и как использовать код для получения наград

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

Что такое Google Store? Что есть в Google Store?

Что такое Google Store? Что есть в Google Store?

У Google Store интересная история.

Как удалить рекламное ПО на компьютере

Как удалить рекламное ПО на компьютере

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

Как исправить ошибку IPv4/IPv6 «Нет доступа к Интернету» в Windows

Как исправить ошибку IPv4/IPv6 «Нет доступа к Интернету» в Windows

В этом руководстве Quantrimang.com рассмотрит некоторые шаги по устранению неполадок, которые помогут вам устранить ошибку «Нет доступа к Интернету» IPv4/IPv6 и восстановить подключение к Интернету.

Nvidia ожидает, что разъемы питания RTX 5090/5080 не расплавятся благодаря новой технологии разъемов PCIe

Nvidia ожидает, что разъемы питания RTX 5090/5080 не расплавятся благодаря новой технологии разъемов PCIe

Наверняка многие еще не забыли скандал со «взрывом» линейки видеокарт Nvidia RTX 40-й серии.