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

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

Разница между непрозрачностью и заливкой в Фотошоп

Одним из самых распространённых вопросов, которые присылают мне пользователи Фотошоп, является “В чем же разница между параметрами Непрозрачность и Заливка на панели слоёв? Разве это не одно и тоже?”. В большинстве случаев они имеют сходство.

Оба эти параметра как Fill (Заливка), так и Opacity (Непрозрачность) влияют на прозрачность слоя. Другими словами, они контролируют, насколько через текущий слой будут просвечиваться слои документа, которые расположены ниже. Если нам необходимо повысить прозрачность слоя, то мы снижаем параметр Opacity (Непрозрачность). Но и опция Fill (Заливка) в данном случае выполняет такую же функцию. Для чего же тогда нужны эти два параметра, если они выполняют одну и ту же функцию? Должна же быть хоть какая-то разница!

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

На изображении ниже показана фотография, открытая в Фотошоп. На неё я добавил текст dream. Сама фотография была взята из Fotolia .

Обратите внимание на палитру слоёв и вы увидите, что выбранное мною фото с девочкой располагается на фоновом слое. А текстовый слой dream находится прямо над ним (арка из слова была создана путём написания текста на контуре). Создайте дубликат текстового слоя и временно его отключите.

Опция Непрозрачность находится в правом верхнем углу на панели слоёв, а Заливка непосредственно под ней. По умолчанию в Фотошоп у обеих этих параметров установлено значение 100%, а это значит, что текст активного слоя в документе отображается в полной мере.

Попробуйте уменьшить Непрозрачность примерно до 50%.

Снизив Непрозрачность до 50%, текст на документе стал прозрачным на 50%, и фотография, расположенная ниже стала слегка видна сквозь него.

Верните значение параметра Непрозрачность обратно на 100% и уменьшите параметр Заливка до 50%.

При снижении значения Заливки до 50%, текст так же стал прозрачным на 50%. В итоге получился такой же результат, как и при изменении параметра Непрозрачность.

Разницу между параметрами Заливка и Непрозрачность мы не увидели – всё потому что, мы не применяли никаких эффектов. Теперь мы произведём такие же изменения, но после применения стилей.

Отключите видимость текстового слоя.

Сделайте видимым копию текстового слоя.

Примените к нему следующие эффекты: Stroke (Обводка) Drop Shadow (Тень) и Bevel and Emboss (Тиснение). Вокруг текста появилась обводка и тень за ним. Применённый стиль Тиснение в данный момент очень трудно рассмотреть, так как текст залит белым цветом.

Разверните список применённых эффектов, нажав на маленькую стрелочку справа от миниатюрки fx, в результате появится список применённых нами стилей.

Теперь понизьте значение параметра Непрозрачность до 50%.

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

Ничего нового мы не увидели. Верните обратно Непрозрачность 100% и понизьте значение параметра Заливка до 50%.

Вот теперь разница между параметрами Заливка и Непрозрачность видна. В результате снижения значения непрозрачности, всё становится прозрачным на 50%. А вот параметр Заливка применяется только к тексту. Все эффекты, которые мы применили, видны 100%. Посмотрите на текст, после снижения заливки стал хорошо виден стиль Тиснение.

Уменьшите значение параметра Заливка до 0%.

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

Вот в чем разница между двумя, казалось бы, одинаковыми параметрами Непрозрачность и Заливка в Фотошоп. Изменение непрозрачности влияет как на текст, так и на применённые к нему эффекты. А Заливка, наоборот, влияет только на содержимое слоя, кроме применённых эффектов.

Если вам необходимо увеличить прозрачность какого-либо слоя, то уменьшите Непрозрачность. А если вам необходимо сохранить эффекты видимыми на 100%, то снизьте параметр Заливка.

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

Содержание статьи
1 Как в фотошопе выглядит прозрачность
2 3 способа как сделать слой с картинкой прозрачным
3 Как сделать прозрачным отдельный участок слоя
4 Как сохранить изображение с прозрачностью

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

Читать еще:  Что делать, если не устанавливается браузер Google Chrome

