Прозрачность слоя фотошоп: Прозрачность и непрозрачность

alexxlab
Разное |

Содержание

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


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

Обучение фотошопу / УЧЕБНИК 42191 1 комментарий

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

Заливка (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).

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Cовет как лучше обучаться фотошопу:

  1. Изучайте теорию — учебник по фотошопу.
  2. Набивайте руку практикой, повторяя уроки.
  3. Сложно? Задавайте вопросы в комментариях к уроку или по этой форме. Посмотрите ответы уже разобранных вопросов.
  4. Подписывайтесь на обновления, чтобы не пропустить появление новых статей и уроков.

Подписаться на обновления сайта

Смотрите другие похожие статьи

Слои в фотошопе Сохранение файлов



наверх

Прозрачность и полупрозрачность в Photoshop

05.05.09    Подробные инструкции, Уроки Photoshop

Прозрачность в Photoshop – одно из ключевых понятий. Если вы только начали изучать Фотошоп и еще не знаете, как сделать прозрачным фон фотографии или как сделать часть рисунка прозрачной, этот небольшой урок с иллюстрациями будет для вас полезным.

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

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:

Нажимаем Enter и видим, что Photoshop создал новый файл с фоном, состоящим из бело-серых квадратиков. Такими квадратиками в Фотошопе обозначаются полностью прозрачные области.

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

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М)

или с помощью «волшебных» инструментов (W):

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

Как сделать полупрозрачный текст и «водяной знак»

В Фотошопе, помимо состояния «полностью видим» и «полностью прозрачен» существует состояние частичной видимости или частичной прозрачности. Частичная видимость объекта на рисунке указывается в процентах.

Полупрозрачный текст, логотип или другие полупрозрачные метки поверх оригинальных изображений часто используют для защиты авторских прав. Наносятся они, как правило, с помощью Фотошопа или специальных плагинов. Их цель – указать первоисточник изображения, указать авторство, усложнить жизнь тем людям, которые захотят своровать картинку.

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя – этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб, корректно отображаются браузерами и поддерживают прозрачность – только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

К сожалению, графические форматы GIF и PNG имеют свои ограничения. Формат GIF, как и 8-битный PNG, может запомнить максимум 256 цветов, потому для сохранения фотографий он не подходит. Несмотря на то, что 24-битный PNG подходит для хранения фотографий и другой графики с градиентами и прозрачностью, многие сайты ставят ограничение на форматы загружаемой посетителями графики. Потому свои фото или аватары можно загрузить на такие сайты только в формате JPG или GIF. В этом случае фотографию придется сохранять не на прозрачном фоне, а вставлять в Фотошопе тот фон, на котором она будет размещаться на сайте, сохранять результаты работы в JPG и уже потом заливать на сайт.

Читайте также:

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

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

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

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

Скачать последнюю версию Photoshop

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

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

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

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

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

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

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

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

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

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

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

Читайте статью «Как вырезать объект в Фотошопе»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Помогла ли вам эта статья?
ДА НЕТ

Создаем прозрачные слои в Фотошопе

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

Прозрачность слоев

Прозрачным (или полупрозрачным) может считаться слой, через который можно увидеть контент, который расположен на подлежащих.

Скачать последнюю версию Photoshop

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

В том случае, если слой не является пустым, для придания ему прозрачности необходимо произвести некоторые действия.

Способ 1: общая непрозрачность

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

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Применение порога к прозрачности слоя смарт-объекта

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

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

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

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

