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

Обновлено: 21.11.2024

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

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

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

Как создать прозрачный фон для изображения товара в Photoshop

Шаг 1. Превратите изображение в многослойный файл

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

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

На панели «Слои» дважды щелкните фоновый слой. Появится диалоговое окно New Layer с просьбой переименовать слой. Вы можете оставить это как Слой 0 по умолчанию и нажать OK.

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

Шаг 2. Создайте свой выбор

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

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

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

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

Шаг 3. Удалите фон

После того, как вы выбрали только свой продукт, выберите инверсию, нажав SHIFT+CTRL+I (SHIFT+COMMAND+I на Mac) или выбрав «Выбрать» > «Инверсия» в раскрывающемся меню в верхней части окна приложения.

Выбрав инверсию (фон), введите BACKSPACE (DELETE на Mac). Ваш фон теперь будет прозрачным. В Photoshop прозрачный фон представлен серо-белым рисунком в шахматном порядке.

Нажмите CTRL+D (COMMAND+D на Mac), чтобы отменить выбор.

Шаг 4. Сохраните изображение в подходящем для Интернета формате

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

Лучший формат для сохранения изображения – PNG-24. Этот формат допускает несколько уровней прозрачности, а это означает, что ваше изображение никогда не будет иметь пиксельный «ореол» при размещении на фоне другого цвета. Старые прозрачные форматы файлов, такие как PNG-8 и GIF, могут создавать этот нежелательный эффект ореола, поэтому по возможности используйте формат PNG-24.

Чтобы сохранить файл в формате PNG-24 в Photoshop CC, нажмите SHIFT+ALT+CTRL+W (SHIFT+OPTION+COMMAND+W на Mac) или выберите «Файл» > «Экспорт» > «Экспортировать как…» в раскрывающемся меню на странице вверху окна приложения.

Примечание. Если вы используете более старую версию Photoshop и не видите кнопку «Экспортировать как. можно выбрать «Сохранить для Интернета» и выбрать PNG-24 в раскрывающемся меню «Набор настроек» в правой части диалогового окна.

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

В правой части диалогового окна в разделе "Размер изображения" можно настроить размеры изображения. Меньшие размеры означают меньший размер файла.Однако вы не хотите, чтобы размеры вашего изображения были меньше, чем вы хотите, чтобы они отображались на вашем веб-сайте; это создаст размытые или пиксельные изображения.

Кроме того, поскольку многие из ваших клиентов просматривают ваш продукт на дисплее Retina, рекомендуется сохранять изображение продукта в размере, на 50–100 % превышающем ожидаемый размер. Это поможет ему выглядеть четким на всех устройствах. Другими словами, если вы знаете, что ваш продукт будет отображаться с максимальной шириной 400 пикселей, вам нужно сделать его шириной не менее 600 пикселей.

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

Шаг 5. Сохраните файл

Установив нужный размер изображения, нажмите «Экспортировать все».

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

Нажмите "Сохранить".

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

Как создать прозрачный фон для логотипа в Photoshop

Логотип, который вы используете на своем веб-сайте, всегда должен иметь прозрачный фон. Таким образом, вы можете отобразить его в любом месте вашего сайта, независимо от цвета фона страницы.

Однако, если ваш логотип сохранен в формате JPG, вам потребуется удалить фон в Photoshop и повторно сохранить файл в формате PNG-24, как мы сделали для изображения продукта в приведенном выше примере. Если вам посчастливилось иметь логотип в виде векторного файла (с расширениями .AI, .EPS или .PDF), вам все равно нужно будет открыть файл в Photoshop и преобразовать его в PNG-24, чтобы он иметь веб-формат.

Шаг 1. Откройте файл логотипа в Photoshop

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

Если вы открываете файл .JPG (или другого растрового формата), файл просто откроется в Photoshop.

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

  • Обрезать до: установлено значение "Ограничивающая рамка".
  • Флажок "Сохранить пропорции" установлен.
  • Режим: установлен на цвет RGB

Нажмите "ОК".

Шаг 2. Сделайте фон прозрачным

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

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

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

Выделив весь фон, нажмите BACKSPACE (DELETE на Mac). Теперь у вас будет прозрачный фон, представленный серо-белой шахматной доской.

Шаг 3. Сохраните изображение в формате PNG в Photoshop

Выполните шаги 4 и 5, где мы сделали изображение продукта прозрачным выше, чтобы экспортировать файл в формате PNG-24. Эти шаги одинаковы независимо от того, с какого формата файла вы начали, независимо от того, был ли ваш исходный файл JPG, AI, PDF или другим форматом файла.

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

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

поиск меню

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Слои-маски

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Группы слоев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Однако это очень просто, поэтому позвольте мне показать вам, как это сделать.

Оглавление

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

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

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

Шаг 2. Уменьшите непрозрачность

В верхней части панели «Слои» вы увидите поле «Непрозрачность». Значение по умолчанию — 100%. Измените его на 0%, и слой станет прозрачным.

Бум! Тигр исчезает. Я же говорил, что это легко!

Устранение неполадок с прозрачностью

Сделать слой прозрачным очень просто, но есть один важный момент, за который люди легко зацепятся.

Посмотрите. Я выбрал слой, который хочу сделать прозрачным, но поле непрозрачности неактивно. Что мне делать?

Обратите внимание, что выбранный мной слой является фоновым. Фоновые слои работают немного иначе, чем обычный слой. Некоторые изменения запрещены.

Однако это можно обойти.

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

При двойном щелчке появится это поле.

Здесь вы можете переименовать слой и установить нулевую непрозрачность. Затем нажмите OK, и у вас будет прозрачный фон.

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

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

Делаем часть слоя прозрачной

Что делать, если вы хотите сделать прозрачной только часть слоя? Простой. Возьмите инструмент выделения и выделите область, которую хотите удалить.

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

Видишь мой выбор? Теперь просто нажмите Backspace или Delete, чтобы удалить этот раздел.

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

Что делать, если вы хотите сделать выделение полностью прозрачным, но не остальную часть фонового слоя?

Нажмите Shift + Ctrl + D или Shift + Command + D, чтобы повторно выбрать или сделать выбор еще раз. Убедитесь, что на панели «Слои» выбран фоновый слой.

Затем нажмите Backspace или Delete, чтобы удалить и эти пиксели.

Очистить как прозрачный слой? Надеюсь!

Попробуйте то, что вы узнали, и создайте свои собственные удивительные произведения искусства в Photoshop. Хотите больше уроков? У нас много! Узнайте, как повернуть слой или как сгруппировать слои, чтобы продолжить путешествие!

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

Оставить ответ

Привет!

Добро пожаловать в PhotoshopBuzz, центр ресурсов, где вы найдете все о Photoshop, от самых основных инструментов, общих практических руководств, программного обеспечения и советов по дизайну до бесплатных материалов. Узнайте больше о нас здесь.

Похожие записи

Отказ от ответственности

Photoshop — это программное обеспечение для дизайна, разработанное Adobe Inc. Этот сайт никак не поддерживается и не связан с Adobe.

Хотите поиграться с прозрачностью вашего последнего изображения?

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

Многие новички в мире редактирования фотографий задаются вопросом: как сделать изображение прозрачным?

Простой ответ — Photoshop.

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

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

Вариант 1. Сделайте слои прозрачными

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

  • Выберите слой, который хотите сделать прозрачным, нажав на вкладку «Слои» — он выглядит как свернутая страница.
  • Выберите уровень непрозрачности в поле, которое появляется в верхней части слоев. Значение по умолчанию — 100 %, но вы можете уменьшить его до 0 %.
  • Сохраните изображение как файл .PNG, чтобы сохранить прозрачность.

Вариант 2. Создание прозрачных выделений

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

Вариант 3. Создание прозрачного фона

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

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

Максимум использования прозрачных фотографий

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

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