Непрозрачность (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 Вырезать нужный участок изображения на новый слой

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

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

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

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

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

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

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

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

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

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

Читать еще:  Как поменять пароль от электронной почты

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я воспользуюсь «Волшебной палочкой».

Затем зажимаем клавишу ALT и кликаем по значку маски в панели слоев.

Как видим, объект полностью пропал из вида, а на маске появилась черная область, повторяющая его форму.
Далее зажимаем клавишу CTRL и кликаем по миниатюре маски в палитре слоев.

На холсте появилось выделение.

Выделение нужно инвертировать, нажав сочетание клавиш CTRL+SHIFT+I.

Теперь выделение необходимо залить любым оттенком серого цвета. Полностью черный скроет объект, а полностью белый откроет.

Нажимаем сочетание клавиш SHIFT+F5 и в настройках выбираем цвет.

Нажимаем ОК в обоих окнах и получаем непрозрачность в соответствии с выбранным оттенком.

Выделение можно (нужно) снять при помощи клавиш CTRL+D.

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

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

Затем выбрать инструмент «Градиент».

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

Один из самых распространенных вопросов, которые я получаю от пользователей Photoshop, а не только от начинающих, — «Какая разница между опциями « Непрозрачность » и« Заливка » на панели« Слои ». Разве они оба не делают одно и то же?». Это хороший вопрос, потому что в большинстве случаев они фактически одинаковы.

Параметры Opacity и Fill управляют прозрачностью слоя . Таким образом, они управляют тем, насколько текущий выбранный слой позволяет показывать другие слои под ним в документе. Обычно, чтобы уменьшить прозрачность слоя, мы уменьшаем значение непрозрачности. Но если параметр «Заливка» также снижает прозрачность, то какой смысл иметь два параметра, которые делают одно и то же? Должна быть разница, верно?

Вы правы! Основное различие между Opacity и Fill связано со стилями слоев Photoshop . Если вы не добавили никаких эффектов (стилей) на свой слой, таких как обводка, тень, скос и тиснение или внешнее свечение, вы получите те же результаты при понижении значений непрозрачности или заливки. Если же , с другой стороны, вы действительно имеете один или несколько стилей слоя применяются, прозрачность и заливка ведут себя очень по- разному. Давайте посмотрим на пример.

Это руководство является частью 9 нашего Руководства по обучению слоям Photoshop .

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

Читать еще:  Сравниваем uTorrent и MediaGet

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

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

Давайте посмотрим, что произойдет, если я уменьшу значение непрозрачности до 50%:

При уменьшении непрозрачности до 50% слово «сон» в моем документе становится прозрачным на 50%, что позволяет частично показать изображение под ним:

Я увеличу значение непрозрачности до 100%, а на этот раз уменьшу значение Fill до 50%:

Если для параметра «Заливка» установлено значение 50%, текст снова становится прозрачным на 50% в документе, и мы получаем тот же самый результат, который мы видели недавно, когда мы снизили значение «Непрозрачность»:

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

До сих пор мы не видели никакой разницы между опциями «Непрозрачность» и «Заливка», но это было на слое без применения каких-либо стилей слоя. Давайте посмотрим, что произойдет, если мы попробуем другой слой. Я собираюсь отключить мой слой Type, нажав на значок видимости его слоя :

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

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

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

Давайте посмотрим, что произойдет с этим новым слоем, если я уменьшу значение непрозрачности до 50%:

Понизив значение непрозрачности нового слоя, мы сделали все на 50% прозрачным. Под «всем» я имею в виду не только сам текст, но и примененные к нему стили слоя. Все и все на слое теперь прозрачно на 50% после снижения значения непрозрачности:

Пока что больших сюрпризов нет. Я увеличу значение непрозрачности до 100%, а теперь уменьшу значение Fill до 50%:

Вот где мы видим разницу между непрозрачностью и заливкой. Снижение значения непрозрачности сделало все на слое прозрачным на 50%, но при уменьшении значения «Заливка» до 50% только сам текст станет прозрачным на 50%. Стили слоев, которые я применил к тексту, остаются видимыми на 100%! На эффекты Stroke, Drop Shadow и Bevel and Emboss значение Fill никак не влияло. На самом деле, когда сам текст теперь прозрачен на 50%, мы можем начать видеть эффект Bevel and Emboss, который я применил к нему:

Давайте снизим значение Fill до 0% и посмотрим, что произойдет:

Если для параметра «Заливка» установлено значение 0%, текст становится полностью прозрачным в документе, но примененные к нему стили слоя остаются полностью видимыми! Значение Fill никак не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при использовании значения Opacity:

И в этом разница между непрозрачностью и заливкой. Значение непрозрачности контролирует прозрачность всего и вся на слое, включая стили слоя. С другой стороны, значение Fill влияет только на фактическое содержимое слоя, которым в моем случае был текст. Стили слоя, которые Photoshop рассматривает отдельно от фактического содержимого слоя, остаются видимыми на 100% и не зависят от значения Fill.

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