Как сделать прозрачный фон в фотошопе
Обновлено: 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 или другим форматом файла.
При экспорте изображения вы заметите, что размер вашего файла значительно меньше, чем у изображения товара с прозрачным фоном. Это связано с тем, что логотипы, как правило, имеют только один или два цвета, в отличие от тысяч цветов, которые существуют в изображении продукта. Таким образом, вам не нужно уменьшать пропорции изображения при сохранении файла логотипа. Сохраните размеры исходного файла, с которым вы работали, и нажмите Сохранить.
Теперь у вас есть знания, как создавать изображения для Интернета с прозрачным фоном, которые будут красиво отображаться, не замедляя работу вашего сайта.
Изолируйте свои объекты от фона, который вам не нужен, чтобы дать им нужный фон. Узнайте, как Adobe Photoshop с помощью Ала может автоматически удалять объект с фона или использовать функции «Сделай сам», чтобы сделать любой фон прозрачным, чтобы вы могли заменить его.
Привлечение внимания с удалением фона.
Если вам нужно удалить отвлекающий фон со снимков, вы можете использовать инструменты редактирования изображений, чтобы сделать его прозрачным. В фотографии товаров и графическом дизайне создание прозрачного фона позволяет разместить объект поверх цветного фона, чтобы продемонстрировать обувь, модель или даже ваш логотип или произведение искусства.
Работайте эффективнее с инструментами на базе Adobe Sensei.
Обнаружение фона и предметов с помощью искусственного интеллекта Adobe и автоматическое удаление фона на панели «Слои». Регулируемые ползунки позволяют управлять такими элементами, как контрастность, плавность по краям и затемнение.
Расширьте свой бренд.
Продемонстрируйте свой стиль и подчеркните узнаваемость бренда, используя прозрачный фон. С легкостью добавляйте отдельные темы, брендинг, логотипы и многое другое в заголовки веб-сайтов, подписи электронной почты, рекламу и многое другое.
Используйте маскирующие слои, чтобы неразрушающим образом скрывать и показывать выбранные части фона. Увеличьте область выбора (определенная область изображения, которую вы можете редактировать) или удалите любые ненужные фрагменты фона, чтобы улучшить его.
Нажимайте ползунки глобального уточнения, чтобы сгладить края с помощью растушевки, чтобы улучшить контрастность и резкость изображения. Это гарантирует, что детали ваших объектов не будут потеряны, когда вы сделаете фон прозрачным.
От фотографии продукта до веб-дизайна: иногда изображение лучше без фона. Но попытка справиться с задачей без правильных инструментов может разочаровать даже самых опытных фотографов. К счастью, последние обновления Adobe Photoshop упрощают этот процесс. Иногда для этого требуется всего несколько кликов.
Новая функция Photoshop 2020 позволяет автоматически удалять фон. В процессе используется искусственный интеллект, чтобы определить, какие части изображения оставить, а какие удалить. А.И. Однако он никогда не бывает таким опытным, как человек-редактор, и для сложных изображений может потребоваться ручное удаление фона с использованием ряда различных инструментов выделения Photoshop.
У вас нет Photoshop? Вот несколько других способов удалить фон с изображения.
Быстрый и грязный способ удалить фон в Photoshop
Photoshop 2020 поставляется с новым ярлыком для удаления фона с помощью инструмента «Выбрать тему». Ярлык не будет работать правильно каждый раз, но хорошо работает для простых изображений, а для других его можно легко улучшить. Прежде чем начать, убедитесь, что у вас установлен Photoshop 2020 версии 21.0.0 или более поздней. Если нет, сначала необходимо обновить программное обеспечение.
Начните с копирования фонового слоя, чтобы создать тип слоя, необходимый Photoshop для использования этого инструмента. Выберите всю фотографию (command + A в MacOS или Control + A в Windows), скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который только что создали.
На панели "Свойства" справа перейдите в раздел "Быстрые действия".Если вы не видите панель свойств, щелкните значок, который выглядит следующим образом:
В разделе "Быстрые действия" нажмите "Удалить фон". Вам нужно будет подождать несколько минут, пока программа найдет объект и удалит фон. После завершения программы вы должны увидеть объект на прозрачном фоне (обозначенном клетчатым узором). Если вы не видите этот прозрачный фон, убедитесь, что ваш фоновый слой скрыт.
Этот быстрый метод прекрасно подходит для одних фотографий и дает смехотворные результаты для других. Если это не работает для вас, перейдите к ручному методу ниже. Если результат близок, но не совсем идеален, нажмите на маску, которую Photoshop создал автоматически (черно-белое изображение на панели слоев). Выбрав маску, используйте белую кисть, чтобы добавить объект, и черную кисть, чтобы стереть любые части фона, которые не были удалены.
После того, как вы довольны результатами, вы можете удалить фоновый слой и сохранить файл в формате PNG, чтобы сохранить прозрачность, или в формате PSD, чтобы вернуться и внести дополнительные изменения позже.
Как удалить вручную в Photoshop
Выбор инструмента выделения Photoshop
Чтобы сделать фон прозрачным, нужно выбрать то, что вы хотите сохранить, и удалить то, что вам не нужно. Но какой из нескольких инструментов выделения Photoshop лучше всего подходит для этой задачи? Это зависит от образа. Если вы работаете с изображением на фоне с большим контрастом, например с темным объектом на светлом фоне или с одноцветным логотипом, процесс выбора немного упрощается.
В этом руководстве мы предполагаем, что вы работаете с чем-то немного более сложным, потому что, если вы можете удалить занятый фон, вы можете удалить любой фон, даже если вы работаете с белым или однотонным фоном. , вы можете сэкономить время, ознакомившись с различными инструментами выделения в Photoshop.
Инструмент «Волшебная палочка» выделит все пиксели одинакового цвета. Например, с логотипом на белом фоне все, что вам нужно сделать, это щелкнуть белую область, чтобы выбрать ее, а затем нажать «Удалить», чтобы удалить ее. Возможно, вам придется повторить это, если есть несколько участков фона, разделенных частями объекта, который вы пытаетесь вырезать.
Инструмент «Выбрать объект» использует искусственный интеллект для выбора границ объекта. Вы рисуете грубый контур, чтобы указать, какой объект, и Photoshop A.I. делает все остальное. Этот инструмент также можно использовать для удаления объекта из текущего выделения.
Инструмент прямоугольного и эллиптического выделения подойдет, если вы хотите выделить объект, представляющий собой идеальный прямоугольник или идеальный круг. Просто поместите выделение на то, что вы хотите сохранить, а затем выполните шаги 4 и 6 ниже.
Инструменты «Лассо», «Выбрать объект» и «Выбор и маска» лучше подходят для удаления более сложного фона, и в них заключается большая часть скрытой силы Photoshop. Вот основные шаги, чтобы заставить эти инструменты работать.
1. Перейти к выбору > выбрать тему
Инструмент «Выбрать тему» в Photoshop позволяет легко начать удаление фона. Выберите Выбрать > Выбрать тему. Процесс занимает несколько секунд, но затем Photoshop грубо выберет объект фотографии с помощью искусственного интеллекта. Инструмент обычно не делает это идеально, но это нормально — вы можете уточнить выбор на следующем шаге.
В качестве альтернативы, если на фотографии несколько объектов и вы хотите выбрать только один объект, вы можете использовать инструмент «Выбрать объект». В наборе инструментов выберите инструмент «Выбрать объект» (Photoshop 21.0.0 и более поздние версии), он спрятан вместе с инструментом «Волшебная палочка». Нарисуйте рамку вокруг объекта, и Photoshop выберет объект за вас. Опять же, вы можете уточнить выделение на следующем шаге, так что не беспокойтесь, если объект выбран не идеально.
Если инструмент «Выбрать объект» не работает (или вы используете более старую версию Photoshop), перейдите к следующему шагу и начните выделение с нуля.
Если инструмент "Выбрать тему" работает отлично (такое бывает!), перейдите к шагу 4.
2. Для сложных объектов используйте «Выделение» и «Маска», чтобы уточнить выделение
Скорее всего, ваш выбор не совсем идеален. Если вы работаете с объектом с четко очерченными краями, инструмент магнитного лассо, вероятно, будет самым простым путем, поэтому переходите к следующему шагу. Однако для объектов с менее определенными краями, текстурой и крайне неправильными формами инструмент «Выделение и маска» часто дает наилучшие результаты.Для объектов с обоими, например изображения камеры, используемого в этом руководстве, вы можете использовать сочетание обоих методов.
Точно настройте выделение, выбрав Выделить > Выделить и замаскировать. В окне Выделение и маска уточните выделение. Используйте инструмент «Кисть» на панели инструментов слева и выберите значок «плюс» на верхней панели инструментов, затем закрасьте все, что должно быть включено в выделение, но не включено. Или щелкните значок минуса вверху, чтобы закрасить части, которые не должны быть частью выделения. Помните, что цель состоит в том, чтобы выбрать объект, оставив невыбранным фон, который вы хотите удалить.
Если кисть выделяет слишком много, увеличьте масштаб и используйте кисть меньшего размера (рядом со значками "плюс" и "минус" вверху) и уменьшите радиус на панели инструментов свойств. Если кисть выделяет недостаточно, используйте кисть большего размера и увеличьте радиус.
Выделите как можно лучше с помощью инструмента «Выделение и маска», но не переживайте, если он еще не идеален. Обязательно ошибитесь, выбрав слишком много — если вы что-то упустите, потом будет сложнее вернуться. Нажмите "ОК", как только вы сделаете выбор как можно лучше.
Прежде чем перейти к следующему шагу, увеличьте все края и убедитесь, что вы ничего не упустили. Если да, просто снова откройте инструмент Выделение и маска и выделите эту область.
3. Превратите выделение в слой
Сохраните то, что вы уже выбрали, на новом слое, даже если он еще не совсем идеален — просто убедитесь, что вы не пропустили ничего, что должно быть выделено. Пока эти «марширующие муравьи» все еще указывают на ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выделение. Вставленное выделение автоматически отобразится как отдельный слой. Кроме того, вы также можете выбрать Слой > Создать > Слой через копирование.
На панели слоев щелкните значок глаза рядом с исходным фоновым слоем. Это позволит вам увидеть прозрачный фон, но пока не удаляйте фон.
4. Продолжите уточнение с помощью инструментов лассо и ластика
В Photoshop есть около дюжины различных инструментов выделения, и, хотя Выбрать и замаскировать хорошо работает с объектами, которые трудно выделить (например, с людьми с волосами), инструмент магнитного лассо может быть быстрее для хорошо выделенных объектов. определенные грани. Продолжайте уточнять выделение после Выделение и маска или сразу переходите к этому шагу, если вы вырезаете объект с четко определенными краями.
Выберите инструмент "Магнитное лассо". Инструменты лассо являются третьими сверху в наборе инструментов по умолчанию, но их больше одного — нажмите и удерживайте, затем выберите инструмент магнитного лассо из раскрывающегося списка (это значок с магнитом в углу). Если ваш объект имеет как четко очерченные, так и прямые края, инструмент многоугольного лассо может быть более простым выбором, но он не работает с кривыми.
Щелкните по внешнему периметру объекта, чтобы выбрать дополнительные области фона, которые нужно удалить. Магнитное лассо будет крепиться к бокам объекта, но убедитесь, что вы часто нажимаете, чтобы он не сбивался с пути. Выбрав часть фона, нажмите клавишу удаления.
Другой способ сделать это — использовать ластик на панели инструментов для удаления частей фона; это отличный способ выполнить окончательную очистку после того, как вы закончите с инструментом лассо.
5. Удалить фон
Наконец, вам нужно выбрать фоновый слой на панели «Слои». После того, как вы удалите этот слой, вы увидите только тот выбор, который вы сделали в начале. При желании вы можете добавить новый фоновый слой и весело провести время, экспериментируя с различными цветовыми схемами, эффектами, изображениями и дизайном, чтобы просмотреть, как будет выглядеть ваш выбор. Вы также можете сохранить прозрачный фон — просто оставьте все как есть и воздержитесь от добавления нового фона.
6. Сохранить как PNG
При сохранении файла Photoshop вы сможете выбрать один из нескольких различных типов файлов. Не забудьте выбрать PNG, если вам нужно сохранить прозрачность изображения. Если вы выберете другой вариант, например JPEG, имейте в виду, что вы потеряете всю прозрачность. Перейдите в меню «Файл» > «Сохранить как» и выберите PNG в раскрывающемся меню. Мы настоятельно рекомендуем всегда сохранять вторую копию в виде PSD-файла, чтобы при необходимости изменить его позже.
В этом уроке я покажу вам, как создать прозрачный фон в 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, чтобы сохранить его:
Теперь вы размещаете свой логотип там, где хотите. Взгляните на изображение ниже, чтобы увидеть, как вы можете разместить свой логотип поверх любого изображения, и у него не будет никакого фона, поскольку он теперь прозрачен.
Заключение
Надеюсь, вам понравился урок, и дайте мне знать, если вам понадобится помощь. Я буду рад вам помочь. Если вам понравился урок, поделитесь им со всем миром. Не забудьте попробовать урок и удачного дня фотошопа!!
Читайте также: