Фотошоп прозрачность слоя: Как сделать слой прозрачным в photoshop
Как сделать прозрачность в Фотошопе?
Друзья, приветствую вас на WiFiGid! В этой статье мы обсудим все возможны варианты сделать прозрачность в Фотошопе. Но рассмотрим только те методы, которые реально применяют каждый день в своей работе. В особые бесполезные дебри лезть не будет. Тот кто искал 101 способ сделать это – в пролете. Только то, что можно выучить с пользой.
А если вдруг остались какие-то вопросы или советы – напишите их в комментариях. Всем от этого станет только лучше
Содержание
- Вариант 1 – Удалить стандартный белый фон
- Вариант 2 – Прозрачность слоя
- Вариант 3 – Скрыть слой
- Вариант 4 – Непрозрачность инструментов
- Вариант 5 – Делаем часть изображения прозрачной
- Вариант 6 – Сохранение прозрачного файла
- Видео по теме
- Задать вопрос автору статьи
Вариант 1 – Удалить стандартный белый фон
Такую подготовку нужно проделать и перед другими вариантами ниже в этой статье.
Поэтому будем ее считать настройкой по умолчанию. Просто сделайте так, а уже потом переходите к следующим вариантам.
Поэтому будем ее считать настройкой по умолчанию. Просто сделайте так, а уже потом переходите к следующим вариантам.Когда вы только создаете файл в Photoshop, обычно он состоит из одного белого слоя. Для прозрачности всего файла, его нужно как-то удалить. Показываю, как это можно сделать.
- Смотрим на вкладку слоев. Там есть только один наш белый фон с замочком. Щелкаем прямо по этому замочку.
- Теперь создадим один пустой слой. Для этого просто щелкаем вот по этой иконке плюсика.
- Слой разблокировался. Теперь его можно и удалить. Просто перетягиваем весь белый слой на этой панели на иконку корзины (слой, который мы создали на прошлом шаге, нужно оставить).
- У нас остался только один слой, а основное изображение превратилось в «шашечки». Теперь сюда можно накидывать любые другие изображения, но основа будет прозрачной.
А если сейчас сохранить этот слой в PNG, то мы получим просто полностью прозрачную картинку.
Вариант 2 – Прозрачность слоя
Теперь переходим к стандартным вариантам, когда нужно повысить прозрачность конкретного слоя. Особенно актуально для каких-то однотонных заливок, которые мы хотим наложить поверх основного изображения. Но тут уже все на вашей фантазии.
- На панели слоев выделяем нужный слой, для которого мы хотим увеличить прозрачность.
- Изменяем значение «Непрозрачность» здесь же. Вы тут же увидите, как меняется прозрачность слоя.
Обратите внимание на параметр «Заливка» ниже. Его изменение в вашем случае скорее всего приведет к точно такому же эффекту.
Вариант 3 – Скрыть слой
Сразу же показываю, как можно вообще полностью сделать слой прозрачным, чтобы его не было видно. Некоторые такое скрытие называют именно прозрачностью (хоть это и в корне неправильно), поэтому вынужден добавить и такой вариант.
Все просто – для нужного слоя на панели слоев щелкаем по значку «глазика», и весь слой скрывается.
Если нужно наоборот вернуть – щелкаем повторно.Вариант 4 – Непрозрачность инструментов
Просто нужно помнить, что многие стандартные инструменты тоже под капотом имеют отдельную настройку непрозрачности. Т.е. вместо того, что сразу рубить с плеча и управлять непрозрачностью на целом слое, можно просто включить ее для какого-то инструмента. Сам нередко использую ее для Заливки и Кисти.
И то же самое можно назначить для любой точки в градиенте. Но эти эксперименты уже оставляю на вас.
Вариант 5 – Делаем часть изображения прозрачной
Самая частая задача с прозрачностью – вырезать какой-то объект от общей картинки и сохранить только его на прозрачном фоне. Эта задача немного выходит за рамки нашей статьи, так как напрямую связана с выделением.
Но у нас вы можете прочитать самую полную статью по способам выделения в Photoshop.
И еще отличная статья по замене фона в Photoshop.
Нам она интересна с точки зрения выделения какого-то фона для его дальнейшего удаления.И привожу примерный алгоритм, если знаете как все выделять:
- Выделяем нужный объект на фото.
- Нажимаем Ctrl + Shift + I (ну или «Выделение – Инвертировать»).
- Если находитесь на правильном слое и он разблокирован – нажимаем кнопку Delete. При условии, что ранее белый фон вы убрали, все должно почиститься.
Ну и больше тут ничего не придумать. Выделили любым способом лишнее и удалили это. А дальше дело техники.
Вариант 6 – Сохранение прозрачного файла
Полная статья по сохранению изображений во всех форматах в Фотошопе.
Когда вы уже сделали по прошлым вариантам изображение с прозрачным фоном, осталось дело за малым – нужно сохранить его в обычный файл.
Правильный формат – PNG. Можно сохранить в GIF, но он предназначен для другого.
JPG не сохраняет прозрачные изображения и заливает их белым.Так как эта функция очень частая, ее вынесли в отдельное место:
«Файл – Экспортировать – Быстрый экспорт в PNG»
Можете для этого же использовать обычные «Сохранить как» или «Экспортировать – Экспортировать как», но на практике быстрее сделать все через озвученный мною вариант.
Видео по теме
Фотошоп | Прозрачность слоя
Говорить о прозрачности слоя стоит в двух направлениях:
- Прозрачность содержимого слоя
- Непрозрачность слоя на панели «Слои»
Они разные и служат разным задачам.
Прозрачность содержимого слоя
Идея послойного разделения элементов изображения появилась тогда, когда дизайнеры поняли, что удобнее всего иметь очищенные элементы изображений, которые можно спокойно передвигать по рабочему пространству документа, добиваясь необходимого эффекта композиции.
Пример из жизни
Вы фотографируете товары для интернет-магазинов. Товары имеют разные размеры, цвета, глянцевость поверхности и т.д..
Такая фотосъёмка выполняется «на потоке» — выставляется базовый свет, определяется единственное место для штатива и направление объектива. Далее меняются товары один за другим на заранее очерченной площади.
Спешка будет 100% т. к. в таком процессе участвует немалое количество людей (одни везут товар со склада, другие распаковывают, третьи устанавливают). Представьте, что вам нужно отснять 3000 товаров. Это значит, что вы не будете менять положение фотоаппарата для удачной композиции и оцентровки. Значит все фото будут кадрироваться по итогу.
Современные матрицы фотоаппаратов позволяют получать высокое разрешение конечных снимков. После кадрирования качество не пострадает.
Стандартная обработка
И вот у вас на руках куча кадрированных фото с разными задними фонами. То нога ассистентов попадёт в кадр, то появятся лишние тени, то забудут убрать товар на заднем плане. Всё это будет обтравливаться (обрезаться до пустоты), чтобы потом наложить на чистый белый фон (самый распространённый фон для товаров интернет-магазинов).
И вот тут в игру вступают слои с прозрачным содержимым. Вы подготавливаете шаблон для сохранения готовых красивых результатов товаров — создаёте несколько фоновых слоёв с полной заливкой (чёрный, белый, серый, градиентный).
Дальше вы кидаете в шаблон все обтравленные фото товаров. Каждый товар упадёт на свой собственный слой. Поочерёдно отключая видимость слоёв, вы будете сохранять каждое фото товара. И в нём уже не будет лишних элементов т. к. обтравленный товар имеет вокруг себя прозрачное содержимое (или не имеет графической информации).
Задание заказчика
Вы всё сделаете «по-красоте», получите денежки и вдруг от заказчика прилетит новое задание:
«А сделай-ка ты мне так, чтобы вся линейка шампуней и чистящих средств была на одном фото. Чтобы сохранялись пропорции и размеры. Чтобы сзади был чистейший альпийский луг. Чтобы на переднем плане красовались три воздушных одуванчика. И самое главное, чтобы это можно было напечатать без потери качества на рекламных щитах размером 15 на 7,5 метра.»
Очевидно, что вы не сможете добиться такой реалистичности одним кадром фотоаппарата. Вам придётся кидать 58 единиц косметических средств на отдельные слои. Затем вы будете двигать непрозрачное содержимое этих слоёв в нужных вам последовательностях. Но вы будете знать, что каждый элемент композиции будет иметь прозрачное пространство вокруг себя внутри своего слоя.
Непрозрачность слоя на панели «Слои»
Вторым направлением в понимании прозрачности слоёв выступает параметр «Непрозрачность» на панели.
Он имеет процентные единицы измерения:
100% — означает, что слой непрозрачен и его содержимое отображается максимально.
0% — означает что слой полностью прозрачен и его содержимое не видно на монтажной области
Параметр может применяться для облегчения восприятия некоторых элементов в многослойных конструкциях, для эффектов зеркалирования или частичного отражения поверхности, для временного использования при корректировки других слоёв.
Вопросы пользователей
Как сделать полу-прозрачный слой?
Поделись страницей. Расскажи обо мне.
Как сделать слой прозрачным в Photoshop (Краткое руководство)
Как мне это увидеть?
При работе с документами Photoshop вы можете столкнуться с ситуациями, когда вам нужно сделать слой прозрачным.
Привет! Меня зовут Кара, и как фотограф я часто использую Photoshop для обработки изображений. Иногда для этого используются прозрачные слои, но способ сделать это не обязательно очевиден.
Тем не менее, это очень просто, поэтому позвольте мне показать вам, как это сделать.
Содержание
- Шаг 1. Выберите слой
- Шаг 2. Уменьшите непрозрачность
- Устранение неполадок прозрачности
- Создание части слоя прозрачным изображение, которое я создал с изображением льва и изображением тигра, которые мы будем использовать в качестве примера.
Открыв документ Photoshop, выберите слой, который хотите сделать прозрачным, щелкнув его.
Шаг 2. Уменьшите непрозрачность
В верхней части панели «Слои» вы увидите поле под названием « Непрозрачность». Значение по умолчанию — 100%. Если вы измените непрозрачность на 0%, слой станет прозрачным.
Бум! Тигр исчезает. Я говорил вам, что это было легко!
Устранение неполадок с прозрачностью
Сделать слой прозрачным очень просто, но есть один важный момент, за который люди легко зацепятся.
Проверьте это. Я выбрал слой, который хочу сделать прозрачным, но поле непрозрачности неактивно.
Что мне делать?Обратите внимание, что я выбрал фоновый слой. Фоновые слои работают немного иначе, чем обычные слои. Некоторые правки не допускаются.
Однако это можно обойти.
Просто дважды щелкните на фоновом слое или щелкните значок в виде замка с правой стороны, чтобы разблокировать слой.
Когда вы дважды щелкните, вы получите это поле.
Вы можете переименовать слой и установить нулевую непрозрачность прямо здесь. Затем нажмите OK и у вас будет прозрачный фон.
Если щелкнуть значок замка, просто уменьшите непрозрачность, как описано выше. В любом случае вы получите прозрачный фон.
Примечание. Photoshop указывает прозрачность в шахматном порядке. Когда вы печатаете или перемещаете это изображение в другое место, оно исчезает.
Создание прозрачной части слоя
Что если вы хотите сделать прозрачной только часть слоя? Простой. Возьмите инструмент выделения и сделайте выделение вокруг области, которую хотите удалить.
В этом быстром примере мы будем использовать простой прямоугольный инструмент выделения.
Видишь мой выбор? Теперь просто нажмите Backspace или Удалить , чтобы удалить этот раздел.
Пока все слои за ней прозрачны, выделенная область станет прозрачной. Если слои позади непрозрачны, вы сможете увидеть эти слои, проглядывающие сквозь них.
Что делать, если вы хотите сделать выделение полностью прозрачным, но не остальную часть фонового слоя?
HIT SHIFT + CTRL + D или Shift + Команда + 7007.100707070707070707.100710707070707070707.1007. 9003. Убедитесь, что фоновый слой выбран на панели «Слои».
Затем нажмите Backspace или Удалить , чтобы также удалить выделение.
Прозрачный как прозрачный слой? Я надеюсь, что это так!
Попробуйте то, что вы узнали, и создайте свои собственные удивительные произведения искусства в Photoshop. Хотите больше уроков? У нас много! Узнайте, как повернуть слой или как сгруппировать слои, чтобы продолжить свое путешествие!
О Каре Кох
Кара увлеклась фотографией примерно в 2014 году и с тех пор исследует все уголки мира изображений. Когда она почувствовала, что Lightroom ограничена, она с головой погрузилась в Photoshop, чтобы научиться создавать изображения, которые она хотела.
Непрозрачность слоя и заливка в Photoshop
Параметры Photoshop «Непрозрачность» и «Заливка» на панели «Слои» управляют прозрачностью слоя и часто ведут себя одинаково. В этом уроке мы узнаем о важной разнице между непрозрачностью и заливкой при работе со стилями слоя!
Автор сценария Стив Паттерсон.
Один из самых частых вопросов, которые я получаю от пользователей Photoshop, а не только от новичков, звучит так: «Какая, черт возьми, разница между Opacity и Заполнить вариантов на панели «Слои»? Разве они оба не делают одно и то же?».
Параметры «Непрозрачность» и «Заливка» управляют прозрачностью слоя . То есть они контролируют, насколько текущий выбранный слой позволяет показывать другим слоям, расположенным ниже него в документе. Обычно, чтобы снизить прозрачность слоя, мы уменьшаем значение непрозрачности. Но если параметр «Заливка» также снижает прозрачность, то какой смысл иметь два параметра, которые делают одно и то же? Должна же быть разница, верно?
Вы правы! Основное различие между Непрозрачностью и Заливкой связано с стилями слоя Photoshop . Если вы не добавили к слою никаких эффектов (стилей), таких как обводка, тень, скос и тиснение или внешнее свечение, вы получите те же результаты при снижении значений непрозрачности или заливки. Если, с другой стороны, вы do применили один или несколько стилей слоя, непрозрачность и заливка ведут себя совершенно по-разному.
Давайте посмотрим на пример.Это руководство является частью 9нашего руководства по изучению слоев Photoshop.
Вот изображение, которое я открыл в Photoshop. Я добавил к нему простой текст — слово «мечта»:
.Исходное изображение.
Если мы посмотрим на мою панель «Слои», мы увидим фотографию девушки, сидящей на фоновом слое, а слово «мечта» находится на слое «Тип» прямо над ним (арка в слове была создана путем добавления шрифта на путь). У меня также есть копия моего слоя «Тип» над оригиналом, но я пока отключил этот слой:
Панель «Слои», показывающая фоновый слой, текстовый слой над ним и копию текста вверху, которая временно скрыта.
Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои», а параметр «Заливка» — прямо под ним. По умолчанию оба значения установлены на 100%, что означает, что мой текст, который находится на выбранном в данный момент слое, полностью виден в документе:
Параметры непрозрачности и заливки установлены на 100%.
Посмотрим, что произойдет, если я уменьшу значение Opacity до 50%:
Уменьшение непрозрачности слоя Type до 50%.
При уменьшении непрозрачности до 50 % слово «мечта» в моем документе становится прозрачным на 50 %, что позволяет частично просвечивать изображение под ним:
Изображение после снижения значения непрозрачности текста до 50%.
Я снова подниму значение непрозрачности до 100%, и на этот раз я уменьшу значение Fill до 50%:
Снижение заполнения до 50%.
При Заливке, установленной на 50%, текст снова становится прозрачным на 50% в документе, и мы получаем тот же самый результат, который мы видели минуту назад, когда мы уменьшили значение Непрозрачности:
Уменьшение Заливки до 50% приводит к точно такому же результату.
Непрозрачность и заливка со стилями слоя
До сих пор мы не видели никакой разницы между параметрами «Непрозрачность» и «Заливка», но это было на слое без примененных к нему стилей слоя.
Давайте посмотрим, что произойдет, если мы попробуем другой слой. Я собираюсь отключить свой слой «Тип», щелкнув его значок видимости слоя :Отключение исходного текстового слоя.
Это скрывает исходный текст в документе. Затем я нажму на копию слоя «Тип» над ним, чтобы выбрать слой, и включу слой в документе, еще раз щелкнув значок видимости его слоя:
Выбор и включение копии текстового слоя.
Этот новый слой содержит точно такой же текст, как и раньше, но с одним важным отличием. Я добавил к нему несколько стилей слоя — обводку, слабую тень и эффект скоса и тиснения. Мы видим обводку вокруг букв и тень позади них. Эффект скоса и тиснения трудно увидеть в данный момент, поскольку текст в настоящее время заполнен сплошным белым цветом:
Тот же текст, но с добавлением нескольких эффектов слоя.
Я открою список эффектов на панели «Слои», щелкнув маленькую стрелку справа от значка «fx», чтобы мы могли видеть, что на самом деле у меня есть Drop Shadow, Bevel, Emboss и Stroke.
эффект применен к тексту:Вращая стили слоя, откройте список эффектов, добавляемых к тексту.
Давайте посмотрим, что произойдет с этим новым слоем, если я уменьшу значение непрозрачности до 50%:
Снова снижаем непрозрачность до 50%.
Уменьшив значение непрозрачности нового слоя, мы сделали все на слое прозрачным на 50%. Под «всем» я подразумеваю не только сам текст, но и примененные к нему стили слоя. Все на слое теперь прозрачно на 50% после снижения значения непрозрачности:
.Уменьшение значения непрозрачности привело к тому, что все в слое, включая стили слоя, стало прозрачным на 50%.
Пока никаких сюрпризов. Я верну значение непрозрачности до 100%, а теперь уменьшу значение заливки до 50%:
Снижение заполнения до 50%.
Здесь мы видим разницу между Непрозрачностью и Заливкой. Уменьшение значения непрозрачности сделало все на слое прозрачным на 50%, но при снижении значения заливки до 50% только сам текст становится прозрачным на 50%.
Значение Заливки сделало текст частично прозрачным, но не повлияло на стили слоя.
Давайте уменьшим значение Заливки до 0% и посмотрим, что произойдет:
Понижение заполнения до 0%.
При Заливке, установленной на 0%, текст становится полностью прозрачным в документе, но примененные к нему стили слоя остаются полностью видимыми! Значение «Заливка» вообще не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при значении «Непрозрачность»: 9.0003
Текст теперь на 100% прозрачен, но стили слоя остаются видимыми на 100%.
И в этом разница между Непрозрачностью и Заливкой. Значение Opacity управляет прозрачностью всего и всего на слое, включая стилей слоя.
Что мне делать?
Давайте посмотрим на пример.
Давайте посмотрим, что произойдет, если мы попробуем другой слой. Я собираюсь отключить свой слой «Тип», щелкнув его значок видимости слоя :
эффект применен к тексту:
