Работа со слоями в Adobe Photoshop
Софья Скрылина, преподаватель информационных технологий Академии профессионального образования (Санкт-Петербург)
Слои — это, пожалуй, самое необходимое средство работы с изображениями в Photoshop, которое дает возможность разбить изображение на части и работать с каждой из них независимо от остальных. Слой можно сравнить с прозрачной пленкой, наложенной на изображение. Причем прозрачность пленки абсолютна: никакое количество слоев не исказит изображение, расположенное на самом нижнем из них. В данной статье рассмотрим способы разбиения изображения на слои, а также ознакомимся с видами слоев и особенностями их применения.
Создание слоя
Для работы со слоями изображения используется палитра Слои (Layers). Чтобы создать пустой слой, следует щелкнуть по кнопке чистого листа. В этом случае слой будет создан над исходным. Если выполнить щелчок по этой же кнопке с нажатой клавишей Ctrl, слой создастся под исходным слоем (рис. 1).
Копирование изображений на слои
Для того чтобы поместить изображение на слой другого изображения, можно воспользоваться несколькими способами.
С помощью инструмента Перемещение
Предварительно требуется расположить вкладки обоих документов рядом друг с другом, выбрав режим Расположить все вертикально (Tile All Vertically) или Расположить все в сетке (Tile All in Grid). Обе команды находятся в меню Окно (Window) -> Упорядочить (Arrange). А потом инструментом Перемещение (Move) перетащить изображение из одного окна в другое. Для перемещения фрагмента его следует предварительно выделить (рис. 2).
В результате этих действий в палитре Слои (Layers) автоматически добавится новый слой, на котором будет находиться копируемый фрагмент.
Вставка через буфер обмена
Для создания слоя можно использовать буфер обмена, в который помещается изображение или его часть путем выполнения команды Редактирование (Edit) -> Скопировать (Copy) или комбинацией клавиш Ctrl+C (в Mac OS — Command+C). А вот для вставки фрагмента из буфера обмена используется целый набор команд, в зависимости от того, какой результат вы хотите получить.
Команда Вставить
Эта команда возвращает из буфера обмена изображение на новый слой документа, автоматически выравнивая его по центру холста. Команда находится в меню Редактирование (Edit) и имеет клавиатурный эквивалент Ctrl+V (в Mac OS — Command+V).
Команды специальной вставки
Для специальной вставки используются три команды, расположенные в меню Редактирование (Edit) -> Специальная вставка (Paste Special).
Команда Вставить вместо (Paste in Place) позволяет выполнить вставку в ту относительную область изоб-ражения, из которой она была скопирована. Иными словами, если в оригинальном документе фрагмент изображения находится в левом углу, то при вставке он будет помещен в тот же угол целевого документа.
Так, на рис. 3а изображение мыши Magic Mouse находится в нижнем левом углу документа. Если его выделить, скопировать в буфер обмена, а потом открыть другой документ и произвести вставку с помощью команды Вставить вместо (Paste in Place), то изображение будет помещено в нижний левый угол открытого документа. На рис. 3б представлен результат вставки. В палитре Слои (Layers) автоматически добавился новый слой с изображением мыши (рис. 3в ).
Команда Вставить в (Paste into) позволяет вставить содержимое буфера обмена в выделенную область на изображении. Так, на рис. 4а приведено изображение воды, скопированной в буфер обмена. А на рис. 4б это изображение вставлено в выделенную область части стакана.
Обратите внимание на появившуюся маску в строке слоя с изображением воды, которая автоматически создана для сокрытия частей, выходящих за рамки выделения, — они обозначены черным цветом (рис. 4в ). Это слой-маска, он позволяет сохранить всё изображение на слое, не удаляя скрытых частей.
Команда Вставить за пределами (Paste Outside) вставляет изображение из буфера вокруг выделенной области, отсекая все, что в нее попадает. Поэтому, чтобы получить коллаж, представленный на рис. 5, необходимо предварительно выделить изображение статуи, после чего вставить фотографию пейзажа из буфера обмена, используя команду Вставить за пределами (Paste Outside).
Рис. 5. Результат команды Вставить за пределами, примененной к выделенной области статуи
Использование команд Вырезать на новый слой и Скопировать на новый слой
Эти команды используются для размещения фрагмента изображения на новом слое. Необходимо выделить фрагмент, а затем внутри выделения произвести щелчок правой кнопкой мыши и из контекстного меню выбрать команду Скопировать на новый слой (Layer via Copy) или Вырезать на новый слой (Layer via Cut) — в зависимости от того, хотите вы оставлять исходный фрагмент на оригинальном слое или нет. На рис. 6а показан выбор команды Скопировать на новый слой (Layer via Copy), а рис. 6б демонстрирует результат выполнения этой команды. В результате ее выполнения как будто бы ничего не происходит, если не обращать внимания на палитру Слои (Layers). Но палитра отчетливо показывает нам, что выбранный объект помещается на новый прозрачный слой, который располагается на верхнем уровне, а исходный фоновый слой остается без изменений.
Замечание
Обе команды будут содержаться в перечне контекстного меню только в том случае, если активным является один из инструментов выделения!
Обе команды имеют клавиатурные эквиваленты. Для копирования используется комбинация клавиш Ctrl+J (в Mac OS — Command+J), а для вырезания — Shift+Ctrl+J (в Mac OS — Shift+Command+J).
Использование команды Поместить
Команда Поместить (Place) находится в меню Файл (File) и предназначена для внедрения на слой векторных изображений, например логотипов, схем, диаграмм и т.п., которые были созданы в векторном графическом редакторе. Данная команда позволяет сохранить векторную природу изоб-ражения, к которому можно применять команды трансформации, не понижая его качества. Такие объекты называются смарт-объектами, работа с ними была рассмотрена в КомпьюАрт № 6’2012.
Слой, на который помещается смарт-объект, обозначается значком (рис. 7), который вам подсказывает, что вы работаете с векторным объектом.
Быстрое размещение нескольких изображений в одном документе
В случае если требуется собрать несколько фотографий в одном документе, можно воспользоваться командой Файл (File) -> Сценарии (Scripts) ->→ Загрузить файлы в стек (Load Files into Stack). В результате появляется диалоговое окно, в котором необходимо выбрать файлы изображений, предварительно нажав кнопку Обзор (Browse). Тогда изоб-ражения всех выбранных файлов будут размещены на отдельных слоях нового документа.
Маски слоев
Маска — это полутоновое или полноцветное изображение, скрывающее части слоя, на который она наложена. Для полутоновых масок черный, белый и серый цвета обозначают прозрачность маски. Черный цвет обозначает непрозрачные участки маски (через них слой не виден); белый — полностью прозрачные участки маски, а через серые слой виден частично. Вот такая маска, наложенная сверху на слой, и называется слой-маской. Обратите внимание — эти обозначения условны. Если необходимо, цвета можно поменять местами. Тогда белым будут показаны непрозрачные области, черным — прозрачные. Тем не менее, чтобы самому не запутаться с обозначениями, лучше умолчания не изменять.
Внимание!
Маска неприменима к фоновому слою. Перед созданием слой-маски необходимо преобразовать фоновый слой в обычный.
Photoshop позволяет работать с несколькими видами масок: растровыми, векторными и обтравочными.
Растровые слой-маски
Растровые маски создаются на основе выделенной области. Необходимо выделить фрагмент изображения, потом в нижней части палитры Слои (Layers) нажать кнопку добавления маски . В результате часть слоя, не вошедшая в область выделения, скроется за маской (рис. 8).
Как только вы создадите слой-маску в палитре Слои (Layers), ее миниатюра отобразится не только на слое, но и в палитрах Каналы (Channels) и Свойства (Properties). Палитра свойств предоставляет доступ к дополнительным настройкам параметров маски: плотности, растушевки, уточнения края и инверсии цветов маски. Более того, палитра свойств позволяет работать не только с растровыми масками, которые создаются на основе выделения, но и с векторными, создаваемыми на основе векторного контура.
Векторные слой-маски
Создание векторной маски следует начать с создания контура любым векторным инструментом, например Произвольная фигура (Custom Shape). Причем рисовать фигуру следует в режиме Контур (Path)! После создания векторной фигуры необходимо нажать кнопку Маска (Mask) на панели свойств (рис. 9).
Замечание
Помимо использования кнопки Маска (Mask), можно, как и в случае с растровой маской, щелкнуть по кнопке добавления маски в палитре Слои (Layers), но при нажатой клавише Ctrl (в Mac OS — Command)!
Дальнейшая настройка маски происходит в палитре Свойства (Properties) — рис. 10.
При желании можно обвести контур, например, кистью, а под слой с маской поместить еще какой-нибудь слой (рис. 11).
Обтравочные маски
В отличие от масок слоев обтравочная маска создается не на основе выделения или векторного контура, а на основе изображения на слое. Тогда все слои, расположенные выше обтравочной маски, будут маскироваться этим изображением. Для создания обравочной маски можно выполнить команду Создать обтравочную маску (Create Clipping Mask) из меню палитры Слои (Layers) или нажать комбинацию клавиш Alt+Ctrl+G (в Mac OS — Option+Command+G). Также можно навести указатель мыши с нажатой клавишей Alt (в Mac OS Option) на границу двух слоев, а когда указатель поменяется на квадрат с изогнутой стрелкой , щелкнуть мышью. В любом случае будет создана обтравочная группа, состоящая из двух слоев. Изображение нижнего слоя из этой пары превратится в обтравочную маску, а на верхнем слое появится обозначение в виде изогнутой стрелки . Нижний слой иначе называют базовым слоем обтравочной группы. Так, на рис. 12 изображение платья является обтравочной маской для верхнего слоя с фотографией желтых роз.
Виды слоев
Самые распространенные и часто используемые — это обычные слои, с которыми можно делать практически все: изменять режим наложения, применять к ним слоевые эффекты, различные варианты блокировки, изменять заливку и непрозрачность, проводить коррекцию, пропускать изображения через фильтры и т.д. Но не следует забывать и про другие виды слоев, которые делают вашу работу с Photoshop намного удобнее.
Фоновый
Фоновый слой имеет особые свойства. Это единственный слой, который не может содержать прозрачных пикселов и всегда располагается ниже других слоев. Если обычные слои мы сравниваем с прозрачными пленками с нанесенными на них изображениями, то фоновый слой — это лежащий под ними лист бумаги.
Для фонового слоя нельзя изменить режим наложения, непрозрачность, заливку. К нему нельзя применить ни один слоевой эффект (пока слой блокирован), а кроме того, его нельзя переместить инструментом Перемещение (Move).
Все изображения, которые вы снимаете фотоаппаратом или создаете в результате сканирования, имеют единственный фоновый слой.
Чтобы получить доступ к изменению свойств фонового слоя, необходимо преобразовать его в обычный слой. Для этого достаточно в палитре Слои (Layers) произвести по его строке двойной щелчок и нажать кнопку OK в автоматически открывшемся окне Новый слой (New Layer). Тогда значок замка исчезнет со строки слоя, а его имя поменяется на Слой 0 при условии, что вы не задали другого имени в окне создания нового слоя.
Для обратного преобразования обычного слоя в фоновый необходимо выполнить команду Слои (Layer) → Новый (New) → Преобразовать в задний план (Background From Layer).
Корректирующие
Корректирующие слои очень удобны для экспериментов с тоновой и цветовой коррекцией изображения. Инструментов много, и заведомо неизвестно, какой из них лучше справится в данной ситуации. Поэтому можно применить к изображению несколько вариантов коррекции, разместив их на разных корректирующих слоях, а потом выбрать оптимальный результат. Всегда можно скрыть или удалить корректирующий слой с нежелательным результатом, не внося изменений в исходное изображение.
Для создания корректирующего слоя используется кнопка в виде черно-белого круга на палитре Слои (Layers), которая раскрывает список, содержащий имена коррекций: Уровни (Levels), Кривые (Curves), Цветовой баланс (Color Balance) и т.д. В результате появляется палитра Свойства (Properties), в которой происходит настройка параметров слоя (рис. 13).
По умолчанию на корректирующих слоях создаются маски, которые связаны с ними. Если перед созданием корректирующего слоя не произвести никакого выделения, то коррекция применится ко всему лежащему ниже слою. Маска в этом случае будет белого цвета. Если предварительно выделить фрагмент, то на корректирующий слой будет наложена маска, которая позволит проводить коррекцию частей лежащего ниже слоя (рис. 14).
Рис. 14. Пример использования корректирующего слоя. Слева — исходное изображение
Корректирующий слой действует на все слои, которые находятся под ним. Если требуется провести коррекцию только на один лежащий ниже слой, не затрагивая остальные, то необходимо создать обтравочную группу из корректирующего слоя и корректируемого изображения. Базовым слоем следует назначить слой с изображением.
Заливочные
Чтобы наложить на объект цвет, градиент или узор, можно использовать три слоевых эффекта: Наложение цвета (Color Overlay), Наложение градиента (Gradient Overlay) или Наложение узора (Pattern Overlay). Для этих целей также можно выделить перекрашиваемый объект, создать новый слой, закрасить область выделения однородным цветом, градиентом или узором, а затем определить наиболее подходящий для данного случая режим наложения.
Но можно поступить иначе: для перекраски объекта создать слой-заливку. Как и корректирующий, этот слой создается с прозрачной маской, редактируя которую можно защитить от воздействия заливочного слоя перекрашиваемый объект (рис. 15).
Рис. 15. Пример использования заливочных слоев для перекраски объекта и нанесения текстуры. Слева — исходное изображение
Для создания заливочного слоя необходимо выделить слой с перекрашиваемым объектом, а затем выполнить щелчок по кнопке . Для слоя-заливки применяются три первых пункта раскрывающегося списка.
Текстовые
Для добавления в изображение надписи используются четыре инструмента: Горизонтальный текст (Horizontal Type), Вертикальный текст (Vertical Type), Горизонтальный текст-маска (Horizontal Type Mask) и Вертикальный текст-маска (Vertical Type Mask). Но обойтись можно одним инструментом Горизонтальный текст (Horizontal Type), потому что из горизонтального текста легко можно получить вертикальный, просто нажав кнопку на панели свойств инструмента. А из надписи можно мгновенно перейти к выделению, щелкнув по миниатюре текстового слоя с нажатой клавишей Ctrl (в Mac OS — Command).
После ввода текста необходимо подтвердить ввод, что можно сделать несколькими способами:
Для редактирования текстового слоя необходимо выбрать инструмент Горизонтальный текст (Horizontal Type) и просто щелкнуть мышью внутри надписи. Текстовый слой автоматически активизируется, а внутри надписи появится курсор ввода (рис. 16а ). Войти в режим редактирования можно иначе. Для этого достаточно выполнить двойной щелчок по миниатюре текстового слоя в палитре Слои (Layers). В этом случае текст выделится, как в текстовом редакторе (рис. 16б ).
Рис. 16. Примеры входа в режим редактирования текста: а — выполнен щелчок по надписи в окне документа при активном инструменте Горизонтальный текст; б — выполнен двойной щелчок по миниатюре текстового слоя в палитре Слои
Внимание!
Двойной щелчок необходимо сделать именно по миниатюре текстового слоя. Иначе вы откроете окно стилей или войдете в режим переименования.
Помимо короткого текста Photoshop позволяет работать с блочным текстом, состоящим из нескольких абзацев. Кроме того, текст можно вводить внутрь замкнутой векторной фигуры или контура (рис. 17).
Статья подготовлена по материалам книги «Photoshop CS6. Самое необходимое» Софьи Скрылиной: http://www.bhv.ru/books/book.php?id=190413.
И я вас снова всех приветствую, мои дорогие друзья и читатели! Сегодня воскресенье, начались праздники, а именно 3 дня выходных...А у меня, блин, рабочий день. Да, так получилось, что надо подменить коллегу, но зато на следующей недели я выйду не в среду, а в четверг. Так что после праздника будет еще один выходной. Но что-то меня понесло. Вы уже догадались зачем мы здесь собрались? Наверное поняли).
О том, я рассказывал ранее. А сегодня я вам намерен рассказать как работать со слоями в фотошопе. Вообще работа со слоями — это одна из самых главных тем, которую должен освоить начинающий пользователь Adobe Photoshop. В принципе трудностей у вас быть не должно и вся работа происходит абсолютно без напрягов. Быстро привыкните.
Помните, что слои хороши тем, что над каждым из них можно совершать независимые операции, не затрагивая при этом другие. Давайте изменим нашему аисту . Для примера я изменил яркость на -60, а контрастность на +50. И как видите небо осталось таким же как было, а птичка наша изменилась явно.
Панель слоёв
Панель слоев показываются в специальной области фотошопа, в нижнем правом углу. Здесь мы видим миниатюры каждого слоя и здесь можно работать непосредственно со слоями. И как вы видите у нас две миниатюры, а именно сам фон и тот самый аист. И каждое из этих изображений отдельны друг от друга, но смотрятся как влитые. Давайте посмотрим, что можно делать со слоями.
Попробуйте сами поиграть со слоями. Вы можете добавить еще какие-то детали, тогда и слоев будет гораздо больше. В общем пробуйте и набивайте ваши руки.
Ну а если вы хотите полностью освоить слои, да и вообще все инструменты и возможности фотошопа, то обязательно посмотрите этот видеокурс . Благодаря ему вы получите необходимые навыки для работы с фотошопом, кроме того всё показано просто замечательно и уроки смотрятся на одном дыхании. В общем очень рекомендую вам посмотреть его.
С уважением, Дмитрий Костин
Работа со слоями в Adobe Photoshop .
1. Понятие слоя.
Слой - это компьютерная метафора материального объекта - листа прозрачной кальки (или пленки). Компьютерная «калька» абсолютно прозрачна, даже десяток слоев не исказит рисунок на самом нижнем из них.
Слой, положенный на основной рисунок, обладает теми же параметрами, что и весь документ (размеры, разрешение, цветовая модель): это дает вам возможность перемещать изображения со слоя на слой, экспериментировать, пробовать различные режимы наложения пикселей, совершенно не опасаясь, что какая-то серия неправильных действий испортит изображение.
2. Палитра Layers.
Для создания, дублирования, объединения и удаления слоев используется специальная палитра, которая называется Layers . Каждая строка в палитре представляет слои изображения. Например, две строки в палитре слоев (как на рисунке) говорят о наличии двух слоев - слоя Layer 1 и слоя Background .
Откройте любую картинку.
Если Вы щелкните мышью на пиктограмме «Глаз» у любого слоя, то он станет невидимым. Эта пиктограмма управляет видимостью слоя.
При редактировании многослойного документа все изменения происходят только на активном слое. Для активизации слоя достаточно щелкнуть мышью на его миниатюре.
Примечание : Поскольку информацию о слоях может хранить только собственный формат Photoshop (формат PSD), изображения в прочих форматах содержат только один слой, Background. Сканирование тоже дает только однослойные изображения.
https://pandia.ru/text/78/307/images/image002_133.jpg" width="457" height="296 src=">
Слои можно сравнить со стопочкой книг, листов из тетрадки или альбомом. Вы складываете, а вернее накладываете слои друг на друга как складываете книги в стопочку. Вы можете поменять книги (слои) местами, можете убрать из стопки книгу, или добавить ещё одну. Надеюсь для тех кто совсем незнаком со слоями, сравнение со стопкой книг немного помогло в этом разобраться.
Добавим на на наше изображение ещё один слой, допустим бабочку (изображение в формате PNG, и потому оно на прозрачном фоне). Можете выделить бабочку(Ctrl +A), скопировать её (Ctrl +C), а потом вставить (Ctrl +V) бабочку в файл с изображением, или просто перетащить его инструментом Move Tool (Перемещение).
На изображении в правом углу расположилась бабочка. В палитре слоёв мы теперь можем наблюдать два слоя. Первый слой - это слой Слой0(Background(он у нас находится внизу)), и второй слой с бабочкой Слой 1), он находится выше слоя Background, и в правом углу иконки в палитре слоёв вы можете видеть маленькую бабочку на прозрачном фоне.
https://pandia.ru/text/78/307/images/image004_85.jpg" width="468" height="303 src=">
Мы можем выключить слой с бабочкой (то есть сделать его невидимым), нажав на иконку с глазом, рядом с иконкой слоя с бабочкой). Слой с бабочкой стал невидимым, что бы вернуть ему видимость нужно снова нажать на глаз. Слой с бабочкой стал видимым:
https://pandia.ru/text/78/307/images/image006_77.jpg" alt="Слои и работа с ними в Фотошопе" width="32" height="24 src=">из палитры инструментов.
Перетащив бабочку в правый верхний вы увидите что и в палитре слоёв произошли некоторые изменения, на иконке слоя с бабочкой, она тоже теперь находится в верхнем правом углу. То есть всё что мы делаем в документе с нашими изображениями, обязательно отражается на слое в палитре слоёв:
https://pandia.ru/text/78/307/images/image008_63.jpg" width="199" height="352 src=">
Или в верхней панели опций выбрать: Layer>Duplicate Layer (Слой - Создать дубликат слоя):
https://pandia.ru/text/78/307/images/image010_50.jpg" width="183" height="229 src=">
И самый простой и чаще всего применяемый мною способ это сочетание клавиш Ctrl+J.
Теперь в нашей палитре слоёв 3 слоя: Слой 0, слой с бабочкой (Слой 1) и только что созданный слой с бабочкой, который фотошоп по умолчанию назвал Слой 1 копи.
Новый слой с бабочкой автоматически был создан над выделенным слоем (по умолчанию фотошоп создаёт новый слой или дубликат слоя над выделенным слоем).
Итак у нас в палитре слоёв три слоя, а в самом файле мы видим всего-то наш фон и бабочку, но это только потому что фотошоп создаёт дубликат слоя строго над тем же слоем что у нас был. Потяните инструментом Move Tool бабочку в сторону, и вы это увидите:
https://pandia.ru/text/78/307/images/image012_46.jpg" width="192" height="130 src=">
Удаление слоя.
Чтобы удалить ненужный слой, правой кнопкой мыши нажимаем в палитре слоёв на слой который хотим удалить, и из списка выбираем: Delete Layer.
Или же: в палитре слоёв мышкой нажимаем на слой и перетаскиваем в корзинку, которая находится в основании палитры слоёв. Слой удалится.
Режимы смешивания или Blending mode.
Ниже находится Blending mode (Режимы смешивания):
https://pandia.ru/text/78/307/images/image014_41.jpg" width="176" height="384 src=">
Opasity (Непрозрачность) слоя.
В этом же ряду находится Opasity (Непрозрачность) слоя.
Понижая Opasity (Непрозрачность) , мы понижаем Непрозрачность слоя:
https://pandia.ru/text/78/307/images/image016_33.jpg" width="505" height="320 src=">
Маска слоя.
С помощью этой иконки можно к слою применить Маску слоя. Маска слоя хороша тем что позволяет исправлять ошибки совершённые при удалении фона и прочих операциях. Если применить к слою Маску, далее начать удалять фон, то в любой момент можно восстановить весь фон или нужную часть фона. Чёрный цвет отвечает за удаление пикселей, белый за востановление. Маску слоя можно отключить, редактировать или в конце концов удалить, применив к слою изменения сделанные с помощью Маски, или не применив, тогда изображение останется таким же как и до добавления Маски. Удалить Маску можно перетянув на иконку с корзиной:
https://pandia.ru/text/78/307/images/image018_26.jpg" width="200" height="241 src=">
И выберите из списка команду корректировки. Установите нужные параметры и нажмите ОК. В любой момент вы можете выключить корректирующий слой или удалить, так как он создаётся в виде отдельного слоя. Основное изображение при этом останется неизменным.
Группирование слоёв.
Когда у вас собралось достаточно много слоёв, и уже переименование не помогает чтобы в них разобраться, можно слои сгруппировать в отдельные папочки. Для создания папки нужно нажать на иконку в виде папки и перетащить туда нужные слои:
https://pandia.ru/text/78/307/images/image020_25.jpg" width="205" height="229 src=">
Слияние слоёв.
Слить все видимые слои можно нажав на сочетание клавиш Ctrl+Shift+E, или нажав правой кнопкой мыши на слой и выбрав Слить видимые слои (Merge Visible). Если вам нужно слить не все, а несколько слоёв, выделите их в палитре слоёв и нажмите правой копкой мыши по одному из слоёв, и из списка выберите Слить слои (Merge Layers).
Работа со слоями в фотошопе – это возможность изменять отдельно части картинки, составить изображение из разрозненных элементов. Коснемся базовых моментов.
Относительно друг друга каждый слой можно переместить, объединить их в группы, корректировать. При этом каждый из них можно сделать прозрачным, полупрозрачным, сплошным.
Что такое слои в фотошопе
Представьте себе, что просматриваете стопку фотографий. Вы их перекладываете, но видеть можете только верхнее фото. Это сплошные слои. Положите на фотографии прозрачный файл, и видимость не изменится. Теперь нарисуйте на файле картинку или напишите текст. Появится ощущение, что картинка или текст наложены на верхнее фото. Так в редакторе работает прозрачный фон. Отсортируйте фотографии по значению и разложите в конверты. Для такой сортировки в Adobe Photoshop существует функция «Сгруппировать».
Какие бывают слои
Изображение. Его основу составляют пиксели. Когда в редакторе открывается картинка, палитра (1) автоматически его отображает.
Заливка. Заполняет однотонным цветом, узором или градиентом.
Текст. Работа с текстовым слоем в фотошопе несколько отличается. Он не содержит пикселей. В палитре (1) он появляется сразу, как при активном инструменте «Текст» приступаем к работе.
Векторный слой. Это произвольная фигура, не содержащая пикселей. В палитре он появляется автоматически при использовании инструмента. Внутри очертания фигура заливается цветом.
Корректирующий слой и слой-маска. Помогают корректировать насыщенность цвета, затемнение или освещение изображений, расположенных под ними. Сама картинка остается неизменной, а корректирующий слой указывает программе, какие изменения к ней применить.
Основная работа со слоями в фотошопе
Любое действие при работе со слоями в Фотошопе можно выполнить несколькими способами: при помощи палитры (1), вкладки на панели управления (2), горячими клавишами. Если нужной палитры не окажется в правой части редактора, активируется она путем «Окно» — «Слои».
Самый первый, часто задаваемый вопрос о программе Фотошоп
заключается в следующем: что такое слои? Я, как правило, отвечаю что каждая создаваемая композиция в Фотошоп является результатом сочетания нескольких частей, объединенных вместе и называемых слоями.
Как невозможно себе представить футболиста, не знающего правил игры в футбол, так и невозможно представить графического дизайнера, не имеющего представления о слоях. Можно много говорить о значении слоев в творческом процессе, но лучше убедиться в этом на наглядном примере.
Начнем знакомство со слоями с создания Нового документа в Фотошоп ((File> New) Ctrl+N) размером 640х480 рх в режиме RGB с разрешением 72 рх/дюйм и белым фоном.
Внизу справа вы можете видеть окно «Слои» (Layers) . Если же данное окно отсутствует в рабочем пространстве, то его вызов производится нажатием на вкладку «Окно-Слои» (Window>Layers) в верхней панели установок.
Здесь вы можете просматривать, выбирать и изменять все слои, которые составляют ваш конечный результат.
Вы видите, что в нашей панели слоев уже присутствует один слой, заполненный белым цветом – фоновый (Background) . Создадим Новый слой (New Layer) , нажав на его иконку внизу палитры слоев. Она имеет вид листка с отогнутым краем. Нажав на нее, вы увидите, что появился еще один слой выше фонового слоя, но на рабочем экране ничего не изменилось. Так происходит потому, что Фотошоп автоматически создает Новый слой прозрачным (Transparent) .
Установите цвет переднего плана на черный ( (#000000) , нажав на клавиатуре букву «D» (цвет по умолчанию программы), или кликните по иконке цвета переднего плана (foreground) и введите числовое значение цвета в окне палитры.
Выберите инструмент «Заливка» (Paint Bucket (G) ) и нажмите им на рабочую область, чтобы заполнить документ черным цветом. Теперь посмотрите в палитру слоев, и вы увидите, что наш, до этого прозрачный новый слой, стал черным. Это произошло потому, что он был выделен, и заливка воздействовала именно на данный слой. Теперь у нас два слоя: белый и черный. Поскольку черный находится выше белого, он отображается в данный момент на экране монитора, а белый в это время - скрыт.
Измените цвет переднего плана на желтый (#f9d904) , открыв цветовую палитру и установив значение. Активируйте инструмент Горизонтальный текст (Horizontal type tool (T)) и напишите что-нибудь на холсте. Обратите внимание, что Фотошоп автоматически создал Новый текстовой слой.
Теперь посмотрите в палитру слоев на строку фонового слоя (Background) . Там стоит значок замка, который показывает, что слой заблокирован, т.е. не может подвергаться изменениям. Чтобы разблокировать фон, дважды щелкните по его миниатюре в палитре слоев и в появившемся диалоговом окне нажмите Ок. Теперь наш фон стал обычным слоем, который можно корректировать, как и все остальные слои документа.
Если вы в процессе работы не хотите подвергать изменениям какой-либо слой документа, щелкните на иконку замка в палитре слоев и нужный вам слой заблокируется.
При работе со слоями вы всегда можете переименовать их по своему желанию. Для этого, сделайте двойной клик по названию слоя в панели слоев и, при появлении белой рамки, переименуйте его.
Выберите нижний слой (белый) и измените его цвет на оранжевый (# eb6e08) при помощи инструмента «Заливка» (Paint Bucket (G) ). В рабочем пространстве ничего не изменилось, но в палитре слоев наш нижний слой стал оранжевым.
Теперь встаньте на черный слой и активируйте инструмент «Ластик» (Eraser Tool (E)) размером 300 рх и 100% жесткостью.
Нажмите ластиком в центре документа. Что же произошло? Мы стерли часть черного слоя и теперь, на этом месте стал видимым оранжевый слой, находящийся под черным.
Это связано с иерархией (последовательностью) слоев.
В палитре слоев переместите слой с текстом ниже черного слоя, нажав левую кнопку мыши и потянув слой вниз (значок руки сменится на значок кулачка).
Теперь одна часть текста скрыта черным слоем, а другая часть осталась
видима. Сделайте клик правой кнопкой мыши по миниатюре текстового слоя и в выпадающем меню выберите «Параметры наложения» (Blending Options)
. Откроется окно «Стили слоя» (Layer Style)
. То же окно открывается двойным щелчком мыши по миниатюре слоя. Здесь вы можете добавлять различные эффекты вашему слою. Выберите опцию «Тень» (drop shadow)
и выполните настройки, как на скриншоте внизу. Применение данного эффекта добавит изображению глубины.
Добавьте мягкую тень остальным слоям документа, и вы отчетливо увидите три уровня расположения (иерархию) слоев друг над другом в рабочем окне программы.
Почему применение слоев так необходимо?
В этом мини-упражнении я покажу вам полезность использования слоев.
Создайте Новый документ (Ctrl+N)
и разблокируйте фоновый слой (см. предыдущий урок). Активируем инструмент Кисть (brush tool)
и рисуем что угодно на холсте.
Что произойдет, если вы захотите переместить нарисованное в другое место холста? Инструментом Перемещение (Move Tool) вам удастся передвинуть весь слой (рисунок и белый фон).
Теперь давайте вернемся в прежнее положение. Создаем Новый слой (иконка внизу палитры слоев) и опять рисуем кистью на нем.
Пробуем переместить нарисованное, и теперь наш белый фон стоит на месте, а рисунок свободно движется в пространстве активного слоя. Перемещение воздействует на слой, содержащий только мазок кистью.
Таким образом, наличие слоев в документе позволяет вам полностью контролировать работу в программе, вносить нужные изменения в любой момент времени. Это очень важно, когда приходится работать с множеством слоев в количестве 200-300. Для каждого важного изменения в изображении всегда создавайте Новый слой (Ctrl+Shift+N) .
Как упоминалось выше, название для каждого слоя является хорошей практикой в целях создания порядка в работе. Когда количество слоев растет, их удобно объединять в группы. Чтобы создать группу, выделите нужные слои (удерживая Ctrl , сделайте клик по миниатюрам слоев) и перейдите во вкладку Слои-Сгруппировать слои (Layer>Group layers) или нажмите сочетание клавиш Ctrl+G . Организация слоев не только положительная практика, но и необходимая вещь при работе с объемными сложными проектами. На скриншоте ниже представлен пример создания дизайна сайта WeGraphics . Каждая группа документа содержит по 10 и более слоев.
Представляете, как сложно было бы работать при отсутствии группировки?
Надеюсь, вы узнали много полезного о свойствах слоев и их использовании.
