Как сделать фигуру полупрозрачной в фотошопе

Обновлено: 05.07.2024

Режим наложения слоя определяет, как его пиксели смешиваются с нижележащими пикселями изображения. С помощью режимов наложения можно создавать различные специальные эффекты.

Общая непрозрачность слоя определяет, в какой степени он скрывает или показывает слой под ним. Слой с непрозрачностью 1 % кажется почти прозрачным, тогда как слой с непрозрачностью 100 % кажется полностью непрозрачным.

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

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

Чтобы просмотреть все параметры наложения, выберите «Параметры наложения» на значке «Добавить стиль слоя» в нижней части панели «Слои».

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

Для слоев нет режима наложения "Очистить". Для изображений Lab недоступны режимы Color Dodge, Color Burn, Darken, Lighten, Difference, Exclusion, Subtract и Divide. Информацию о HDR-изображениях см. в разделе Функции, поддерживающие 32-битные HDR-изображения.

На панели «Слои» выберите параметр во всплывающем меню «Режим наложения».

Выберите «Слой» > «Стиль слоя» > «Параметры наложения», а затем выберите параметр во всплывающем меню «Режим наложения».

Примечание:

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

Описания и примеры каждого режима см. в разделе Режимы наложения.

По умолчанию слои в обтравочной маске смешиваются с нижележащими слоями с использованием режима наложения самого нижнего слоя в группе. Однако вы можете выбрать, чтобы режим наложения самого нижнего слоя применялся только к этому слою, что позволяет сохранить первоначальный вид наложения обрезанных слоев. (См. раздел Отображение слоев с помощью обтравочных масок.)

Вы также можете применить режим наложения слоя к эффектам слоя, изменяющим непрозрачные пиксели, таким как "Внутреннее свечение" или "Наложение цвета", без изменения эффектов слоя, изменяющих только прозрачные пиксели, таких как "Внешнее свечение" или "Тень".

Дважды щелкните миниатюру слоя, выберите «Параметры наложения» в меню панели «Слои» или выберите «Слой» > «Стиль слоя» > «Параметры наложения».

Чтобы просмотреть параметры наложения для текстового слоя, выберите «Слой» > «Стиль слоя» > «Параметры наложения» или выберите «Параметры наложения» с помощью кнопки «Добавить стиль слоя» в нижней части меню панели «Слои».

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

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

Расширенные параметры наложения Photoshop

Расширенные параметры наложения

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

Выберите «Маска слоя скрывает эффекты», чтобы ограничить эффекты слоя областью, определенной маской слоя.

Выберите «Эффекты скрытия векторной маски», чтобы ограничить эффекты слоя областью, заданной векторной маской.

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

Дважды щелкните миниатюру слоя.

Выберите «Слой» > «Стиль слоя» > «Параметры наложения».

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

Чтобы просмотреть параметры наложения для текстового слоя, выберите «Слой» > «Стиль слоя» > «Параметры наложения» или выберите «Параметры наложения» с помощью кнопки «Добавить стиль слоя» в нижней части меню панели «Слои».

В области «Расширенное наложение» диалогового окна «Стиль слоя» отмените выбор всех каналов, которые вы не хотите включать при наложении слоя.

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

Дважды щелкните миниатюру слоя, выберите «Слой» > «Стиль слоя» > «Параметры наложения» или выберите «Добавить стиль слоя» > «Параметры наложения» в меню панели «Слои».

Чтобы просмотреть параметры наложения для текстового слоя, выберите «Слой» > «Стиль слоя» > «Параметры наложения» или выберите «Параметры наложения» с помощью кнопки «Добавить стиль слоя» в нижней части меню панели «Слои».

В области «Расширенное наложение» диалогового окна «Стиль слоя» выберите параметр во всплывающем меню «Наложить, если».

Выберите Серый, чтобы указать диапазон наложения для всех каналов.

Выберите отдельный цветовой канал (например, красный, зеленый или синий в изображении RGB), чтобы задать смешивание в этом канале.

Используйте ползунки «Этот слой» и «Основной слой», чтобы установить диапазон яркости смешанных пикселей, измеряемый по шкале от 0 (черный) до 255 (белый). Перетащите белый ползунок, чтобы установить максимальное значение диапазона. Перетащите черный ползунок, чтобы установить минимальное значение диапазона.

