Для чего нужны слои в фотошопе: Работа со слоями в Adobe Photoshop 

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

Посмотрите видео-тренинг, который включает в себя слои, каналы и маски, Route CS6

Понимание Слои в Photoshop

Изучите основы работы со слоями в Photoshop, включая то, что такое слои, как они работают и почему так важно знать, как использовать слои.Для Photoshop CC, CS6 и более ранних версий Photoshop.

Автор Стив Паттерсон.

Если вы новичок в работе со слоями в Photoshop, вы выбрали отличное место для начала. Для первого взгляда на слои мы сосредоточимся на том, что такое слои и зачем они нам нужны. Вместо того, чтобы создавать что-то необычное, мы воспользуемся очень простыми инструментами, чтобы нарисовать очень простые формы. Затем мы узнаем, как мы можем управлять этими фигурами в нашем документе с помощью слоев! Мы начнем с создания нашей композиции без слоев и рассмотрения проблем, с которыми мы сталкиваемся, пытаясь внести даже простые изменения.Затем мы снова создадим ту же композицию, на этот раз используя слои, чтобы увидеть, насколько сильно слои действительно имеют значение.

Основы создания слоев не изменились за прошедшие годы, поэтому, хотя я буду использовать здесь Photoshop CS6 , все полностью совместимо с Photoshop CC , а также с более ранними версиями Photoshop. Итак, если вы готовы узнать о слоях, приступим!

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

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

«Это здорово!» — скажете вы, «но это не говорит мне, что такое слои». Хорошая мысль, давайте узнаем!

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Photoshop без слоев

Прежде чем мы рассмотрим, что такое слои и как их использовать, давайте сначала посмотрим, как будет работать в Photoshop без слоев.Так вам будет легче понять, почему слои так важны. Начнем с создания нового документа Photoshop. Для этого перейдите в меню File в строке меню в верхней части экрана и выберите New :

Переход к файлу> Создать.

Откроется диалоговое окно «Создать». Для нашего документа нет определенного размера, который нам нужен, но чтобы мы оба были на одной странице, введите 1200 пикселей для Width и 800 пикселей для Height .Вы можете оставить значение Разрешение равным 72 пикселя / дюйм . Наконец, убедитесь, что для Background Contents установлено значение White , чтобы у нашего нового документа был сплошной белый фон. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. На экране появится ваш новый документ с белой заливкой:

Новое диалоговое окно Photoshop.

Рисование квадратной формы

Теперь, когда у нас готов новый документ, давайте нарисуем пару простых фигур.Сначала мы нарисуем квадрат и для этого воспользуемся одним из основных инструментов выделения Photoshop. Выберите инструмент Rectangular Marquee Tool в верхней части панели инструментов в левой части экрана:

Выбор инструмента «Прямоугольная область».

Чтобы нарисовать квадрат с помощью инструмента «Прямоугольная область», щелкните в любом месте в левом верхнем углу документа, чтобы установить начальную точку для выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте клавишу Shift и перетащите по диагонали в нижний правый угол.Обычно инструмент Rectangular Marquee Tool рисует прямоугольные выделения произвольной формы, но, нажав и удерживая клавишу Shift, мы говорим Photoshop, чтобы форма выделения превратилась в идеальный квадрат.

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

Рисование квадратной области с помощью инструмента «Прямоугольная область».

Теперь, когда мы нарисовали наш контур выделения, давайте заполним его цветом. Для этого мы воспользуемся командой Photoshop «Заливка». Поднимитесь в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка». Измените параметр Использовать в верхней части диалогового окна на Цвет :

Изменение использования на цвет.

Как только вы выберете «Цвет», Photoshop откроет палитру , чтобы мы могли выбрать, какой цвет мы хотим использовать.Вы можете выбрать любой понравившийся цвет. Выберу оттенок красного:

Выберите цвет в палитре цветов. Подойдет любой цвет.

Нажмите «ОК», когда закончите, чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет выделение выбранным вами цветом, который в моем случае был красным:

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

