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

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

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

В этом уроке мы пошагово рассмотрим как создать в Фотошопе слой и сделать его прозрачным.

Содержание: “Как сделать слой в Фотошопе прозрачным”

Прозрачный слой

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

Когда вы создаете в Photoshop новый слой, программа делает его прозрачным автоматически.

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Метод №1: прозрачный слой через непрозрачность

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

В результате вы можете заметить, что наш слой с закрашенным красным цветом прямоугольником стал просвечиваться, за счет того, что мы установили непрозрачность на значении 40%.

Метод №2: прозрачный слой через заливку

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

Так выглядит наш проект при заливка на отметке в 100%:

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

А такой результат получился, после того, как мы передвинули ползунок “заливки” до отметки в 0%:

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Благодаря этой статье вы теперь знаете все о том как создать или сделать слой в Фотошопе прозрачным. До встречи в наших следующих уроках.

Источник

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

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

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

Источник

Использование флажков «Прозрачность» и «Подложка»

Прозрачность позволяет создавать изображения разнообразной формы для веб-страниц. Прозрачность фона, поддерживаемая GIF и PNG сохраняет прозрачные пиксели в изображении позволяет фону веб-страницы проглядывать сквозь прозрачные области изображения. (Несмотря на то, что JPEG не поддерживает прозрачность, поэтому прозрачные пиксели оригинала, если они есть, можно заполнить цветом подложки, имитирующей прозрачность оригинала.)

Заполнение фоновых областей цветом подложки, поддерживаемое GIF, PNG, и JPEG имитирует прозрачность путем смешения прозрачных пикселей с цветом подложки, идентичным фону веб-страницы. Заполнение фоновых областей цветом подложки дает блестящие результаты, если фон заполнен сплошным цветом, координаты которого вы знаете.

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

При работе с файлами в формате GIF или PNG-8 можно создать области с высокой прозрачностью на краях: все пиксели, прозрачность которых в оригинальном изображении выше 50% становятся полностью прозрачными в оптимизированном изображении, в все пиксели, непрозрачность которых в оригинальном изображении выше 50% становятся полностью непрозрачными в оптимизированном изображении. Применяйте высокую прозрачность на краях в случае, когда вам неизвестен цвет фона веб-страницы или он представляет собой текстурную или узорную заливку. Однако помните о том, что высокая прозрачность на краях может привести к зубчатые границам в изображении.

Источник

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

Обратите внимание на палитру слоёв и вы увидите, что выбранное мною фото с девочкой располагается на фоновом слое. А текстовый слой 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Как в фотошопе выглядит прозрачность
23 способа как сделать слой с картинкой прозрачным
3Как сделать прозрачным отдельный участок слоя
4Как сохранить изображение с прозрачностью

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

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

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

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

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

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

Как сделать прозрачную заливку в фотошопе. Смотреть фото Как сделать прозрачную заливку в фотошопе. Смотреть картинку Как сделать прозрачную заливку в фотошопе. Картинка про Как сделать прозрачную заливку в фотошопе. Фото Как сделать прозрачную заливку в фотошопе

Параметр «Непрозрачность» находится в верхнем правом углу панели «Слои», а параметр «Заливка» — непосредственно под ним. По умолчанию оба значения установлены на 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% и уменьшите значение «Заливка».

Источник

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

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