Если вы не видите файл PNG в своих документах Photoshop, возможно, вы редактируете свое изображение в формате CMYK, а это означает, что вам нужно преобразовать его в режим RGB, чтобы вы могли сохранить его как PNG-файл. Не сохраняйте в формате JPG, так как это сведет на нет всю вашу тяжелую работу.

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

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

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

Перейти к любимому разделу:

Сделать фон темы/объекта прозрачным

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

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

Вот изображение, открытое в Photoshop:

Шаг 2. Дублируйте изображение

Нажмите CTRL + J, чтобы дублировать фоновый слой, или щелкните фоновый слой правой кнопкой мыши, выберите «дублировать слой». Мы дублируем фоновый слой, потому что в Photoshop фоновый слой не имеет прозрачности, а также дублирование слоя не повредит исходное изображение.

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

Шаг 3. Сделайте выделение с помощью инструмента быстрого выделения (W)

Теперь пришло время выбрать фон. Самый быстрый способ сделать это — использовать Quick Selection Tool (W). Вы также можете использовать другие инструменты, поэтому активируйте любой инструмент выделения и выберите белый фон.

Активируйте инструмент "Быстрое выделение" (W) и убедитесь, что на панели параметров выбран параметр "Добавить к выделению".

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

Поскольку мы все знаем, что инструмент "Быстрое выделение" (W) работает с выборкой цвета, поэтому иногда, если ваш объект имеет белый или близкий к белому цвет (например, вы видите, что мужчина в куртке серого цвета), он может выбрать эту часть. также. Причина проста, потому что серый цвет близок к белому цвету.

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

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

Нажмите на выделение, которое вы хотите исключить. Здесь вы можете увидеть результаты после исправления выделения:

Шаг 4. Удалите фон и сделайте его прозрачным

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

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

Вот результаты с чистым и аккуратным прозрачным фоном.

Если вы извлекли модель вместо фона, вы можете нажать CTRL/CMD + I, чтобы инвертировать результаты маски слоя.

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

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

Шаг 5. Сохраните изображение в прозрачном формате PNG

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

Выберите «Файл» > «Экспорт» > «Сохранить для Интернета». Появится показанное ниже диалоговое окно.

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

Вы также можете использовать PNG 24. Вы также можете сохранить изображение, выбрав «Файл» > «Сохранить как», а затем просто выбрав формат PNG, но почему я использую «Сохранить для Интернета»?

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

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

Посмотрим изображение:

Очень достойные результаты и чистый прозрачный фон.

Сделать фон логотипа прозрачным

Шаг 1. Откройте образец логотипа

Обычно логотип всегда имеет прозрачный фон. Если это не так, вы можете сделать фон логотипа прозрачным здесь. Выберите «Файл» > «Открыть» и откройте изображение логотипа, как показано ниже.

Шаг 2. Разблокируйте фоновый слой

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

Шаг 3. Сделайте фон логотипа прозрачным

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

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

Нажмите CTRL + I, чтобы инвертировать результаты маски слоя. Вы увидите, что теперь фон стал прозрачным.

Шаг 4. Делаем средние пространства прозрачными

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

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

После того, как вы активировали выделение, убедитесь, что выбрана маска слоя и установлен черный цвет переднего плана, нажав (D) на клавиатуре, затем нажмите ALT + Backspace, чтобы удалить пробелы между логотипом.

Вы также можете видеть, что мы удалили пробелы между логотипами.

Повторяйте процесс, пока не сделаете фон полностью прозрачным. Здесь вы можете видеть, что я закончил:

Шаг 5. Сохраните прозрачность и сохраните в формате PNG

Чтобы сохранить прозрачность логотипа, нам нужно сохранить изображение в формате PNG. Этот формат поможет вам добавить свой логотип в любое место без какого-либо фона.

Выберите «Файл» > «Экспорт» > «Сохранить для Интернета»:

Выберите формат PNG, чтобы сохранить его:

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

Заключение

Надеюсь, вам понравился урок, и дайте мне знать, если вам понадобится помощь. Я буду рад вам помочь. Если вам понравился урок, поделитесь им со всем миром. Не забудьте попробовать урок и удачного дня фотошопа!!

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