Нам больше не нужен контур выделения вокруг квадрата, поэтому давайте удалим его, перейдя в меню Select вверху экрана и выбрав Deselect :

Собираюсь Выбрать> Отменить выбор.

Рисование круглой формы

Пока все хорошо. Теперь добавим в документ вторую фигуру. Мы уже добавили квадрат, так что давайте немного перемешаем и на этот раз добавим круглую форму. Для этого мы воспользуемся еще одним из основных инструментов выделения Photoshop — инструментом Elliptical Marquee Tool.

Инструмент «Эллиптическая область» расположен за инструментом «Прямоугольная область» на панели «Инструменты». Чтобы выбрать его, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте Rectangular Marquee Tool, затем выберите Elliptical Marquee Tool из раскрывающегося меню:

Выбор инструмента Elliptical Marquee Tool.

Давайте нарисуем нашу круглую форму так, чтобы она перекрывала квадрат. Щелкните в правом нижнем углу квадрата, чтобы установить начальную точку выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и перетащите его от начальной точки.

Обычно инструмент Elliptical Marquee Tool рисует произвольные эллиптические выделения, но, удерживая нажатой клавишу Shift во время перетаскивания, мы форсируем форму в виде идеального круга.Удерживание клавиши Alt (Win) / Option (Mac) говорит Photoshop, что нужно нарисовать фигуру наружу от точки, где мы изначально щелкнули.

Вытяните фигуру так, чтобы она была примерно того же размера, что и квадрат. Когда вы закончите, отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши. Опять же, убедитесь, что вы сначала отпускаете клавиши, , затем кнопку мыши:

Рисование круглой области, перекрывающей квадрат.

После того, как вы нарисовали круговой контур выделения, вернитесь в меню Edit вверху экрана и выберите Fill , чтобы залить выделение цветом.Для параметра Use в верхней части диалогового окна Fill уже должно быть установлено значение Color , поскольку это то, что мы установили ранее. Но если вы просто нажмете «ОК», чтобы закрыть диалоговое окно, Photoshop заполнит выделение тем же цветом, который вы выбрали в прошлый раз, а это не то, что мы хотим.

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

Выберите другой цвет для второй формы.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка», после чего Photoshop закрасит выделение цветом. Чтобы удалить контур выделения вокруг формы, перейдите в меню Select вверху экрана и выберите Deselect , как мы это делали в прошлый раз.Теперь у нас есть две формы — квадрат и круг — с кругом, перекрывающим квадрат:

Документ с добавленными обеими фигурами.

Проблема …

Мы нарисовали наши формы, и все выглядит отлично. Хотя …

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

Для этого мы … гм … хм. Подождите, как нам это сделать? Я нарисовал красный, затем оранжевый, и теперь мне просто нужно переместить красный перед оранжевым. Звучит достаточно просто, но … как?

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

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

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

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

Панель «Слои», отображающая все, что находится на фоновом слое.

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

К счастью, есть! Решение — использовать слои. Давайте попробуем то же самое, но на этот раз со слоями!

Дубль два, на этот раз со слоями

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

Перейдите в меню Edit вверху экрана и еще раз выберите Fill . Когда появится диалоговое окно «Заливка», измените значение параметра Использовать с Цвет на Белый :

Идем в Edit> Fill, затем меняем Use на White.

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет документ белым цветом, и мы возвращаемся к тому, с чего начали:

Документ снова закрашен белым.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Панель слоев

Я упомянул минуту назад, что панель «Слои» — это то место, куда мы переходим для просмотра слоев в нашем документе. Но на самом деле панель «Слои» — это гораздо больше. Фактически, это действительно Command Central для слоев. Если в Photoshop есть что-то, что связано со слоями, мы делаем это на панели «Слои». Мы используем панель «Слои» для создания новых слоев, удаления существующих слоев, переименования слоев, перемещения слоев, включения и выключения слоев в документе, добавления масок слоев и эффектов слоев…. список можно продолжить. И все это делается на панели «Слои».

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

Панель «Слои», показывающая фоновый слой с белой заливкой.

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

Наш белый фон уже находится на фоновом слое, поэтому давайте добавим над ним новый слой для нашей первой фигуры.Чтобы добавить новый слой в документ, мы просто нажимаем на значок New Layer в нижней части панели слоев (второй значок справа):

Щелкните значок «Новый слой».

Новый слой появляется над фоновым слоем. Photoshop автоматически называет новый слой Layer 1 . Если мы посмотрим на миниатюру предварительного просмотра слева от имени слоя, мы увидим, что он заполнен шаблоном шахматной доски . Узор в виде шахматной доски — это способ изображения прозрачности в Photoshop.Другими словами, он сообщает нам, что новый слой пустой. Он там ждет, что мы с ним что-то сделаем, но на данный момент на нем ничего нет:

Новый пустой слой с именем «Слой 1» появляется над фоновым слоем.

Обратите внимание, что уровень 1 выделен синим цветом. Это означает, что в настоящее время это активный слой . Все, что мы добавляем в документ на этом этапе, будет добавлено к активному слою (Layer 1), а не к фоновому слою под ним. Давайте добавим нашу первую фигуру, как мы это делали раньше.Поскольку нашей первой формой был квадрат, нам нужно снова выбрать инструмент Rectangular Marquee Tool на панели инструментов.

Панель инструментов показывает нам последний инструмент, который мы выбрали из группы. Под «группой» я подразумеваю все инструменты, вложенные вместе в одном месте. Поскольку последним инструментом, который мы выбрали из группы, был инструмент Elliptical Marquee Tool, его значок отображается сейчас на панели инструментов. Чтобы вернуться к инструменту Rectangular Marquee Tool, нам нужно щелкнуть правой кнопкой мыши (Win) / Control-щелкнуть (Mac) на инструменте Elliptical Marquee Tool, а затем выбрать инструмент Rectangular Marquee Tool из всплывающего меню:

Выбираем инструмент «Прямоугольная область» позади инструмента «Эллиптическая область».

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

Рисование другого квадрата.

Перейдите в меню Edit вверху экрана и выберите Fill . Когда откроется диалоговое окно «Заливка», измените параметр « Использовать » на Цвет , затем выберите цвет квадрата из палитры .Я выберу тот же красный цвет, что и в прошлый раз. Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка».

Photoshop закрашивает выделение выбранным вами цветом. Чтобы удалить контур выделения вокруг фигуры, перейдите в меню Select в верхней части экрана и выберите Deselect (я быстро выполняю эти шаги здесь просто потому, что они точно такие же, как мы делал ранее). Теперь у меня есть первая фигура, залитая красным, как и раньше:

Документ после повторного рисования такой же квадратной формы.

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

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

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

Добавление еще одного нового слоя.

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

Новый пустой слой появляется над слоем 1.

Обратите внимание, что слой 2 выделен синим цветом, что означает, что теперь это активный слой. Все, что мы добавляем рядом с документом, будет добавлено на уровень 2.Возьмите инструмент Elliptical Marquee Tool из панели инструментов (вложенной за инструментом Rectangular Marquee Tool) и растяните круговое выделение, как мы это делали раньше. Убедитесь, что часть его перекрывает квадрат. Затем вернитесь в меню Edit и выберите Fill . Повторно выберите Color для Используйте опцию , чтобы открыть Color Picker и выбрать цвет для формы. Я выберу такой же апельсин.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка».Photoshop заполняет выделение цветом. Подойдите к меню Select и выберите Deselect , чтобы удалить контур выделения вокруг формы. А теперь мы вернулись к тому, как все выглядело ранее с добавленными обеими нашими фигурами:

Обе фигуры были перерисованы.

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

Теперь каждый элемент в документе находится на отдельном слое.

Изменение порядка слоев

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