Учитывая это в качестве примера, вот что я предлагаю:

  1. Выберите слой Smart Object и выберите меню Select -> Load Selection...
  2. В диалоге выбора нагрузки убедитесь, что канал установлен на Layer 0 Transparency . На самом деле это должно быть единственное, что вы выбираете, если единственным элементом в текущем файле Photoshop является сам смарт-объект.

    Для моего примера это приводит к выбору «марширующих муравьев».
  3. С выбранной составной прозрачностью Smart Objects выберите меню Layer -> Layer Mask -> Reveal Selection .

    Это создаст маску слоя для смарт-объекта, которая соответствует составной прозрачности смарт-объектов. Это позволит сделать изображение более прозрачным, поскольку вы добавляете прозрачность к прозрачности.
  4. С новой выбранной маской слоя выберите меню Image -> Adjustments -> Levels... чтобы вызвать диалог Levels.
  5. В диалоговом окне «Уровни» вы хотите установить точки входа черного и белого входа вместе. Вы не можете установить черные и белые точки на одно и то же число. Они ДОЛЖНЫ быть разделены хотя бы одним значением, представляющим серую точку.
    Например, я хочу, чтобы каждый уровень прозрачности ниже 50% серого в маске был прозрачным, а любое значение выше 50% серого — непрозрачным. Это означает, что я установил Черный вход на 127, а Белый вход на 129. С 128 (или 50% серым по 256-битной шкале) между ними.

    Это приводит к маске, которая теперь обрезается до жестких значений прозрачности или непрозрачности, НО, потому что мы не изменили саму прозрачность Smart Objets, у изображения все еще есть прозрачность в непрозрачной стороне.

    Здесь мы попадаем в ловушку НЕ редактируя прозрачность Smart Objects напрямую. Вам нужен цвет фона, чтобы прозрачность в смарт-объекте могла смешиваться, чтобы он больше не был прозрачным. Вам в основном нужно выбрать белое или черное фоновое изображение, на которое оно маскируется. Но вам все равно нужно использовать новую прозрачность, которую вы только что создали.
  6. С выделенной маской слоя повторите шаги 1 и 2 и выполните меню Select -> Load Selection... , но убедитесь, что вы выбрали маску Layer 0.
  7. С этим новым выбором перейдите в меню Layer -> Group Layers

    Это приводит к добавлению смарт-объекта с маской слоя в папку группы.
  8. Теперь вам нужно создать слой маски для папки группы. Выбор, сделанный на шаге 6, должен оставаться активным, чтобы можно было создать маску слоя групп. Это то же самое, что вы сделали в шаге 3.

    Это должно привести к тому, что ваш смарт-объект внутри папки группы с собственной маской.
  9. Теперь нам нужно добавить сплошную белую или черную основу, которая будет служить основой для непрозрачной области для частей смарт-объекта, которые все еще демонстрируют прозрачность. Белый выбранной папке группы перейдите в меню Layer -> New Fill Layer -> Solid Color...

  10. Откроется диалоговое окно «Новый слой», нажмите « OK .
  11. Выберите Белый (вы можете выбрать черный, если хотите) из палитры цветов.

    Это создает новый слой сплошного цвета. Но это, скорее всего, выше вашего смарт-объекта.
  12. Переместите слой «Сплошной цвет» ниже смарт-объекта, сохраняя его в папке группы.

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

Теперь вы сделали. Если вы записали это как действие, теперь вы можете повторить это с любым смарт-объектом.

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

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

Сложение:
Вот процесс, который я обрисовал в общих чертах выше, который выполняется с изображением, аналогичным вашему примеру

Сложение:
Вот ссылка, чтобы загрузить мой Photoshop Smart Object Mask Mod Action, если хотите.

Сложение:
Эта процедура будет работать для классического рабочего процесса автоматизации Photoshop, но, вероятно, не будет работать при использовании более новой функции Photoshop CC Generator.

fenomas

Очень мило с вашей стороны предоставить такой подробный ответ, но если кто-то использует ручные шаги, то ответ @ AAGD уже делает то, что мне нужно, без необходимости смешиваться с белым. Также обратите внимание, что при создании порога с «уровнями» остается несколько промежуточных пикселей — лучше использовать изображение> настройки> порог.

kenjikato

@fenomas У меня сложилось впечатление, что по вашему вопросу вы искали альтернативу Threshold. Предположим, что вы в порядке с Threshold, тогда вы можете просто заменить Threshold в действии Photoshop и получить тот же результат. Более важный момент, который я пытался сделать, заключается в том, что если вы хотите автоматизировать процесс без редактирования внутри смарт-объекта, вам нужна маска, как указано в AAGD. Это была также попытка создать систематическое пакетное исполняемое действие, поэтому вам не нужно ничего делать вручную.

fenomas

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

kenjikato @fenomas, потому что вы используете новую функцию Photoshop Generator (которую я не видел в вашем первоначальном вопросе, когда писал свой ответ), все усложняется. Единственный способ, которым я считаю, что вы можете достичь того, что вы хотите, с помощью функции Generator, это написать код для создания собственного плагина Generator. Генераторы — это их собственный особый случай в Photoshop, и, хотя они и круты, они означают, что некоторые из классических методов автоматизации труднее использовать. Я бы посоветовал прочитать сценарий плагина Generator (например, tomkrcha.com/?p=3896 ) и добавить его в заголовок вопроса.
kenjikato

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

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

September 20, 2013

Часто при верстке psd-макета приходится сталкиваться с ситуацией, когда дизайнер применяет полупрозрачность в слое.

Сегодня это достаточно стандартный прием, так как средства CSS позволяют легко передать в коде полупрозрачность любого цвета. Осуществляется это с помощью свойства , где последняя буква обозначает альфа-канал. Благодаря этому альфа-каналу и передается полупрозрачность.

Хорошо, с этим разобрались — легко можно передать в помощью CSS прозрачность. Но вот при верстке psd-макета как узнать, какое значение прозрачности задал дизайнер. Оказывается, все достаточно просто и не нужно лезть куда-то вглубь, в свойства.

Допустим, есть пример psd-макета, в котором есть слои с полупрозрачностью:

Видим, что на нем есть два участка, где художник применил полупрозрачность. Верхняя часть, где будет располагаться шапка будущего сайта; нижняя часть, в которой будет находиться подвал сайта. С цветом можно определиться сразу, “на глаз” — это черный цвет .

Если вдруг не уверены с правильностью определения цвета, то можно продублировать нужный слой в отдельный документ и ткнуть в него “пипеткой”:

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

Но вернемся к вопросу, ради которого и затевалась эта небольшая статья. Наверное, внимательные читатели уже ответили для себя на него, посмотрев на первую картинку. Последовательность действий в этом случае стандартная — открываем палитру слоев в Photoshop. Выбираем инструмент “Move Tool” ( V ) и ткнем мышью на нужном слое.

Если Photoshop настроен правильно, то искомый слой автоматически выделиться в палитре (

как на рисунке). Переводим взгляд в верхний правый угол палитры и видим там небольшое окошко с названием “Opacity”.

Это как раз то, что нам нужно. В этом окошке показывается полупрозрачность, с которой дизайнер нарисовал этот слой. В моем случае она равна . Это значение и нужно использовать при создании CSS-кода.

Содержание статьи
1Как в фотошопе выглядит прозрачность
23 способа как сделать слой с картинкой прозрачным
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 Вырезать нужный участок изображения на новый слой

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

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

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

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

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

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

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

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

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

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

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

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

?? Creative Cloud ?????????????????

Прозрачность и непрозрачность

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

Надпись «TASTY» (ВКУСНЫЕ) становится прозрачной, если для уровня непрозрачности установлено значение 50%. Обратите внимание, что непрозрачность надписи «SANDWICHES» (САНДВИЧИ) имеет значение 100%, поэтому надпись является непрозрачной.

wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 11 человек(а).

Количество просмотров этой статьи: 145 568.

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

Как сделать макияж в Фотошопе

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

Вариантов множество, ведь возможности программы почти безграничны. Здесь вы узнаете о самых простых способах накрасить губы, глаза, ресницы и брови. Все это мы будем делать стандартным набором инструментов, make-up получится естественным.


Как сделать макияж в Фотошопе

Подготовка к работе

  • Откройте изображение.
  • Вам понадобиться также окно «Слои», обычно оно по умолчанию находится справа. Если его нет, откройте его через меню «Окно».
  • Пока у вас есть единственный слой, если он закреплен – то есть защищен от редактирования (в этом случае справа от названия вы увидите маленький замок), скопируйте его, нажав правую кнопку мышки и кликнув «Дубликат слоя». Предыдущий удалите, нажав значок корзины внизу окошка. Оставшийся слой для удобства лучше переименовать, например, в «Основной»

Как в Фотошопе накрасить губы

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

Как накрасить в Фотошопе губы так, чтобы это выглядело естественно? Для этого очень важно аккуратно их выделить. Лучше всего сделать это с помощью инструмента «Перо» (обычное). Выберите его в панели слева, в настройках сверху кликните на значок «Контуры».

Нужно выделить верхнюю и нижнюю губу отдельно. Ставя точки «Пером» (Pen Tool), которые автоматически буду соединяться линиями, аккуратно продвигаемся по контуру, стараясь не заезжать за него. Сначала очерчиваем точками одну губу, когда первая точка встретится с последней, соедините их. То же самое делаем со второй. Далее нажимаем правую кнопку мышки и кликаем «Образовать выделенную область», радиус растушевки ставим на 2-3, нажимаем «ОK» — получаем выделенные губки:

Теперь самое интересное – начинаем их красить. Есть несколько способов:

  • Можно оставить тот же тон, но сделать его ярче. Заходим в меню «Изображение», нажимаем «Коррекция» и выбираем «Уровни». Передвигаем в настройках ролики, тем самым меняя тон.
  • Еще один вариант: зайдите в меню «Коррекция», далее «Цветовой тон/насыщенность», передвигая ползунки, выберите вариант, который вас устроит.
  • Если вы хотите кардинально изменить цвет «помады», в том же меню «Коррекция» найдите «Цветовой баланс» и настройте нужный цвет. Если он получился слишком ярким, можно уменьшить прозрачность слоя. В окне «Слои» найдите настройку «Непрозрачность» и поиграйте с процентами.

   

    

Таким же образом можно изменить и цвет глаз, хотя это уже не относится к макияжу. Мы сделали модели синие глаза.

Можно добавить к «помаде» «блеск для губ». Для этого используйте инструмент «Кисть», выберите для него белый цвет в палитре. Настройки в верхнем меню такие: круглая форма с размытыми краями, нормальный режим, «Непрозрачность» и «Нажим» — примерно 40-50%, размер подберите, ориентируясь на фото. Нарисуйте несколько точек или линий в том месте, где на губы падает свет, как показано на рисунке:

Как накрасить глаза

Продолжаем делать макияж в Фотошопе, займемся глазами. Не забудьте сделать новый слой для них. Сначала поработаем с веками, если они у модели ярко-выражены. Здесь будет проще, чем с губами, потому что нам не нужен четкий контур. Возьмем инструмент «Кисть», настройки можете поставить те же, что и для блеска губ, можно увеличить прозрачность.

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

На образце мы выбрали темно-коричневый цвет:

При желании можно подкрасить кожу над глазами или даже сделать Smoky Eyes, при этом лучше уменьшить прозрачность кисти.

Как в Фотошопе сделать ресницы

Сделаем девушке длинные пушистые реснички, будто она накрасила их тушью. Для этого будем использовать кисть «Осока». Это не самая простая операция, но в результате мы получим потрясающий эффект.

  • Создайте еще один новый слой специально для ресниц.
  • Выберите на палитре цветов черный или темно-коричневый как для основного цвета, так и для фонового (на панели слева должно появиться два квадрата одного цвета).
  • Выберите инструмент «Кисть» и в меню сверху в настройках найдите «Осока». Поставьте нормальный режим, а «Непрозрачность» и «Нажим» на 100%.
  • Откройте тонкие настройки инструмента, нажав на значок в верхнем меню слева от режима. У вас появится отдельная панель настроек.
  • Поэкспериментируйте с настройками кисти, меняя параметры. Например, «Угол» поменяет направления «роста ресниц», «Кегль» изменит их длину, а «Интервал» густоту. Также попробуйте поставить/снять галочку перед параметром «Динамика формы» и другими. Результат будет отображаться на превью снизу. Вы можете также навести курсор на фото и посмотреть форму кисти, которая у вас получилась.

Потратив немного времени, вы сможете нарисовать ресницы разной формы и густоты. Все зависит от вашей фантазии и трудолюбия:

На рисунке ниже та же девушка, но в другом ракурсе, здесь мы тоже сделали ресницы:

Как накрасить брови в Фотошоп

Создаем еще один дубликат слоя.

  • Выбираем инструмент «Пипетка» и берем пробу цвета самой темной части бровей. Можно просто выбрать черный или темно-коричневый цвет.
  • Выбираем и настраиваем «Кисть» в верхнем меню: форма с размытыми краями, нормальный режим, «Непрозрачность» — 10-15%, «Нажим» кисти — 100%, размер зависит от фото. Аккуратно накрасьте брови. Если получилось слишком ярко, можно уменьшить прозрачность слоя.

Смотрим, что получилось в итоге:

Теперь вы знаете, как сделать макияж в Фотошопе, и если вам хватит терпения выполнить все шаги, то вы сможете дать волю фантазии, делая женщин на снимках красивее.


Ссылка на источник

Слои в фотошопе — Fotobanki2.com — Богатый микростокер

Если бы фотошоп отказался от слоёв, то многие нынешние пользователи отказались бы от фотошопа.

Механизм слоёв в фотошопе пришёл из студий анимации, где каждый отдельный объект (который хотели анимировать) печатали располагали на целлулоидной прозрачной пластинке. И таким образом, анимированные мультяшки могли перемещаться относительно друг друга и относительно неподвижного фона.

Именно на этом принципе и базируется функциональность слоёв фотошопа, где на каждом отдельном слое дизайнер может манипулировать отдельным объектом не зависимо от всех остальных слоёв. Но помимо этого фотошоп располагает арсеналом других инструментов, которые помогут вам «натьюнить» каждый отдельный слой по своему вкусу: это и векторные маски, и корректирующие слои, и стили, и смешивания, — всё это в разы увеличивает мощность фотошоповских слоёв по сравнению с анимационными.

На рисунке в шапке статьи слева мы имеем сложную (на первый взгляд) конфигурацию. Справа у нас находится «слоёное» представление этой картинки.

Красным карандашом мы отметили элементы этого «слоёного пирога»:

  1. Фоновый слой. По умолчанию фоновый слой присутствует в каждом новом файле. На нём особенно не подизайнишь, потому что его возможности очень ограничены (см. на символ замочка справа). Но можно дважды кликнуть мышкой по этому слою, чтобы превратить его в нормальный слой.
  2. «Умный» объект (smart object). Фактичеки, это отдельная картинка со своими слоями и настройками, просто вставленная в отдельный слой текущего дизайна. В данном случае, наш объект — это простая фотография.
  3. Корректирующий слой. Неразрушительный способ воздействия на низлежащие слои. Например, при помощи корректирующих слоёв можно изменять контраст изображения, его цветовую гамму, насыщенность. При этом в целом изображение меняется, но каждый низлежащий слой сам по себе остаётся прежним. Корректирующие слои могут воздействовать, как на все нижние сои вместе, так и только на непосредственно предыдущий слой.
  4. Маска слоя — чёрно-белая картинка, которая определяет видимость и прозрачность фрагментов слоя, к которому она прикреплена. Чёрные пиксели маски делают слой невидимым в этом месте, а белые — видимым. В данном случае мы применили воздействие корректирующего слоя только на глаза модели.
  5. Видимость слоя показывается «глазиком». Если «глазик» виден, то виден и слой. Если «глазик» не виден, то слой выключен.
  6. Миниатюра слоя показывает «краткое содержимое» слоя. Если вы кликните по миниатюре слоя при зажатой клавише Ctrl/Cmd, то загрузится выделение слоя.
  7. Группа слоёв обозначается папкой. В эту папку вы можете группировать несколько слоёв, чтобы одновременно управлять их видимостью, прозрачностью… Вы можете создать маску слоя сразу ко всей группе. Словом, удобно.
  8. Текстовый слой обозначается миниатюрой с буквой Т и обозначает, что на этом слое находится лишь текст, который можно модифицировать. Просто один раз кликните по слою, чтобы получить к нему доступ и начать им манипулировать: цвет, размер, текстура и прочее.
  9. Управление блокировкой. Если точнее, то можно заблокировать прозрачность слоя, возможность рисовать на нём, перемещать его. Можно вообще полностью заблокировать редактирование слоя, нажав большой амбарный замок.
  10. Режимы смешивания слоёв. Представляет собой выпадающее меню, в котором можео выбрать разные эффекты наложения слоя на низлежащиё слой. Мы уже ранее рассматривали режимы смешивания (и может быть, рассмотрим ещё раз в будущем).
  11. Меню панели слоёв, которую мы вот сейчас и рассматриваем. Вызывается кликом по иконке в правом верхнем углу панели слоёв.
  12. Прозрачность слоя. Устанавливается регулировкой процента.
  13. Заполнение слоя. Похоже на прозрачность слоя с единственной разницей, что не затрагивает стили слоя, как это делает прозрачность.
  14. Имя слоя. Можно модифицировать, дважды кликнув мышкой, для придания читаемости каждому слою.
  15. Иконка стилей слоя. Дважды кликнув по ней, открывается меню, которое позволяет регулировать стили слоя. Сущестующие стили слоя отображаются как Effects в слоёном пироге. Каждый стиль можно отключить, нажав на «глазик».
  16. Активный (выбранный) слой отображается голубой полоской. Все манипуляции, которые вы хотите произвести (рисование, перекрашивание и т.д.) будет применяться к активному слою. Для того, чтобы активировать несколько слойв, нужно кликать по ним при зажатой клавише Ctrl/Cmd.
  17. Урна. При нажатии на неё активный слой удаляется.
  18. Новый слой создаётся поверх активного слоя.
  19. Создание группы слоёв (см. п. 7) поверх активного слоя. Для того, чтобы добавить слои в группу слоёв, нужно просто перетащить их на иконку папки, которая покажется после нажатия этой кнопки.
  20. Создание корректирующего слоя. Помимо корректирующего слоя создаётся и маска слоя, заполненная белым цветом (что означает применимость корректирующего слоя по всей поверхности изображения).
  21. Создание маски слоя — рядом с миниатюрой активного слоя будт создана белая маска слоя.
  22. Создание стиля слоя — будет вызвано меню, из которого можно выбрать настройку разнообразных стилей слоя. Выбранные стили слоя будут отображаться иконкой тиля слоя (см. п. 15).

Синий карандаш просто помечает последовательность слоёв:

  1. Фоновый слой. Мы его не трогали, так и оставили заблокированным.
  2. Новый слой, который мы залили розовым цветом. К слою создали маску, к которой применили Filter->Pixelate->Color Halftone с вот такими параметрами:
  3. Корректирующий слой Hue/Saturation c параметрами, как на рисунке ниже:

    Для того, чтобы цветокоррекция гарантированно применялась лишь к полу-тоновому (предыдущему) слою, нужно при зажатой клавше Alt/Opt кликнуть между корректирующим слоем и его предыдущем слоем.

  4. Украшение фона при помощи кисточек в виде цветов.
  5. Фото девушки, вставленное при помощи File->Place. Затем на изображении девушки волшебной палочкой выбедиди белый фон и кликнули на иконку создания маски слоя.
  6. Корректирующий слой уровней для повышения контраста:

    К корректирующему слою также нарисовали маску только на галаза девушки.

  7. Цветок лилии — отдельное изображение
  8. Уменьшенный цвето лилии. Для изменения размеров обхекта на прозрачном фоне и его перемещения, нужно вызвать Edit->Free Transform и мышкой (либо при помощи окошек данных в появившейся панели сверху) модифицировать объект.
  9. Опять украшения всевозможными цветочными кистями.
  10. То же самое, что и в п. 9
  11. Группировка украшений в пп 9-10 в одну группу.
  12. Создание слоя с текстом и применеие к нему разных стилей для создания эффекта трёхмерности текста.

 

comments powered by HyperComments

Понравилась статья? Поделитесь с друзьями:

ACDSee Ultimate 8 – редактируем фото с помощью слоёв // Новости фотоиндустрии // FOTOEXPERTS