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

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

  • автор:

О непрозрачности в Фотошопе

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

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

Основная непрозрачность

Основная непрозрачность активного слоя настраивается в верхней части палитры слоев и измеряется в процентах.

Делаем прозрачность в Фотошопе

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

Делаем прозрачность в Фотошопе

Как видим, через наш черный объект частично проступил подлежащий слой.

Непрозрачность заливки

Если основная непрозрачность влияет на весь слой целиком, то настройка «Заливка» не затрагивает стили, примененные к слою.

Предположим, что мы применили к объекту стиль «Тиснение»,

Делаем прозрачность в Фотошопе

а затем снизили значение «Заливки» до нуля.

Делаем прозрачность в Фотошопе

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

Делаем прозрачность в Фотошопе

При помощи такого приема создаются прозрачные объекты, в частности, водяные знаки.

Непрозрачность отдельного объекта

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

    Для изменения непрозрачности объект необходимо выделить любым доступным способом.

Градиентная непрозрачность

Градиентная, то есть неравномерная по всей площади, непрозрачность так же создается при помощи маски.

  1. На этот раз необходимо создать белую маску на активном слое, кликнув по значку маски без клавиши ALT. Делаем прозрачность в Фотошопе
  2. Затем выбрать инструмент «Градиент». Делаем прозрачность в Фотошопе
  3. Как мы уже знаем, по маске можно рисовать только черным, белым и серым цветом, поэтому выбираем вот такой градиент в настройках на верхней панели: Делаем прозрачность в Фотошопе
  4. Затем, находясь на маске, зажимаем левую кнопку мыши и протягиваем градиент через холст.

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

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

По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность и Заливка, расположенных в верхней части палитры Слоев.

Местоположение Непрозрачности и Заливки на палитре слоев

Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых пикселей изображения.

Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него стилей слоя.

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

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

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

Прозрачность в фотошопе - это шахматный фон

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

Яндекс картинки и прозрачность

3 способа как сделать слой с картинкой прозрачным

Для начала необходимый слой нужно выделить (сделать активным). Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift .

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

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

Способ 1 Ввод цифр

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

Изменение непрозрачности путем ввода цифр

Способ 2 Ползунковый регулятор

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

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

  • Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
  • Цифра 0 означает 100%;
  • Наберите 55 и получите 55%, 67 — это 67% и так далее

Чтобы использовать этот же прием для изменения Заливки, удерживайте вместе с цифрами нажатой клавишу Shift .

Как сделать прозрачным отдельный участок слоя

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

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

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

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

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

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой.

komanda-vyirezat-na-novyiy-sloy

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

kak-izmenit-prozrachnost-fragmenta-sloya

Способ 2 Использование ластика

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

Выберите инструмент Ластик, на панели параметров установите значение Непрозрачность отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.

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

izmenenie-neprozrachnosti-s-pomoshhyu-instrumenta-lastik

Как сохранить изображение с прозрачностью

Существует множество форматов для сохранения изображения, но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

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

Чтобы сохранить в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файлаPNG(*.PNG).

Как сделать прозрачность в Photoshop: от слоя до всего фото

Друзья, приветствую вас на WiFiGid! В этой статье мы обсудим все возможны варианты сделать прозрачность в Фотошопе. Но рассмотрим только те методы, которые реально применяют каждый день в своей работе. В особые бесполезные дебри лезть не будет. Тот кто искал 101 способ сделать это – в пролете. Только то, что можно выучить с пользой.

А если вдруг остались какие-то вопросы или советы – напишите их в комментариях. Всем от этого станет только лучше ;)

Вариант 1 – Удалить стандартный белый фон

Как сделать прозрачность в Photoshop: от слоя до всего фото

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

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

  1. Смотрим на вкладку слоев. Там есть только один наш белый фон с замочком. Щелкаем прямо по этому замочку.