На данный момент круглая форма появляется перед квадратной формой в композиции, потому что слой круглой формы (слой 2) находится на выше слоя квадратной формы (слой 1) на панели «Слои». Представьте, что вы смотрите на слои сверху вниз на панели «Слои» и смотрите с по слоев в документе. Любой слой над другим слоем на панели «Слои» отображается в документе перед ним. Если содержимое двух слоев перекрывает друг друга, как это делают наши фигуры, то какой бы слой ни находился на ниже , другой на панели «Слои» будет отображаться на позади другого слоя в композиции.

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

Перетаскивание слоя 1 над слоем 2.

Идите вперед и отпустите кнопку мыши, после чего Photoshop поместит слой 1 на место над слоем 2:

Слой 1 теперь отображается над слоем 2 на панели «Слои».

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

Благодаря слоям можно было легко перемещать одну фигуру перед другой.

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

Что, если я решу это позже, знаете что? Раньше мне это действительно нравилось больше. Я хочу переместить круглую форму так, чтобы она была перед квадратной. Благодаря слоям это не проблема! Так же, как мы можем перетаскивать слои над другими слоями, мы также можем перетаскивать их под другими слоями.

Я нажимаю на слой квадратной формы (слой 1) и перетаскиваю его обратно под слой круглой формы (слой 2).Еще раз, полоса выделения показывает мне, куда будет перемещен слой, когда я отпущу кнопку мыши:

Перетаскивание слоя 1 ниже уровня 2.

Я отпущу кнопку мыши, чтобы Photoshop мог поместить слой 1 ниже слоя 2:

Слой квадратной формы снова ниже слоя круглой формы.

И мы снова видим круглую форму перед квадратной в композиции:

Формы возвращены в исходный порядок.

Перемещение слоев вокруг

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

Чтобы переместить содержимое слоя, выберите Photoshop Move Tool в верхней части панели инструментов:

Выбор инструмента «Перемещение».

Затем убедитесь, что на панели «Слои» выбран правильный слой. Я собираюсь переместить круглую форму справа от квадратной формы, поэтому я нажму на слой круглой формы (Слой 2), чтобы выбрать его и сделать активным. Опять же, я знаю, что теперь это активный слой, потому что Photoshop выделяет его синим, когда я нажимаю на него:

Щелкните слой 2, чтобы выбрать его.

Выбрав слой 2, я щелкну инструментом «Перемещение» по круглой форме и перетащу ее вправо от квадрата:

Слои позволяют легко перемещать элементы внутри композиции.

Мы даже можем перемещать обе фигуры одновременно. Для этого нам нужно выбрать оба слоя-фигуры одновременно. У меня уже выбран слой 2 на панели «Слои». Чтобы также выбрать слой 1, все, что мне нужно сделать, это нажать и удерживать клавишу Shift и нажать на слой 1.Оба слоя теперь выделены синим цветом, что означает, что они оба выбраны:

Одновременный выбор обоих слоев-фигур.

Если выбраны оба слоя, если мы щелкнем и перетащим один из них с помощью инструмента «Перемещение», обе фигуры переместятся вместе:

Одновременное перемещение обеих фигур.

Удаление слоев

Последнее, что мы рассмотрим в этом руководстве, — это удаление слоев. Если мы решим, что одна из фигур нам не нужна, мы можем удалить ее из композиции, просто удалив ее слой.Я нажимаю на слой квадрата (Layer 1), чтобы выбрать его. Затем, чтобы удалить слой, все, что нам нужно сделать, это перетащить его в корзину Trash Bin в нижней части панели «Слои» (крайний правый значок):

Перетаскивание слоя 1 в корзину.

После удаления слоя квадрата в документе остается только круглая форма (конечно, вместе с белым фоном):

При удалении слоя его содержимое удаляется из документа.

Я сделаю то же самое с круглой формой, перетащив ее слой в корзину:

Перетаскивание слоя 2 в корзину.

И теперь, когда оба слоя с фигурами удалены, мы снова вернулись только к нашему сплошному белому фону:

Обе формы удалены. Остается только фон.

Куда идти дальше …

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

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

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

Руководство по слоям Photoshop: руководство для начинающих

Бекки Килимник
23 октября 2018 г.

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

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

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

В этом руководстве по слоям:

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

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

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

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

Как слои работают в Photoshop?

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

слоям, их изменение, создание и удаление осуществляется через панель «Слои» в Photoshop.

В этом уроке Photoshop Layers мы рассмотрим следующее:

Панель «Слои»

В рабочем пространстве по умолчанию панель «Слои» находится в правой части окна Photoshop. Щелкните слово Layers , чтобы получить к нему доступ.

Если вы не можете найти панель «Слои» при открытии Photoshop, вы можете легко получить к ней доступ, щелкнув раскрывающееся меню «Окно» в верхней части окна приложения и выбрав Layers . Когда установлен флажок Layers , на экране появится всплывающая панель.

Добавление нового слоя

Есть несколько способов создать новый слой в Photoshop. Самый быстрый способ — нажать SHIFT + CTRL + N (SHIFT + COMMAND + N на Mac), чтобы автоматически создать новый слой поверх любых существующих слоев в документе.

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

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

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

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

Выбор слоев

Слой выбран, когда этот слой выделен на панели «Слои». Чтобы выбрать слой, щелкните его мышью на панели. На изображении ниже выбран слой 1, а фоновый слой — нет.

Вставка фотографии в новый слой

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

Чтобы вставить одно изображение в другое, войдите в документ с изображением, которое вы хотите скопировать, и убедитесь, что выбран слой, содержащий изображение (если есть только один слой, это будет фоновый слой). Щелкните Select> All или нажмите CTRL + A (COMMAND + A на Mac), чтобы выделить все изображение.

Скопируйте изображение, перейдя в Файл> Копировать или набрав CTRL + C (COMMAND + C на Mac).

Перейдите во второй файл, куда вы хотите вставить изображение, и щелкните Правка> Вставить или введите CTRL + V (COMMAND + V на Mac).

Изображение автоматически появится как новый слой в вашем документе Photoshop.

Вы также можете вставить часть изображения в новый слой. Для этого используйте один из инструментов выделения (Marquee Tools, Magic Wand Tool или Lasso Tools), чтобы выделить часть вашего изображения.

Изучите другие инструменты Photoshop

Убедитесь, что фоновый слой (или слой, содержащий ваше изображение) выбран на панели «Слои».Затем щелкните правой кнопкой мыши свое изображение (CTRL + щелкните мышью на Mac). В появившемся меню выберите Layer Via Copy .

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

Удаление слоя в Photoshop

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

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

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

Узнайте, как удалить или заменить фон изображения с помощью инструмента Magic Wand Tool

Дублирование слоя

Выберите слой, который нужно продублировать, и затем щелкните меню панели «Слои».Выберите Дублировать слой .

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

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

Отображение и скрытие слоев

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

Слои блокировки и разблокировки

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

Чтобы разблокировать фоновый слой, дважды щелкните его на панели «Слои». Появится окно New Layer, на этот раз с именем Layer, установленным на Layer 0. Нажмите OK .

Фоновый слой теперь будет отображаться как разблокированный слой, переименованный в Layer 0.

Чтобы заблокировать разблокированный слой, выберите слой, который вы хотите заблокировать, на панели «Слои». Затем щелкните значок замка прямо над списком слоев на панели.

Чтобы разблокировать слой, щелкните значок замка еще раз.

Использование слоев в Photoshop: советы по организации

Как только вы начнете по-настоящему использовать слои в Photoshop, вам понадобятся некоторые приемы, чтобы упорядочить их и редактировать вместе (или по отдельности).

В этом уроке Photoshop Layers мы рассмотрим:

Именование слоев

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

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

Замените существующее имя слоя, введя новое имя слоя.

Изменение порядка слоев

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

Кодирование слоев с цветом

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

Чтобы применить цветовой код к слою, выберите слой, который вы хотите пометить, и щелкните правой кнопкой мыши (CTRL + щелчок на Mac). Появится раскрывающееся меню с выбором цвета внизу.Щелкните цветовой код, который хотите применить к слою.

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

Связывание слоев

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

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

Чтобы связать слои, выберите все слои, которые нужно связать вместе. Если слои находятся рядом друг с другом на панели «Слои», удерживайте нажатой клавишу SHIFT, чтобы выбрать несколько слоев одновременно. Если слои, которые вы хотите связать, не расположены рядом друг с другом, выберите первый слой, а затем CTRL + щелкните (COMMAND + щелкните на Mac) по другим слоям, которые вы хотите выбрать.

Выбрав слои, щелкните значок ссылки в нижней части панели «Слои».

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

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

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

Создание групп слоев

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

Управление цифровыми активами 101: как организовать файлы фотографий продукта

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

Чтобы создать новую группу, щелкните меню панели «Слои» с правой стороны и выберите Новая группа ….

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

Чтобы добавить существующие слои в новую группу, выберите слои, которые вы хотите добавить, и перетащите их в новую группу с помощью мыши.

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

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

Чтобы автоматически создать группу и одновременно разместить в ней слои, выберите слои, которые нужно сгруппировать вместе. Затем в меню панели «Слои» справа выберите New Group from Layers… Появится такое же диалоговое окно New Group . Нажмите OK , и выбранные вами слоев будут автоматически помещены в вашу новую группу.

Сглаживающие слои

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

Чтобы сгладить слои, выберите Flatten Image в меню панели «Слои».

Отдельные слои исчезнут с панели «Слои» и заменены одним слоем с именем «Фон».

Объединение слоев

Объединение слоев объединяет только указанные вами слои в один слой, оставляя остальные слои нетронутыми. Чтобы объединить несколько слоев в один, выберите слои, которые вы хотите объединить. Используйте SHIFT + щелчок, чтобы выбрать слои рядом друг с другом, или CTRL + щелчок (COMMAND + щелчок на Mac), чтобы выбрать слои, которые не находятся рядом друг с другом.

В меню панели «Слои» выберите Объединить слои или введите CTRL + E (COMMAND + E на Mac).

В этом меню вы также можете выбрать Merge Visible , который объединяет все видимые слои вместе (независимо от выбранных вами слоев) и оставляет невидимые слои нетронутыми.

Слои для штамповки

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

Сначала выберите слои, на которые нужно нанести печать, и введите CTRL + A + E (COMMAND + OPTION + E на Mac).

Новый слой с комбинированным содержимым появится над выбранными вами слоями. Это ваш новый слой со штампом.

Вы также можете создать слой со штампом из всех видимых слоев. Для этого убедитесь, что все слои, на которые вы хотите нанести отметку, видны. Затем введите SHIFT + CTRL + A + E (SHIFT + КОМАНДА + OPTION + E на Mac). Появится новый отмеченный слой со всем вашим видимым содержимым.

Как настроить прозрачность и стиль слоя в Photoshop?

Регулировка непрозрачности слоя

Вы можете настроить прозрачность содержимого слоя, изменив значение непрозрачности в верхнем правом углу панели «Слои». Это может быть полезно, если вы хотите смягчить задний фон и сосредоточить больше внимания на объекте (продукте, модели и т. Д.) Изображения.

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

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

Менее Непрозрачность на панели «Слои» — это опция для настройки Layer Fill . Заливка немного отличается от непрозрачности тем, что влияет на прозрачность содержимого слоя, не влияя на непрозрачность стилей слоя. Регулировка заливки слоя будет иметь тот же эффект, что и регулировка непрозрачности слоя, если вы не применили какие-либо стили слоя.

Изменение режимов наложения слоев

Режимы наложения слоев влияют на способ взаимодействия слоя со слоями под ним. Режим наложения слоев по умолчанию — Нормальный; однако есть 26 дополнительных режимов наложения, которые вы можете применить к своему слою.

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

Применение стиля слоя

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

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

(Это раскрывающееся меню также позволяет настроить различные режимы наложения слоя с помощью параметров наложения.)

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

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

Нажмите ОК , когда будете готовы применить стиль.

Вы также можете настроить эффекты слоя после их применения, дважды щелкнув имя эффекта слоя под именем слоя на панели «Слои».

Снова появится то же диалоговое окно «Стиль слоя».Внесите изменения, добавьте или удалите дополнительные эффекты и нажмите «ОК».

Дальнейшее исследование: различные типы слоев в Photoshop

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

Ниже, в этом руководстве по слоям, мы быстро рассмотрим:

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

Adjustment Layers позволяет создавать настройки изображения, такие как Hue / Saturation или Exposure, и применять их к слоям без фактического изменения самого слоя.

На приведенном ниже снимке экрана показано то же изображение с корректирующим слоем оттенка / насыщенности, вставленным над первым слоем.

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

Маски слоя

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

На изображении ниже были стерты части второго слоя внутри маски слоя.

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

Слои заливки

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

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

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

Бекки Килимник

Bio: Имея более 18 лет опыта работы в качестве графического дизайнера, Бекки с энтузиазмом помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Как использовать слои в Photoshop

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

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

Для чего они используются?

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

Профессиональный монтаж

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

Он поставляется с интересными функциями

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

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

Организуйте свою работу

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

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

Работа со слоями в Photoshop: руководство для начинающих

Layers — мощный инструмент в Photoshop и одно из основных преимуществ этой программы по сравнению с Lightroom.

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

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

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

Слои очень просты для понимания … для этого нужно лишь немного изменить представление о том, как вы работаете в Photoshop; другая перспектива для всех, наконец, «щелкнуть». И в этом уроке я покажу вам, как именно это сделать.

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

Если вы предпочитаете учиться визуально (что я настоятельно рекомендую для всего, что касается Photoshop), вы можете скачать мой бесплатный видеокурс ниже. Этот курс, состоящий из пяти частей, также включает файлы практики и полезную шпаргалку в формате PDF, так что вы можете сразу же приступить к работе со слоями.

А теперь перейдем к руководству! Если вы предпочитаете смотреть или читать, я расскажу вам ниже.

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

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

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

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

Если по какой-либо причине палитра слоев не отображается, просто перейдите в верхнее меню и нажмите Windows> Слои или нажмите F7 на клавиатуре.

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

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

Как добавить новый слой

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

Спуститесь в нижнюю часть палитры слоев и щелкните значок «Добавить корректирующий слой» (как показано на скриншоте ниже) и добавьте новый корректирующий слой «Черно-белый».

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

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

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

Слои подобны стеклу

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

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

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

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

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

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

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

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

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

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

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

Возвращаясь к аналогии со стеклом: у нас есть нижний слой — или кусок стекла — который содержит наклеенную фотографию. Затем мы сложили сверху новый прозрачный кусок стекла и полностью покрыли его черным.

Этот новый черный наложенный слой на 100% не зависит от слоя фотографии под ним: я могу взять этот слой (или кусок стекла) и убрать его, уменьшить прозрачность, переместить… но он всегда будет оставаться отдельно от моей фотографии, потому что никоим образом не привязан к нему.

[cboxarea id = ”cbox-7fsz7Q6rf38cujKU”]

Взаимодействие со слоями

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

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

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

Просто введите желаемое имя (для этого слоя я назову его «Черный оверлей») и нажмите Enter.

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

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

Чтобы добавить слои в новую группу: сначала выберите все слои, которые вы хотите в этой группе, с помощью CMD + щелкнув по ним в палитре. Затем щелкните значок «Создать новую группу» в нижней части палитры.

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

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

Подвижные слои

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

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

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

Преобразование слоя

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

Выбрав черный оверлейный слой, нажмите CMD + T, чтобы активировать инструмент преобразования. Теперь у инструмента преобразования есть несколько расширенных функций, о которых я расскажу в другом уроке … но его основная функция — просто растянуть или сжать ваш слой по длине и / или ширине.

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

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

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

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

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

Изменение порядка слоев

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

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

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

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

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

Удаление слоя

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

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