Чтобы определить диапазон частично смешанных пикселей, удерживайте нажатой клавишу «Alt» (Windows) или «Option» (Mac OS) и перетащите одну половину треугольника ползунка. Два значения, которые отображаются над разделенным ползунком, указывают диапазон частичного смешивания.

При указании диапазонов смешивания учитывайте следующие рекомендации:

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

Используйте ползунки нижнего слоя, чтобы указать диапазон пикселей в нижних видимых слоях, которые будут сочетаться с окончательным изображением. Смешанные пиксели объединяются с пикселями в активном слое для создания составных пикселей, тогда как несмешанные пиксели видны через перекрывающие области активного слоя. Например, если вы перетащите черный ползунок на значение 19, пиксели со значениями яркости ниже 19 останутся несмешанными и будут видны через активный слой на конечном изображении.

Невозможно применять определенные фильтры (например, фильтр «Эффекты освещения») к слоям без пикселей. Выбор параметра «Заливка (режим) — нейтральный цвет» в диалоговом окне «Новый слой» решает эту проблему, сначала заполняя слой предустановленным нейтральным цветом. Этот невидимый нейтральный цвет назначается в соответствии с режимом наложения слоя. Если эффект не применяется, заливка нейтральным цветом не влияет на остальные слои. Параметр «Заливка нейтральным цветом» недоступен для слоев, использующих режимы «Обычный», «Растворение», «Жесткое смешение», «Оттенок», «Насыщенность», «Цвет» или «Яркость».

GCFGlobal Logo

поиск меню

Логотип Goodwill

Урок 10. Больше возможностей со слоями

Введение

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

Если вы хотите продолжить, вы можете загрузить наш файл примера.

Непрозрачность слоя

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

изображение с различными уровнями прозрачности

В этом примере используются два разных текстовых слоя и фоновый слой. Текстовый слой с горами имеет непрозрачность 100%.Этот слой полностью непрозрачен, то есть ничто под буквами не может быть просвечено. Напротив, слой с текстом в Аппалачах имеет непрозрачность 15%. Этот слой в основном прозрачен, то есть вы можете видеть сквозь буквы фонового слоя.

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

Чтобы настроить прозрачность слоя:

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

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

Попробуйте это!

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

Прозрачность фона

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

Скриншот Adobe Photoshop CC

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

Если вы следуете примеру файла, попробуйте скрыть все слои, кроме слоя Acorn. Видите шахматную доску позади желудя? Это означает, что фон полностью прозрачен. Шахматная доска фактически не будет экспортироваться при сохранении изображения; это только для обозначения прозрачности.

Скриншот Adobe Photoshop CC

Обратите внимание: если вы хотите, чтобы фон вашего изображения был прозрачным, вам нужно сохранить его в формате, поддерживающем прозрачность. Мы рекомендуем использовать формат PNG-24, который доступен в диалоговом окне «Сохранить для Web». Файлы JPEG не могут иметь прозрачный фон, поэтому все прозрачные области будут сохранены как белые.

Снимок экрана Adobe Photoshop CC

Режимы наложения

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

Если вы следуете файлу примера, выберите слой «Запись». Обратите внимание, что режим наложения установлен на Умножение. Несмотря на то, что непрозрачность слоя «Запись» установлена ​​на 100 %, этот режим наложения позволяет просвечивать бирюзовый цвет нижнего слоя.

Скриншот Adobe Photoshop CC

Чтобы изменить режим наложения, нажмите раскрывающееся меню «Режим наложения», затем выберите нужный режим. В приведенном ниже примере изменение режима наложения на Экран по-прежнему позволит просвечивать бирюзовый фон, но на этот раз вместо этого он появится в записи.

Снимок экрана Adobe Photoshop CC

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

Несмотря на то, что режимы наложения обеспечивают большую гибкость, их использование может оказаться сложным. Чтобы узнать больше о режимах наложения, просмотрите это руководство от Photo Blog Stop.

Обтравочные маски

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

Если вы следуете файлу примера, найдите маленькую стрелку рядом со слоем "Карта градиента". Это указывает на то, что была применена обтравочная маска, которая ограничивает корректирующий слой только слоем Acorn ниже.

Снимок экрана Adobe Photoshop CC

Чтобы применить обтравочную маску, нажмите и удерживайте клавишу Alt на клавиатуре (или Option на Mac), затем щелкните между нужными слоями на панели «Слои». В этом примере мы щелкаем между слоями Gradient Map и Acorn.

Снимок экрана Adobe Photoshop CC

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

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

Попробуйте это!

Откройте файл примера. Выберите слой Acorn, затем добавьте корректирующий слой Curves. Убедитесь, что к новому слою применена обтравочная маска, затем измените кривые на панели «Свойства». Обратите внимание, что корректировка кривых влияет только на слой Acorn. Затем попробуйте уменьшить непрозрачность корректирующих слоев до 70%.

Чтобы узнать больше об обтравочных масках, ознакомьтесь с этим руководством от Adobe.

Слои-маски

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

Создание маски слоя может быть немного сложным, поэтому давайте начнем с того, что уже готово. Если вы следуете файлу примера, выберите слой Acorn. Здесь мы использовали маску слоя, чтобы скрыть или замаскировать фон, чтобы желудь был единственной видимой частью слоя. Маска слоя представлена ​​​​черно-белой миниатюрой справа от значка слоя на панели «Слои». Обратите внимание, как области, видимые в окне документа, соответствуют белой области на миниатюре маски слоя.

Скриншот Adobe Photoshop CC

Важно отметить, что фон слоя Acorn на самом деле не был удален; это просто скрыто. Если бы нам когда-нибудь захотелось показать больше исходного изображения, мы могли бы отредактировать или даже удалить маску слоя.

Чтобы отредактировать маску слоя:

Чтобы лучше понять, как работают маски слоя, попробуем отредактировать маску слоя Acorn. Мы будем использовать инструмент «Кисть», поэтому, если вы никогда им не пользовались, рекомендуем просмотреть наш урок по работе с кистями.

  1. Выберите миниатюру маски слоя на панели «Слои». В нашем примере мы выберем миниатюру рядом со слоем Acorn.
  2. Затем выберите инструмент "Кисть" на панели "Инструменты" и установите для параметра ForegroundColor белый цвет.
  3. Нажмите и перетащите изображение, чтобы открыть области слоя. В этом примере мы раскрываем больше фона, добавляя белую краску к маске слоя.

Снимок экрана Adobe Photoshop CC

Чтобы получить наилучший возможный результат, вам потребуется время и тщательная работа, особенно при уточнении краев маски слоя вокруг объекта. Может оказаться полезным настроить размер, жесткость и непрозрачность инструмента «Кисть».

Чтобы создать новую маску слоя:

Теперь, когда вы знаете больше о масках слоев, вы можете попробовать создать свои собственные.

    Выберите слой, затем нажмите кнопку «Маска слоя» в нижней части панели «Слои». В нашем примере мы создадим новую маску слоя для слоя записи.

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

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

Использование масок слоя с корректирующими слоями

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

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

Чтобы удалить маску слоя:

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

Снимок экрана Adobe Photoshop CC

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

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

Группы слоев

Когда вы начинаете работать с несколькими слоями в документе, вам может быть сложно упорядочить их. К счастью, Photoshop позволяет группировать слои. Вы можете использовать группы для объединения связанных слоев, одновременного перемещения и редактирования нескольких слоев и многого другого.

Чтобы создать группу:

  1. Найдите и нажмите кнопку "Группировать" в нижней части панели "Слои".

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

Скриншот Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

Если вы используете Photoshop Elements, вы не сможете создавать новые группы. Однако вы сможете просматривать существующие группы при работе с файлами, созданными в полной версии Photoshop.

Попробуйте это!

Откройте файл примера и создайте группу. Нажмите и перетащите все текстовые слои в эту новую группу. Затем выберите группу 1 и уменьшите непрозрачность до 70%. Обратите внимание, как это меняет непрозрачность для всех слоев в группе.

Чтобы узнать больше о группах слоев, ознакомьтесь с этим руководством от Adobe.

Объединение и сведение слоев

Если вам больше не нужно редактировать определенные слои, вы можете объединить их. Есть много причин, по которым вы можете захотеть объединить определенные слои. Например, если у вас есть несколько корректирующих слоев, вы можете объединить их в один перед применением других изменений, таких как повышение резкости или уменьшение шума.