Как сделать прозрачность в Photoshop: от слоя до всего фото

  1. Теперь создадим один пустой слой. Для этого просто щелкаем вот по этой иконке плюсика.

Как сделать прозрачность в Photoshop: от слоя до всего фото

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

Как сделать прозрачность в Photoshop: от слоя до всего фото

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

Как сделать прозрачность в Photoshop: от слоя до всего фото

А если сейчас сохранить этот слой в PNG, то мы получим просто полностью прозрачную картинку.

Вариант 2 – Прозрачность слоя

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

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

Как сделать прозрачность в Photoshop: от слоя до всего фото

Обратите внимание на параметр «Заливка» ниже. Его изменение в вашем случае скорее всего приведет к точно такому же эффекту.

Вариант 3 – Скрыть слой

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

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

Как сделать прозрачность в Photoshop: от слоя до всего фото

Вариант 4 – Непрозрачность инструментов

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

Как сделать прозрачность в Photoshop: от слоя до всего фото

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

Вариант 5 – Делаем часть изображения прозрачной

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

Но у нас вы можете прочитать самую полную статью по способам выделения в Photoshop.

И еще отличная статья по замене фона в Photoshop. Нам она интересна с точки зрения выделения какого-то фона для его дальнейшего удаления.

И привожу примерный алгоритм, если знаете как все выделять:

  1. Выделяем нужный объект на фото.
  2. Нажимаем Ctrl + Shift + I (ну или «Выделение – Инвертировать»).
  3. Если находитесь на правильном слое и он разблокирован – нажимаем кнопку Delete. При условии, что ранее белый фон вы убрали, все должно почиститься.

Как сделать прозрачность в Photoshop: от слоя до всего фото

Ну и больше тут ничего не придумать. Выделили любым способом лишнее и удалили это. А дальше дело техники.

Вариант 6 – Сохранение прозрачного файла

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

Правильный формат – PNG. Можно сохранить в GIF, но он предназначен для другого. JPG не сохраняет прозрачные изображения и заливает их белым.

Так как эта функция очень частая, ее вынесли в отдельное место:

«Файл – Экспортировать – Быстрый экспорт в PNG»

Как сделать прозрачность в Photoshop: от слоя до всего фото

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

Прозрачность слоя, блокировка слоя, палитра стилей.

Прозрачность слоя, блокировка слоя, палитра стилей.

Вы знаете как уменьшить прозрачность слоя? Как заблокировать слой? Как вызвать палитру стилей? Нет! Вам сюда.

Сложность урока: Легкий

Приветствуем будущего Photoshop-мастера!

Для полного и ясного представления о слоях необходимо рассмотреть несколько параметров.

1. Непрозрачность (Opacity)

Этот параметр меняет прозрачность слоя. Например, изменим этот параметр для слоя с синим аватаром до 60%.

Смотрите, что с ним происходит! Он стал прозрачным!

У параметра Заливка (Fill) точно такая же функция.

2. Блокировки слоев

На палитре слоев вы должно быть замечали следующие изображения:

Это различные виды блокировок

Блокировка 1 означает, что вы не сможете рисовать на прозрачных пикселях.

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

Блокировка 2 — не позволяет рисовать на слое, появляется запрещающий кружок;

Блокировка 3 — не позволяет перемещать слой, закрепляет положение;

Блокировка 4 — предотвращает автоматическое включение в монтажные области и исключение из них;

Блокировка 5 — включает в себя сразу все виды блокировок.

3. Создаем папку для слоев

Кнопка Создать новую группу (Create a new set), позволяет создать папку для слоев.

Создадим папку для всех слоев с разноцветными аватарами и перетащим все слои туда.

Ее можно свернуть до такого вида:

4. Вызов палитры стилей

Кнопка в виде букв "fх" вызывает палитру стилей.

С помощью нее вы можете применять к слоям определенные стили, например, сделать тень, обводку, объем и так далее.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *