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

Содержание

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

Создаем прозрачные слои в Фотошопе
Обучение фотошопу / УЧЕБНИК 50017 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. Набивайте руку практикой, повторяя уроки.

Источник: http://psand.ru/kak-v-fotoshope-sdelat-sloy-prozrachnyim/

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

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

“Фотошоп” – программа многофункциональная и очень сложная. Она рассчитана на профессионалов. Поэтому разобраться в ней трудно. Без посторонней помощи сделать это практически невозможно. Именно поэтому придумали специальные уроки по “Фотошопу”.

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

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

Зачем это нужно?

Прозрачность картинки в “Фотошопе” может потребоваться для самых различных задач. К примеру, нужно наложить одно изображение на другое с заменой фона. Здесь без прозрачности никуда. Или нужно сделать водяной знак.

Он тоже должен быть полупрозрачным. Да и вообще, прозрачность – чуть ли не самая важная составляющая любой работы в “Фотошопе”. Применения прозрачности много.

Именно поэтому стоит научиться пользоваться этим интересным инструментом для творчества.

Наложить прозрачность в “Фотошопе” можно несколькими способами. Некоторые из них до неприличия просты, а над некоторыми придется потрудиться. Но результат превзойдет все ожидания. Каждому ведь хочется почувствовать себя богом “Фотошопа”. А без изучения “матчасти” это невозможно. Так что изучайте основы, господа. И в качестве первого урока научимся работать с прозрачностью.

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в “Файл”, “Открыть” и открываем нужную нам картинку.

Теперь в списке слоев смотрим на слой под названием “Фон”. Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка.

После этого можно производить со слоем различные манипуляции.

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

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

Сохранение отредактированного изображения

Дело в том, что формат JPEG, использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в формате PNG-24. Без этого никак. Идем в “Файл”, “Сохранить как…

” и в строке выбора формата выходного файла выбираем PNG. Жмем “Сохранить”. На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в “Фотошопе”. На примере целого изображения.

Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

Создание водяных знаков на изображении

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

Затем начинаем создавать прозрачность в “Фотошопе”. Убедитесь, что у вас выбран именно слой с текстом, и затем регулируйте его прозрачность уже знакомыми нам ползунками. Затем снова идем в меню слоев и выполняем команду “Сведение слоев”.

Сохранять результат нужно опять же в формате PNG.

Таким образом можно добавлять не только текст в качестве водяного знака. Можно использовать какое-нибудь изображение в качестве логотипа. Естественно, что в этом случае обращаться к инструменту “Текст” не нужно. Достаточно будет перетащить нужную картинку на свежесозданный слой и уменьшить его до нужных размеров. А затем сделать все по инструкции.

Делаем прозрачным фон изображения

Эта задача уже не так проста, как предыдущие. Здесь придется использовать комбинации из многих инструментов. Для того чтобы применить прозрачность в “Фотошопе” для определенного участка изображения, следует для начала создать новый дублирующий слой.

Затем нужно применить прозрачность к фоновому изображению, не затрагивая новый слой. После этого идем в панель инструментов и ищем инструмент “Ластик”. Включаем дублирующий слой и ластиком стираем весь фон, кроме того объекта, который мы хотим оставить в неприкосновенности.

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

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

Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания.

Ибо одно неверное движение ластиком – и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в “Фотошопе”. Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное – не перестараться, ибо чрезмерная прозрачность не нужно.

Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги “Фотошопа”.

Тренируйтесь, и будет вам счастье.

Источник: http://fb.ru/article/276436/kak-sdelat-prozrachnost-v-fotoshope

Режимы наложения слоев и прозрачность в Adode Photoshop

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

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

Управление режимами наложения слоев и прозрачностью

Часть атрибутов доступна непосредственно в палитре Layers (Слои). В первую очередь, это режим наложения и прозрачность.

Прозрачность регулируется двумя инструментами. Fill (Заливка) влияет на прозрачность только пикселей слоя, а вот Opacity (Непрозрачность) влияет на непрозрачность пикселей и эффектов слоя.

Управление режимами наложения слоев и прозрачностью в окне «Слои»

В нижней части панели расположены следующие инструменты: 

  • Создание связи между слоями – вы можете связать два и больше слоев или групп друг с другом. В отличии от выбора нескольких слоев, связанные слои сохраняют свою связь пока вы её не отмените.
  • Применение эффектов к слоям – открывает панель параметров наложения.
  • Добавление маски к слою – создается обычная, белая маска, а если зажать Alt и нажать на кнопку, создается непрозрачная маска.
  • Создание корректирующего слоя – в отличии от обычной коррекции, скажем Curves – корректирующий слой можно изменить в любой момент.
  • Создание папки для слоев – очень удобно когда работаете с большим количеством слоев, группировать их.
  • Создание нового слоя.
  • Удаление слоя.

Как работают режимы наложения слоев

Давайте рассмотрим, как работают режимы наложения слоев в трех разных ситуациях:

  1. Накладывается дубликат слоя
  2. Накладывается цвет
  3. Накладывается другое изображение, например, текстура

Normal(Нормальный)

Пиксели верхнего слоя непрозрачны и потому закрывают нижний слой. Изменение прозрачности верхнего слоя сделает его полупрозрачным и заставит смешаться с другим слоем. В этом примере прозрачность верхнего слоя  100%, кроме надписи — там 50%.

Normal (Нормальный)

Dissolve(Растворение)

Комбинирует верхний слой с нижним, используя пиксельный узор. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Уменьшите прозрачность для проявления эффекта.

Dissolve (Растворение)

Darken (Замена темным)

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

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

Пикселы с цветом, более светлым по сравнению с совмещенным, заменяются, а пикселы с цветом, более темным по сравнению с совмещенным, остаются неизменными.

Darken (Замена темным)

Multiply (Умножение)

Затемняет все изображение. Полезен для увеличения плотности светов и средних тонов. Если верхний слой белый – изменений не произойдет.

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

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

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

Multiply (Умножение)

Color Burn (Затемнение основы)

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

Color Burn (Затемнение основы)

Linear Burn (Линейный затемнитель)

Более “сильная” комбинация режимов наложения Multiply и Color Burn, темные пиксели преобразуюся в черные. Если верхний слой белый – изменений не произойдет.

Сравнивает суммарную величину значений всех каналов для совмещенного и основного цветов и отображает цвет с наименьшим значением. В режиме «Темнее» третий цвет не создается.

Темнее

Lighten (Замена светлым)

Режим противоположный режиму Darken, затемняет темные пиксели более светлыми.

Lighten (Замена светлым)

Screen (Экран)

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

Screen (Экран)

Color Dodge (Осветление основы)

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

Color Dodge (Осветление основы)

Linear Dodge (Линейный осветлитель)

Комбинация режимов Screen и Color Dodge; светлые значения преобразуются в белые. Если верхний слой черный – эффекта не будет.

Linear Dodge (Линейный осветлитель)

Overlay (Перекрытие)

Затемняет темные пиксели (Multiply) и осветляет (Screen) светлые, что приводит к увеличению контрастности без усечения теней и светов. Если верхний слой 50% серый – эффекта не будет.

Overlay (Перекрытие)

Soft Light (Мягкий свет)

Комбинация режима Dodge, который осветляет светлые пиксели, и режима Burn, который затемняет темные пиксели. Увеличивает контрастность чуть меньше чем режимы Overlay и Hard Light.

Soft Light (Мягкий свет)

Hard Light (Жесткий свет)

Использует тот же метод, что и режим Overlay, но эффект более сильный.

Hard Light (Жесткий свет)

Vivid Light (Яркий свет)

Если верхний слой светлее 50% серого, то верхний слой осветяется через уменьшение контраста (Color Burn), а если темнее – то затемняется через увеличение контраста (Color Dodge).

Vivid Light (Яркий свет)

Linear Light (Линейный свет)

Похож на режим Vivid Light. Если верхний слой светлее 50% серого, то верхний слой осветяется через увеличение яркости (Linear Burn), а если темнее – то затемняется через уменьшение ярокости (Linear Dodge).

Linear Light (Линейный свет)

Pin Light (Точечный свет)

Комбинирует режимы Darken и Lighten для замены значений пикселей. Если верхний слой светлее чем 50% серый, пиксели осветляются через режим Lighten, а если темнее 50% серого – затемняются режим Darken.

Pin Light (Точечный свет)

Hard Mix (Жесткий микс)

Осветляет светлые пиксели и затемняет темные пиксели до пороговых значений. Это приводит к чрезвычайной постеризации. Свечение верхнего слоя смешивается с цветом нижнего.

Hard Mix (Жесткий микс)

Difference (Разница)

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

Difference (Разница)

Exclusion (Исключение)

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

Exclusion (Исключение)

Hue (Цветовой тон)

Комбинирует свечение (Luminance) и насыщенность (Saturation) нижнего слоя с цветовым тоном (Hue) верхнего.

Hue (Цветовой тон)

Saturation (Насыщенность)

Комбинирует свечение (Luminance) и цветовой тон (Hue) нижнего слоя с насыщенностью (Saturation) верхнего слоя.

Saturation (Насыщенность)

Color (Цветность)

Комбинирует тон (Hue) и насыщенность (Saturation) верхнего слоя и свечение (Luminance) нижнего слоя.

Color (Цветность)

Luminosity (Яркость)

Противоположный режиму Color. Комбинирует Luminance (cвечение) верхнего слоя и Hue (цвета) и Saturation (колебание цвета) нижнего слоя.

Luminosity (Яркость)

Designed by Freepik

Самоучители по компьютерной графике:

 

Источник: http://mediasvod.ru/rezhimy-nalozhenija-sloev/

Все про слои в фотошопе

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

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

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

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

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

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

Как создать слой

Давайте для начала научимся создавать слои. Создаем новый документ Файл-Создать (FileNew) с размером 1000х1000 пикселей:

Создать новый слой можно несколькими способами: через меню Слои-Новый-Слой (LayerNewLayer), при помощи сочетания горячих клавиш Shift + Ctrl + N, нажатием на иконку создания нового слоя впанели слоев (чтобы активировать панель слоев, нужно перейти в меню Окно-Слои (Window-Layer)):

В нашем рабочем документе появился новый чистый слой:

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

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

Чтобы убедиться, что слой пустой, давайте зальем его каким-нибудь цветом, Редактирование-Выполнить заливку (Edit-Fill).

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

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

Как переименовать слой

Для того, чтобы переименовать слой, дважды щелкните мышью по его названию в панели слоев, введите новое имя и нажмите клавишу Enter, либо выберите пункт меню СлоиПереименовать слой (Layer-Rename Layer):

Как продублировать / скопировать слой

Чтобы дублировать слой, нажмите сочетание клавиш Ctrl + J, или же сделайте щелчок правой кнопкой мыши по слою в панели слоев, и выберите пункт Создать дубликат слоя (Duplicate Layer):

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

Как группировать слои

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

Чтобы группировать слои, выделите нужные слои на панели слоев при помощи клавишCtrl или Shift и клика мышью (выделение слоев ничем не отличается от выделения файлов в проводнике), потом нажмите Ctrl + G, либо нажмите на иконку создания группы в панели слоев:

Переименование группы идентично переименованию слоя.

Как удалить слой

Для удаления слоя необходимо сделать щелчок правой кнопкой мыши по слою в палитре слоев и выбрать пункт Удалить слой (Delete Layer) или нажать на иконку удаления слоя/группы:

Как объединить слои

Слияние/объединение слоев

В завершении работы или в ее процессе часто необходимо слить слои.

Для того, чтобы слить все видимые слои в один, нужно нажать сочетание клавиш Shift + Ctrl + E либо перейти в меню Слои-Выполнить сведение (Layer-Flatten image), этот шаг сольет все слои, находящееся на палитре, в один.

Для объединения слоя с предыдущим (нижележащим) нужно нажать сочетание Ctrl + E или перейти в меню Слои-Объединить с предыдущим (Layer-Merge Down).

Для создания отпечатка всех видимых слоев нужно нажать сочетание Shift + Ctrl + Alt + E или перейти в Выделение-Выделить все (SelectSelectall), потом в Редактирование-Скопировать совмещенные данные (Edit-Copy Merged), далее Редактирование-Вставить (EditPaste). Этот шаг создаст поверх всех слоев новый слой, при этом все имеющиеся в работе слои сохранятся.

Панель слоев в фотошопе

С основными настройками панели слоев мы ознакомились, давайте более детально рассмотрим, какие дополнительные возможности работы со слоями предоставляет нам панель слоев, разберем каждую функцию отдельно:

1 – вид. В этом окне вы сможете выбрать просмотр слоев по предложенным фильтрам. Фильтры представлены как в текстовом виде (слева), так и в виде значков (справа). Белая кнопочка-ползунок справа в виде кружочка отключает фильтрацию, тем самым упреждая случайное нажатие на фильтрацию.

2 – режимы наложения слоев;

3 – непрозрачность слоя;

4 – дополнительные настройки слоя, позволяющие закрепить положение слоя, сохранить цвета или прозрачность пикселей и т.п.

5 – заливка слоя (этот параметр в основном используют при добавлении стилей слоя к слою, если снизить параметр заливки к 0, то стили слоя останутся без изменений, а вот сам слой станет невидимым;

6 — видимость слоя (при «включенном» глазике слой видимый, при «выключенном» — невидим).

После нажатия на иконку «глазика» правой кнопкой мыши откроется меню выбора цвета слоя, при желании можно изменить цвет «глазика» — это поможет быстрее найти слой в палитре и не запутаться в слоях;

7 – выпадающий список с дополнительными параметрами слоя, многие настройки дублированы из меню, появляющегося после нажатия правой кнопки мыши по слою;

8 – иконка, позволяющая связать выбранные слои, это поможет проводить все действия со слоями параллельно;

9 – добавления стилей слоя;

10 – добавление маски слоя;

11 – добавление корректирующих слоев;

12 – группирование слоев;

13 – создание нового слоя;

14 – удаление слоя/группы.

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

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

Автор урока: Ольга Максимчук (Princypessa)

Источник: https://pixelbox.ru/vse-pro-sloi-v-fotoshope

Работа со слоями в

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

От обычного графического редактора (Paint и прочих) программа Adobe Photoshop отличается возможностью работы со слоями. Это позволяет в любой момент редактировать тот или иной нанесенный эффект. Также без слоев невозможно представить работу над созданием векторных логотипов.

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже.

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

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

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

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

Без них пришлось бы отменять множество операций, чтобы вновь получить возможность изменения размера вставленной картинки.

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

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

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

Где слои в «Фотошопе»

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

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

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

Также именно здесь можно задать степень непрозрачности. По умолчанию каждый слой создается абсолютно непрозрачным. Если вы хотите в «Фотошопе» сделать слой прозрачным, то придет на помощь именно этот пункт.

Не забудьте перед этим выделить нужный слой.

В третьей строке панели «Слои» присутствуют инструменты закрепления. Если вы хотите закрепить положение слоя или его прозрачность — вам именно сюда. Ещё в этой строке присутствует пункт «Заливка», эффект которого схож с функцией непрозрачности.

Остальная область панели выделена под список слоев. Если к некоторым из них будут применены специальные эффекты, то их список тоже будет расположен именно здесь. В самом низу размещены специальные кнопки, с помощью которых в «Фотошопе» осуществляется работа со слоями (основная её часть).

Как убрать слой в «Фотошопе»

Некоторые начинающие пользователи не понимают, как в «Фотошопе» сделать слои. Поэтому они чаще всего производят ретушь фотографии на единственном слое, если только таковой не создался автоматически после применения того или иного инструмента.

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

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

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

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

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

В многослойных композициях без этого не обойтись, иначе начинается настоящая путаница.

Некоторые слои по ходу создания изображения становятся нам ненужными. Их рекомендуется удалять. Для этого выделите слой и нажмите клавишу «Delete».

Также для этого слой можно перетащить на кнопку с изображением корзины в нижней части панели. Можно убрать слой в «Фотошопе» и другим способом. Около каждого слоя присутствует кнопка с изображением глаза. Нажмите её — видимость слоя сразу отключится.

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

Как соединить: наложение слоев в «Фотошопе»

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

Теперь они будут перемещаться в пространстве только вместе друг с другом.
Чтобы в «Фотошопе» соединить слои, их необходимо сначала выделить. Делается это кликами левой кнопкой мыши при зажатой клавише «Ctrl». После выделения кликните правой кнопкой мыши.

В отобразившемся контекстном меню выберите пункт «Объединить слои».

Изменить размер слоя в «Фотошоп»

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

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

Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа

Источник: https://fotografiya.info/?p=536

Adobe Photoshop: слои и маски

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

© 2014 Vasili-photo.com

Слои – основа Фотошопа. Любые, сколько бы то ни было серьёзные манипуляции с изображением, как правило, подразумевают использование слоёв и масок. Без понимания концепции многослойного изображения вы попросту не сможете по-настоящему заниматься редактированием своих фотографий в Adobe Photoshop, а если и сможете, то процесс этот будет мучительным и противоестественным.

Что такое слои?

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

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

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

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

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

Очевидно, что любой файл, открытый или созданный в Adobe Photoshop, содержит как минимум один слой. Обычно слой этот называется Background, т.е. фон или задний план.

Чисто технически многие действия в Adobe Photoshop можно совершать непосредственно со слоем Background, не прибегая к помощи дополнительных слоёв, но даже в таких ситуациях я всё равно предпочитаю создать копию основного слоя и работать именно с копией, сохраняя исходник нетронутым, и только если результат меня полностью устраивает, я позволяю себе слить слои воедино. Такой подход удобнее и безопаснее. Да и зачем, собственно, превращать Photoshop в Paint?

Палитра слоёв

Палитра слоёв (Layers) обычно располагается внизу слева. Если вы её не видите, нажмите F7.

Рассмотрим основные элементы палитры слоёв.

Каждому слою соответствует маленькая цветная иконка. Справа от неё написано название слоя. По умолчанию новые слои получают стандартные названия (Layer 1, Layer 2 и т.д.), но вы всегда можете переименовать их по своему вкусу, дважды кликнув по названию слоя.

Рядом с цветной иконкой слоя может располагаться чёрно-белая иконка маски слоя, отвечающая за то, какие участки данного слоя должны быть показаны, а какие скрыты. Если маска слоя отсутствует, то слой виден полностью. Маска слоя – самый важный инструмент при работе со слоями, в связи с чем мы ещё вернёмся к этому вопросу позже и поговорим о масках подробнее.

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

Чтобы сделать слой активным, достаточно щёлкнуть по нему мышью. Чтобы выбрать несколько слоёв, следует воспользоваться клавишами Ctrl/Cmd или Shift.

Чтобы создать копию активного слоя, нажмите Ctrl/Cmd+J. Чтобы объединить выделенные слои, следует нажать Ctrl/Cmd+E. Если при этом выбран только один слой, то он будет слит с нижележащим слоем. Ctrl/Cmd+Shift+E объединяет все видимые на данный момент слои. Чтобы слить воедино вообще все слои документа, следует зайти в меню Layers и выбрать Flatten Image.

Слои можно перетаскивать при помощи мыши и, таким образом, менять их взаимное расположение. Сочетания клавиш Ctrl/Cmd+] и Ctrl/Cmd+[ перемещают активный слой на одну позицию вверх или вниз соответственно.

В верхней части палитры слоёв расположены следующие настройки:

Фильтрация слоёв (Layer filtering) позволяет отобразить в палитре только те слои, которые соответствуют определённым критериям, и скрыть все остальные. Можно фильтровать слои по типу, по имени, по стилям и т.д.

Ниже расположен безымянный выпадающий список режимов наложения слоёв (Blending mode).

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

В этом случае пиксели верхнего слоя просто замещают собой пиксели нижнего. Подробнее в статье «Режимы наложения слоёв в Adobe Photoshop».

С помощью блокировки слоя (Lock layer) можно частично или полностью запретить редактирование конкретного слоя.

Правее располагаются окошки настроек Opacity (Плотность) и Fill (Заливка), отвечающие за степень непрозрачности слоя. Значения по умолчанию – 100%, т.е. слой полностью непрозрачен и виден во всей красе.

50% будут означать, что слой прозрачен наполовину и через него просвечивают нижние слои. При 0% слой становится абсолютно прозрачным и невидимым.

Между Opacity и Fill только одно отличие: Opacity регулирует непрозрачность слоя вместе со всеми применёнными к нему стилями и спецэффектами, в то время как Fill действует только на пиксели самого слоя, не затрагивая при этом стили.

Слой Background отличается от прочих слоёв тем, что его непрозрачность всегда составляет 100% и не регулируется. Кроме того, Background перманентно защищён от перемещения. Режим наложения для Background всегда Normal, поскольку под ним нет других слоёв и ему попросту не на что накладываться.

В нижней части палитры слоёв имеются семь кнопок:

Связать слои (Link layers). Связывает (но не объединяет) выделенные слои. Связанные слои остаются самостоятельными слоями, но при попытке переместить их двигаются как единое целое.

Добавить стиль слоя (Add a layer style). Позволяет применять к слою различные спецэффекты, как то: тень, свечение, контур и т.д. При обработке фотографий стили используются редко и в основном находят себе применение в графическом дизайне.

Добавить маску слоя (Add layer mask). Добавляет к выбранному слою маску. По умолчанию маска белого цвета, т.е. содержимое слоя видно полностью. Подробнее о масках см. ниже.

Создать новый корректирующий слой (Create new fill or adjustment layer). Создаёт корректирующий слой или слой-заливку для неразрушающего редактирования. Подробнее о корректирующих слоях см. ниже.

Создать новую группу (Create a new group). Создаёт новую пустую группу. Чтобы объединить в группу уже имеющиеся слои, следует выделить их и нажать Ctrl/Cmd+G. Чтобы расформировать группу, нажмите Ctrl/Cmd+Shift+G.

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

В остальном группы подобны связыванию слоёв.

Создать новый слой (Create a new layer). Создаёт новый слой. Можно также использовать сочетание клавиш Ctrl/Cmd+Shift+N. Новый слой не содержит никакого изображения и потому невидим.

Удалить слой (Delete layer). Удаляет активный слой. Можно воспользоваться кнопкой Del.

Зачем нужны маски?

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

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

Маска представляет собой чёрно-белое изображение такого же размера, как и любой слой. Цвет маски кодирует прозрачность слоя. Белый цвет означает нормальную видимость слоя, чёрный цвет – его абсолютную прозрачность. Различные оттенки серого цвета соответствуют различным степеням прозрачности – чем темнее, тем прозрачнее.

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

Чтобы увидеть маску целиком достаточно зажать Alt/Option и кликнуть по иконке маски.

Маска, созданная с помощью команды «Добавить маску слоя», вся залита белым цветом, т.е. оставляет слой полностью видимым. Если щёлкнуть по иконке маски и нажать Ctrl/Cmd+I маска будет инвертирована и окрасится в чёрный цвет. Слой при этом полностью исчезнет из виду, т.е. будет замаскирован.

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

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

Такой подход называется неразрушающим (недеструктивным) редактированием.

Часто бывает нужно применить какой-либо эффект только к незначительной части изображения.

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

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

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

Существуют даже специальные плагины для Фотошопа (например, MASK PANEL), частично автоматизирующие создание и редактирование сложных масок.

Корректирующие слои

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

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

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

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

Добавление нового корректирующего слоя осуществляется через специальную палитру Adjustments, либо через соответствующую кнопку в палитре Layers, либо через меню Layer > New Adjustment Layer.

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

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

Маски корректирующих слоёв ничем не отличаются от обычных масок и редактируются стандартными методами.

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

Спасибо за внимание!

Василий А.

Post scriptum

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

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

Желаю удачи!

Вернуться к разделу “Редактирование снимков”

Перейти к полному списку статей

%network%.
Присоединяйтесь и будьте в курсе! data-orientation=horizontal data-text-color=#000000 data-share-shape=rectangle data-sn-ids=..tw.ok.gp.

data-share-size=40 data-background-color=#ffffff data-preview-mobile=false data-mobile-sn-ids=..tw.ok.gp. data-pid=1424918 data-counter-background-alpha=1.

0 data-follow-title=Подпишитесь на новости! data-following-enable=true data-exclude-show-more=false data-selection-enable=false data-follow-=vasili.photography class=upto-buttons>

Источник: https://vasili-photo.com/articles/layers-and-masks.html

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.