Чтобы объединить слои, выберите первый слой, нажмите и удерживайте клавишу Shift и щелкните последний слой, который нужно объединить (будут выбраны все слои между первым и последним). Затем щелкните правой кнопкой мыши слои и выберите «Объединить слои». Вы также можете выбрать слои и нажать Ctrl+E (или Command+E на Mac).

Снимок экрана Adobe Photoshop CC

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

Примечание. Обязательно щелкните правой кнопкой мыши имя слоя, а не значок слоя. В противном случае меню не появится.

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

Сведение изображения — это один из способов упростить сложный проект Photoshop. Однако важно отметить, что вам не нужно сводить изображения перед их экспортом. При сохранении проекта в виде файла JPEG или PNG все слои будут автоматически сведены, поскольку эти форматы файлов не могут иметь несколько слоев.

Попробуйте это!

Откройте файл примера. Выберите слои Gradient Map и Acorn, а затем объедините их.

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


Времена, когда Adobe Photoshop использовали только профессиональные дизайнеры, давно прошли, теперь Photoshop используют не только дизайнеры, но и любители.

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

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

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

Создание прозрачного прямоугольника в Photoshop

  • Открыть Photoshop
  • Создайте новое изображение или откройте существующее.
  • Нажмите «Слой» в верхнем меню.
  • Нажмите "Создать".
  • Выберите «Слой», чтобы создать новый.
  • Нажмите инструмент "Прямоугольная область" в левой области.
  • Создайте прямоугольник нужного размера.
  • Теперь выберите «Изменить» в верхнем меню.
  • Выберите обводку
  • Введите нужную толщину и цвет линии и выберите стиль границы прямоугольника.
  • Нажмите "ОК", чтобы создать прозрачный прямоугольник.

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

Эта историяory была первоначально написана Джейн Вайзенталь 4 июля 2021 г. и была проверена Владиславом Шериданом, управляющим редактором Splaitor, 6 августа 2021 г., в соответствии с новой Политикой качества и проверки фактов Splaitor.

Как сделать прозрачный текст в Photoshop: 4 метода, которые стоит попробовать

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

Transparent-Text-Photoshop-Tutorial-Image-14

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

Вот как это сделать:

Нарисуйте фигуру с помощью инструмента «Форма» в Photoshop. Чтобы получить доступ к инструменту формы, нажмите U на клавиатуре или найдите его на панели инструментов.

Далее выберите фигуру, которую хотите нарисовать. В этом случае я выберу инструмент прямоугольной формы, но подойдет любой вариант!

< бр />

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

Нарисуйте фигуру так, как вы хотите, чтобы она отображалась на изображении. Не беспокойтесь, если это не идеально; вы можете настроить его позже, нажав V для инструмента «Перемещение». Инструмент «Перемещение» позволяет изменить положение и размер фигуры.

Transparent-Text-Photoshop-Tutorial-Image-3

Создав фигуру, возьмите инструмент «Текст», нажав T, или найдите его на панели инструментов. Выберите шрифт, который вам нравится. Жирные шрифты, как правило, лучше подходят для этого эффекта.

Transparent-Text-Photoshop-Tutorial-Image-5

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

Transparent-Text-Photoshop-Tutorial-Image-6

После выбора текстового слоя нажмите V, чтобы получить доступ к инструменту «Перемещение» и расположите текст внутри фигуры.

Transparent-Text-Photoshop-Tutorial-Image-7

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


Откроется новое окно, и убедитесь, что вы находитесь в «Параметры наложения».

В разделе «Расширенное смешивание» установите параметр «Отклонение» на «Мелкий». Убедитесь, что параметры «Объединить обрезанные слои в группу» и «Слой с фигурами прозрачности» не отмечены флажками.

Transparent-Text-Photoshop-Tutorial-Image-9

Затем установите для параметра "Непрозрачность заливки" значение 0 % и нажмите "ОК", чтобы сохранить изменения.

Transparent-Text-Photoshop-Tutorial-Image-10

Удерживая нажатой клавишу Shift, выберите слой с текстом и фигурой на панели слоев. Нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать выделенные слои.

Переименуйте эту группу в «Прозрачный текст».

– Результат

Transparent-Text-Photoshop-Tutorial-Image-14

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

Transparent-Text-Photoshop-Tutorial-Image-21

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

Вот как это сделать:

Выберите текстовый инструмент, нажав T, или найдите текстовый инструмент на панели инструментов.


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

Transparent-Text-Photoshop-Tutorial-Image-15

Напечатав текст, дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.

На вкладке "Параметры наложения" в разделе "Расширенное наложение" уменьшите непрозрачность заливки до 0%.

Далее выберите вкладку "Обводка".

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

Установите положение «Внутри», режим наложения «Обычный» и непрозрачность 100%.

Transparent-Text-Photoshop-Tutorial-Image-19

Убедитесь, что для параметра "Тип заливки" задано значение "цвет", и выберите любой цвет для обводки.

Если вы довольны настройками обводки, нажмите "ОК", чтобы сохранить изменения.

Transparent-Text-Photoshop-Tutorial-Image-20

– Результат

Transparent-Text-Photoshop-Tutorial-Image-21

Это еще один простой способ сделать текст прозрачным в Photoshop, на этот раз с помощью обводки. Поскольку текст невидим, добавление обводки просто создает фигуру вокруг контура текста.Таким образом, у вас останется только цветной контур с прозрачным центром!

Transparent-Text-Photoshop-Tutorial-Image-29

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

Вот как это сделать:

Возьмите текстовый инструмент, нажав клавишу T, или щелкните инструмент "Текст" на панели инструментов.


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

Transparent-Text-Photoshop-Tutorial-Image-22

Написав текст, дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.


На вкладке «Параметры наложения» уменьшите непрозрачность заливки до 0 %. Это сделает ваш текст полностью невидимым.

Перейдите на вкладку Bevel and Emboss на панели стилей слоя.

Установите для параметра Стиль значение «Внутренний скос», для параметра «Техника» — значение «Гладкий», а для параметра «Направление» — значение «Вверх».

Transparent-Text-Photoshop-Tutorial-Image-24

Установите глубину от 1% до 1000%. Для лучшего эффекта я бы предложил от 85% до 250%.

Выберите размер от 1 до 25 пикселей в зависимости от того, насколько очевидным должен быть прозрачный текст.

Оставьте параметр смягчения в диапазоне от 1 до 10 пикселей.

Transparent-Text-Photoshop-Tutorial-Image-25

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

Transparent-Text-Photoshop-Tutorial-Image-26

Установите Gloss Contour так же, как показано ниже, и отметьте «Сглаживание».

Transparent-Text-Photoshop-Tutorial-Image-27

Установите для режима выделения значение «Нормальный» и выберите белый цвет. Выберите прозрачность от 30% до 50%.

Убедитесь, что режим теней установлен на «Нормальный», и выберите черный цвет. Установите прозрачность от 40% до 70%.

Нажмите "ОК", чтобы сохранить изменения и закрыть панель стилей слоя.

– Результат

Transparent-Text-Photoshop-Tutorial-Image-29

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

Transparent-Text-Photoshop-Tutorial-Image-41

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

Вот как это сделать:

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

Transparent-Text-Photoshop-Tutorial-Image-30

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

Transparent-Text-Photoshop-Tutorial-Image-31

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

Transparent-Text-Photoshop-Tutorial-Image-32

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

Transparent-Text-Photoshop-Tutorial-Image-33

После того, как ваш текст будет написан, возьмите инструмент перемещения, нажав V, и переместите его так, чтобы он соответствовал вашей фигуре. Измените масштаб текста, чтобы он выходил за пределы фигуры, как показано ниже.

Transparent-Text-Photoshop-Tutorial-Image-34

Дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.


В разделе «Параметры наложения» установите непрозрачность заливки на 0 % и установите для параметра «Отсечка» значение «Мелкий».

Transparent-Text-Photoshop-Tutorial-Image-36

Затем нажмите на вкладку обводки, чтобы добавить обводку к тексту. Установите размер, например, 5 пикселей, положение «снаружи», режим наложения «нормальный» и непрозрачность 100%.

Transparent-Text-Photoshop-Tutorial-Image-37

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

Нажмите "ОК", чтобы сохранить изменения.

Удерживая нажатой клавишу Shift, щелкните слои с фигурой и текстом, затем нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать слои. Переименуйте эту группу в «Текст нокаутирующей обводки».

– Результат

Transparent-Text-Photoshop-Tutorial-Image-41

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

Заключение

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

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

Читайте также: