Как сделать слой background в фотошопе. Фоновый слой в Photoshop. Чтобы преобразовать фон в слой

Рассмотрим понятие слоёв, фоновый слой. Создание слоёв. Трансформация слоя. Блокировки слоёв. Opacity и Fill.

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

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

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

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

Откройте документ pepperts.jpg из папки Sample (находится в папке Photoshop). Теперь на примере этого слоя рассмотрим палитру Layers, которая отвечает за работу со слоями. Если у Вас её нет на экране, то добудьте её при помощи команды Window|Layers .

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

Создание слоёв.

Эта операция является ключевой в работе со слоями. Есть несколько способов создать новый слой. Создание "пустого" слоя производится двумя способами: через меню Layers|New|Layer... (комбинанация Shift+Ctrl+N ) или нажатием на пиктограмму группы управления слоями палитры Layers. Если вы создаёте новый слой первым способом, то перед вашим взором возникнет следующее диалоговое окно:

Каждый слой можно назвать именем собственным. Это помогает отыскать его в куче слоёв. Если у вас есть несколько слоёв, которые имеют какую либо связь (абсолютно вашу - ассоциативную), то вы можете задать подкраску строки слоя в палитре Layers определённым цветом. Тогда точно знаете, что подкрашенные вами одинаковым цветом строки имеют определённую логическую связь. Этот ключевой цвет вы можете выбрать в поле Color . Что такое алгоритм наложения и непрозрачность вы уже знаете на примере кистей. Пока непонятным остаётся только флажок Group With Previous Layer (сгруппировать с предыдущим слоем), но это только пока мы не рассмотрели понятие группировки слоёв.

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

Теперь попробуем порисовать на новом слое. Обратите внимание на следующее правило:
все действия, которые вы производите, относятся только к активному слою;
То, что вы только что нарисовали относится только к активному слою. Активный слой легко отличить по "синей подсветке" его строки в палитре Layers и по пиктограмме с кисточкой слева от его строки в палитре Layers. Для того, что бы сделать слой активным необходимо просто щёлкнуть по его строке в палитре Layers.

Теперь убедимся, что наше рисование отнеслось к нашему слою. Слева от строки слоя в палитре Layers кроме пиктограммы "активности" находится кнопка-пиктограмма , которая позволяет включить отображение слоя или выключить его. Давайте отключим отображение нашего нового слоя, - если ваш импровизированный рисунок исчез, значит вы сделали всё правильно. Если всё наоборот, то скорее всего вы рисовали не на том слое. Тут есть небольшая особенность - если отображение (видимость) слоя отключено(а), то на слое сделать ничего нельзя, пока вы его не активизируете его одним щелчком по пиктограмме, где раньше был "глазик" (он исчезает когда вы выключаете отбражение слоя).

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

Теперь рассмотрим наши возможности. Поле As позволяет задать имя создаваемого дубликата. В разделе Destonation можно указать куда копируется слой (в какой документ). Если у вас открыто несколько документов, в выпадающем меню Document вы найдёте полный список открытых документов и вдобавок пункт New . Если вы хотите создать на базе копируемого слоя новый документ, то это именно то, что вам необходимо. Ниже активируется поле Name , в котором вы должны ввести имя создаваемого документа.

Другой способ дублирования слоя заключается в том, что мы выбираем команду Duplicate Layer... из контекстного меню копирования слоя. Ситуация точно такая же, как и в предыдущем случае. Абсолютно идентичная команда находится в меню палитры Layer. Всё для вашего удобства. Однако есть более быстрый способ создания дубликата. Просто захватите курсором мыши копируемый слой (зажмите левой кнопкой мыши) и потяните строку слоя на значок создания нового слоя палитры Layers.

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

Теперь перейдём к более сложному и часто используемому варианту - создание слоёв из выделенных областей. Для этого создадим выделение прямоугольной формы на фоновом слое документа papperts.jpg. Теперь самый классический вариант - работа с буфером обмена. Скопируем в буфер обмена выделенную область (либо меню Edit|Copy либо сочетания клавиш Ctrl+C ). Теперь, если вставить из буфера обмена скопированный ранее фрагмент (либо меню Edit|Paste либо сочетания клавиш Ctrl+V ), автоматически создастся новый слой, на котором будет находится выделенная ранее область. Понятно, что сначала вы ничего и не заметите, кроме появления новой строки слоя в палитре Layers. Теперь сделайте фоновый слой невидимым и всё станет на свои места. Подобное действие произведёт и вырезание (либо Edit|Cut либо сочетания клавиш Ctrl+X )) выделенной области в буфер обмена. Единственное отличие заключается в том, что на месте вырезанной области останется фрагмент фонового слоя закрашенный в фоновый цвет. Если слой, из которого был вырезан фрагмент изображения не является фоновым, то на месте вырезанной области будет прозрачная "дырка" в слое. Вставлять области изображения, находящиеся в буфере обмена, можно в любой документ. И в этом случае в качестве результата операции вставки будет новый слой. Эти операции можно также проделать и при помощи команд меню Layer. Эти команды находятся в меню Layer|New , соответственно Layer via Copy , что означает "создать слой путём копирования" и Layer via Cut - "создать слой путём вырезки (cut)".

Существует возможность создать уже заполненный слой. Если вам необходим именно этот вариант, то есть три возможности: слой со сплошной заливкой (solid), слой с градиентной заливкой (gradient) и слой залитый текстурной заливкой (pattern). Для создания такого слоя можно воспользоваться командой из группы New Fill Layer меню Layer. Если вы выбираете пункт Solid... то в первом диалоговом окне вам предложат настроить создаваемый слой, а во втором настроить цвет заливки. Если выбираете Gradient... то сразу после диалогового окна создания слоя вам предложат настроить градиент, которым будет залит создаваемый слой. Настройки градиента в этом случае абсолютно совпадают с настройками обычного градиента. Всё не менее прозаично и в случае если вы выбираете создание текстурной заливки, т.е. пункт Pattern...

Создавать слои мы уже умеем, копировать умеем, а сейчас научимся удалять. На самом деле ничего сложного - ломать не строить. Для удаления слоя - просто выделяем строку слоя в палитре Layers и нажимаем на пиктограмму в группе управления слоями палитры Layers. Другие способы - команда Delete Layer или из контекстного меню слоя или из меню Layer|Delete|Layer .

В 7-й версии Photoshop есть такое понятие как Layer Set (набор слоёв). Это не что иное как папка для слоёв. Т.е. вы можете создать набор слоёв по какому единому принципу - обычно их объединяет общий режим наложения или использование какого-то одного цветового канала. Эти параметры можно задавать набору слоёв в целом, что облегчает работу с большим количеством слоёв. Также есть некоторые средства работы со всеми слоями, воздействие которых можно ограничивать для выбранного набора слоёв, к примеру Корректирующие слои (пока это не о чём не говорит). Работа с набором слоёв аналогично работе с файлами и папками в файловом менеджере (например проводнике). Прежде всего можно создать папку. Это делается командой New Layer Set группы команд New из меню Layer или нажатием кнопки из группы управления слоями палитры Layer. При этом вам представится возможность задать основные параметры набора слоёв в появившемся диалоговом окне.

Среди предложенных настроек вы найдёте возможность изменения имени набора, ключевого цвета (тоже самое, что и для слоёв, см. выше) и режима наложения. Единственное новшество - это режим наложения Pass Through, что означает "пройти насквозь" - это просто такой режим наложения, при котором все слои ведут себя как единое целое. Для того, что бы добавить слой в набор слоёв достаточно просто перетащить его строку в палитре Layers на значок вашего набора слоёв в палитре Layers. Для того, что бы убрать слой из набора слоёв его точно также нужно перетащить на значок набора слоёв в палитре Layers.

Рядом с названием набора слоёв, слева находится треугольничек , при нажатии на который все строки слоёв, входящие в набор слоёв, скрываются, а при повторном нажатии опять демонстрируются. Отмечу, что это очень полезное свойство. Кстати о свойствах; свщйства набора слоёв можно вызвать из контекстного меню иконки набора слоёв командой Layer Set Properties .

Флажки R G B позволяют указать какие цветовые каналы можно отображать, а какие не отображать.

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

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

Трансформация слоёв происходит в так называемом режиме Free Transform . В этот режим можно войти двумя способами - либо воспользоваться соответствующей командой - Free Transform меню Edit -, либо комбинацией Ctrl+T. Принципы работы в этом режиме полностью аналогичны принципам работы с режимом Transform Selection в случае выделенных областей. У вас есть маркеры на габаритном боксе, есть горячие клавиши Alt - симметричное изменение размеров, Shift - пропорциональное изменение размеров, Ctrl - работа с каждым маркером по отдельности. Для выхода из режима достаточно просто нажать Enter .

Также предусмотрена точная трансформация слоя. Для этого в меню Edit есть набор команд Transform. Первые пять команд - Scale, Rotate, Skew, Distort, Perspective приводят к панели свойств на которой вы и сможете выполнить все эти операции.

Управление смещением слоя - это аналог простого передвижения слоя инструментом Move. обратите внимание на первую пиктограмму этой группы настроек. Смещение происходит всегда относительно какой-либо точки. По умолчанию эта точка расположена в геометрическом центре слоя. На указанной нами иконке вы как раз и сможете изменить положение точки относительно которой и будет происходить смещение. Для этого просто достаточно щёлкнуть на маленьком прямоугольничке, который символизирует положение точки смещения. После того, как вы выбрали точку смещения, вы в полях X и Y указываете абсолютные координаты, на которые нужно передвинуть слой, либо, нажав кнопку , и перейдя в режим относительных координат смещения, указать на сколько пикселей нужно сместить по горизонтали и по вертикали ваш слой.

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

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

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

Завершает панель свойств две кнопочки. Соответственно это выход из режима трансформации, и утверждение внесённых трансформаций. На клавиатуре соответственно Enter - это подтвердить изменения, Esc отменить изменения.

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

• Rotate 180 - поворот слоя на 180 градусов.
• Rotate 90 CW - поворот слоя на 90 градусов по часовой стрелке.
• Rotate 90 CCW - поворот слоя на 90 градусов против часовой стрелки
• Flip Horizontal - зеркальное отражение по горизонтали
• Flip Vertical - зеркальное отражение по вертикали

Блокировки слоёв.

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

Защитить можно прозрачность - это пиктограмма . Защитить прозрачность Preserve Transparancy, означает не разрешить заполнение прозрачных фрагментов слоя. Это довольно часто используемый приём.

Последняя пиктограмма применяет все запреты одновременно.

Opacity и Fill.

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

Понятие Fill (поле Fill находится вверху палитры Layers) практически полностью аналогично понятию прозрачности. Но....

Главное - на прозрачность, заданную через Fill, применить некоторые эффекты, связанные с прозрачностью, нельзя.

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

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

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

Одно из действий, которое мы не можем совершать со слоем заднего фона, - перемещение его содержимого. Обычно, когда нам надо переместить содержимое слоя, мы выбираем в верхней части панели инструментов инструмент «Перемещение» (Move):

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

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

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

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

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

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка» (Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка» , просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение» (Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение» (удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка» :

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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

Белая область внутри рамки теперь заполнена черным цветом

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) - в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона - черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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

Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

Видно, что новая фотография появилась перед фоторамкой в окне документа:

Второе изображение появилось перед фоторамкой

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

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

Хорошо, если мы не можем перемещать слой «Фон» поверх другого слоя, что будет, если мы попробуем переместить другой слой под слой «Фон»? Я нажму на «Слой 1» и попробую переместить его под слой «Фон», но и это не получается. Опять возникает маленький значок в виде перечеркнутого круга, который означает невозможность совершения действия:

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» - служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, - как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее - «Слой из заднего плана» (Layer From Background):

Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

Более быстрый способ заключается в том, что можно просто дважды кликнуть кнопкой мыши по слову «Фон» на панели слоев:

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:

Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

Например, мне все еще нужно переместить фоторамку поверх изображения на «Слое 1». Теперь это сделать легко, так как фоторамка больше не находится на слое «Фон»! Я могу всего лишь нажать на «Слой 0» на панели слоев и перетащить его наверх, чтобы тонкая светлая полоска появилась над «Слоем 1»:

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

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

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

Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, - вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:

Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

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

Перемещаем фотографию на нужное место внутрь фоторамки

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

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

Перевод: Ксения Руденко

Основы работы со слоями

Обзор урока

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

Создавать, просматривать, скрывать и выделять слои.

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

Применять к слоям режимы перехода.

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

Применять к слою градиент.

Добавлять в слой текст и применять к нему эффекты.

Сохранять копию файла с объединенными слоями.

Выполнение урока займет около часа. Если нужно, удалите папку предыдущего урока со своего жесткого диска и скопируйте в него папку LessonO 5. По мере ра­боты над этим уроком вы перезапишете исходные файлы. Если вам нужно восста­новить исходные файлы, скопируйте их с компакт-диска, прилагаемого к книге «Adobe Photoshop CS3. Официальный учебный курс».

Обшие сведения о слоях

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

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

Начало работы

Вы начнете урок с просмотра изображения завершенной композиции.

1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окончания загрузки программы) нажмите и удерживайте комбинацию клавиш CTRL + ALT + SHIFT (Windows) или Command + Option + SHIFT (Мае OS), чтобы восстановить стандартные настройки программы. (Подробности можно найти введении к книге.)

2 Когда будет предложено, щелкните на кнопке Yes (Да) для подтверждение намерения восстановить настройки, а затем щелкните на кнопке Close (Закрыть), чтобы закрыть начальный диалог программы.

4 Щелкните на вкладке Folders (Папки), а затем щелкните на папке Lessons (Уроки); дважды щелкните на папке LessonO 5 и выберите файл O 5 End . psd д.ля предварительного просмотра.

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

5 Выделите, а потом дважды щелкните мышью на эскизе файла O 5 Start . psd , чтобы открыть этот файл в программе Photoshop.

6 В меню программы Photoshop выберите команду File ♦ Save As (Файл ♦ Сохранить как), присвойте файлу имя O 5 Working . psd и щелкните на кнопке Save (Сохранить), сохранив рабочую версию исходного файла, вам не придется беспокоиться о случайном изменении оригинала.

Использование палитры Layers (Слои)

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

1 Если палитры Layers (Слои) нет в рабочей области, выберите в меню команду Window ♦ Layers (Окно ♦ Слои).

На палитре Layers (Слои) для файла O 5 Working . psd перечислены пять слоев (пе­речисление идет сверху вниз): текстовый слой с названием 2, слой Shell (Улитка), слой Letter (Письмо), слой Paper Texture (Текстура бумаги) и слой Background (Задний план).

2 Сделайте путем выделения активным слой Background (Задний план), если он еще не выделен. Обратите внимание на эскиз и значки этого слоя:

Значок в виде замка указывает на то, что слой защищен.

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

Команды контекстного меню позволяют скрывать или изменять размеры эскиза слоя. Щелкните правой кнопкой мыши (Windows ) или щелкните мышью, удерживая нажатой клавишу Ctrl (Ма c OS ), на эскизе слоя на палитре Layers (Слои) и в открывшемся контекстном меню выберите команду No Thumbnails (Нет), Small Thumbnails (Маленькие), Medium Thumbnails (Средние) или Large Thumbnails (Большие).

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

3 Запустите программу Adobe Bridge, щелкнув мышью на кнопке Go to Bridge перейти к Bridge, расположенной на панели параметров инструментов, папке LessonO 5 дважды щелкните на файле Photo . psd для его открытия в программе Photoshop.

Палитра Layers (Слои) изменяется и отображает информацию и эскиз слоя для файла Photo . psd . Как видите, в изображении Photo . psd есть только один слой: Layer 1 (Слой 1), но не Background (Задний план). Более полную информацию о фоновом слое можно найти ниже, в разделе «О фоновом слое».

0 фоновом слое

Когда вы создаете новое изображение с белым или цветным фоном, самому нижнему изображению на палитре Layers (Слои) присваивается имя Background (Задний план). Изображение может иметь только один фоновый слой. Вы не можете изменить положение фонового слоя в пачке слоев, его режим перехода или непрозрачность. Однако вы можете преобразовать фон в обычный слой.

Когда вы создаете новое изображение с прозрачным содержимым, изображение не имеет фонового слоя. Самый нижний слой не имеет таких ограничений, которые налагаются на фоновый слой; вы можете перемещать слой в любое по­ложение на палитре Layers (Слои), а также изменять его непрозрачность и режим перехода.

Чтобы преобразовать фон в слой:

1 Дважды щелкните мышью на слое Background (Задний план) на палитра Layers (Слои), либо выберите в меню команду Layer ♦ New ♦ Layer From Background (Слой ♦ Новый ♦ Из заднего плана).

2 Установите нужные параметры слоя и переименуйте его.

3 Щелкните мышью на кнопке ОК.

Чтобы преобразовать слой в фон:

1 Выделите слой на палитре Layers (Слои).

2 Выберите в меню команду Layer ♦ New ♦ Background From Layer (Слой ♦ Но­вый ♦ Скопировать на новый слой).

Вы не можете создать фон путем присвоения обычному слою имени Background (Задний план) - вы должны использовать команду Background From Layer (Скопиро­вать на новый слой).

Переименование слоя и его копирование из одного файла в другой

Для создания нового слоя проще всего перетащить изображение из одного файла в другой файл. Независимо от того, перетаскивается слой из окна изображения исходного файла или из палитры Layers (Слои) этого файла, в конечном файле воспроизводится только активный слой. Прежде чем начать работу, убедитесь, что оба файла, O 5 Working . psd и Photo . psd , открыты, причем активен файл Photo . psd .

Сначала присвойте слою Layer 1 (Слой 1)более осмысленное имя.

1 На палитре Layers (Слои) дважды щелкните мышью на имени слоя Layer 1 (Слой 1) и введите новое имя Photo (Фотография), а потом нажмите клавишу ENTER (Windows) или Return (Mac OS).

2 Если нужно, растащите окна изображений файлов Photo . psd и OSWorking . psd так, чтобы вы могли видеть по крайней мере часть каждого изображения. За­тем выделите изображение Photo . psd , чтобы файл этого изображения стал ак­тивным файлом.

3 На панели инструментов выберите инструмент Mo ve (Перемещение) и Наведите его куда-нибудь внутрь окна изображения Photo . psd .

4 Перетащите фотоизображение из файла Photo . psd и опустите его в окно Изображения файла O 5 Working . psd .

Слой Photo (Фотография) появится в окне изображения файла O5Working. psd и его палитре Layers (Слои), между слоями Background (Задний план) и Paper texture (Текстура бумаги).

5 Закройте файл Photo . psd и не сохраняйте внесенные изменения.

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

П poc мот p отдельных слоев.

Как видно на палитре Layers (Слои), файл O 5 Working . psd содержит шесть слоев, причем некоторые из них видимы, а некоторые скрыты. Значок глаза, крайний слева от имени слоя на палитре, указывает, что этот слой видим.

1 Щелкните мышью на значке глаза возле слоя Photo (Фотография), чтобы скрыть фотографию. Щелкая мышью на этом значке в столбце Show / Hide Visibility (Отобразить/Скрыть слой), можно скрывать или показывать слой.

2 Щелкните мышью еще раз на столбце Show / Hide Visibility (Отобра­зить/Скрыть слой), чтобы вновь показать фотографию.

Выделение и удаление некоторых пикселов из слоя

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

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

1 Убедитесь, что слой Photo (Фотография) выделен. (Чтобы выделить слой, Щелкните мышью на имени слоя в палитре Layers (Слои).)

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

2 Чтобы сделать непрозрачные области в этом слое более явными, скройте все слои, кроме слоя Photo (Фотография). Для этого нажмите и удерживайте клавишу ALT (Windows) или Option (Mac OS) и щелкните мышью на значке глаза слева от имени слоя Photo (Фотография).

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

3 Выберите инструмент Magic Eraser (Волшебный ластик), скрытый за инструментом Eraser (Ластик).

Вы можете задать допуск для инструмента Magic Eraser (Волшебный ластик). Если допуск слишком мал, инструмент Magic Eraser (Волшебный ластик) не уда­лит некоторые белые области вокруг фотографии. Если же допуск слишком ве­лик, инструмент Magic Eraser (Волшебный ластик) удалит некоторые области в изображении фотографии.

4 На панели параметров инструмента задайте значение 22 для параметра Tolerance (Допуск) либо с помощью указателя мыши, либо вводом с клавиату­ры в текстовое поле.

5 В окне изображения щелкните мышью на белой области, окружающей фото­графию.

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

6 Снова включите видимость фона щелчком мыши на столбце Show / Hide Visibility (Отобразить/Скрыть слой) возле имени слоя. Теперь в том месте, где стала прозрачной белая область в слое Photo (Фотография), видно изображе­ние синего фона.

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

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

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

1 Раскройте слои Shell (Улитка), Letter (Письмо), Paper Texture (Текстура бумаги), Щелкнув мышью на столбце Show/Hide Visibility (Отобразить/Скрыть слой) возле имен этих слоев.

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

Слой Photo (Фотография) расположении и ниже слоя 2, который является вершиной стека, однако пока оставим этот слой скрытым. Мы вернемся к нему несколько позже.

2 На палитре Layers (Слои) перетащите слой Photo (Фотография) вверх, в положение между слоями Shell (Улитка) и Letter (Письмо) - наблюдайте за жирной линией, разделяющей слои в пачке, а затем отпустите кнопку мыши.

В порядке слоев слой Photo (Фотография) переместился на два уровня вверх в пачке слоев, и теперь фотография отображается поверх изображения письма и страничной текстуры, но под слоями Shell (Улитка) и 2.

Управлять порядком расположения слоев в стеке можно также путем их выделе­ния в палитре Layers (Слои) и применения подкоманд команды Layer ♦ Arrange (Слой ♦ Мантаж} Bring to Front ,(На передний план), Bring Forward (Переложить вперед), Send to Васк (На задний план) и Send Bacfward (Переложить назад).

Изменение непрозрачности и режима перехода слоя

Обратите внимание на то, что, «слой с изображением смятого листа бумаги непрозрачен и блокирует синий фон слоя, лежащего ниже. Вы можете уменьшить прозрачность любого слоя, Что позволит видеть сквозь него другие слои. Вы можете также применить к слою различные режимы перехода, которые влияют на то, как цветовые пикселы b изображении «сшиваются с пикселами в слоях под ним. (В настоящее время установлен режим перехода Normal (Обычный)) Сейчас мы отредактируем слой P арег Texture (Текстура бумаги) таким образом, чтобы сквозь него просматривалось фоновое изображение.

1 Выделив слой Paper Texture (Текстура бумаги) на палитре Layers (Слои), щелкните мышью на стрелке возле текстового поля Opacity (Непрозрачность) и перетащите ползунковый регулятор до значения 50%. Кроме того, для установки значения непрозрачности можно навести указатель мыши на надпись Opacity , нажать кнопку мыши и перемещать указатель вправо и влево. Или же можно Просто ввести значение в текстовое поле Opacity (Непрозрачность).

Изображение слоя Paper Texture (Текстура бумаги) становится частично прозрач­ным, и вы можете видеть лежащие под ним слои. Обратите внимание, что изме­нение непрозрачности влияет только на область изображения слоя Paper texture (Текстура бумаги). Изображения письма, фотографии и ракушки остаются совер­шенно непрозрачными.

2 Слева от параметра Opacity (Непрозрачность) на палитре Layers (Слои) из от­ скрывающегося списка режимов перехода, выберите пункт Luminosity (Свечение).

3 Переустановите значение параметра Opacity (Непрозрачность), изменив его на 75%.

4 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.

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

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

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

1 Выделите сначала в пишите Layers (сjioи) слой Photo (Фотография), а потом, зажав клавишу SHIFT . выделите щелчком мьш1ью также и слой Letter (Письмо).

2 Щелкнув на значке в правом верхнем углу палитры Layers (Слои), выбе­рите в открывшемся меню палитры команду Link Layers (Связать слон) или щелкните на кнопке Link Layers (Связать слои), расположенной в нижней час­ти палитры.

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

3 Не отменяя выделения слоев в палитре Layers (Слои), выберите в меню команду Edit ♦ Free Transform (Редактирование ♦ Свободное трансформирование ♦ Вокруг изображений в связанных слоях появится ограничивающий прямоугольник.

4 Нажмите клавишуSHIFT и, удерживая ее нажатой, перетащите внутрь угловой маркер, чтобы уменьшить масштаб письма примерно на 20%.

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

6 Нажмите клавишу ENTER (Windows) или Return (Mac OS), чтобы применить изменения, внесенные трансформацией.

7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить).

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

На следующей стадии вы создадите новый слой, не содержащий рисунка.

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

1 На палитре Layers (Слои) щелкните мышью на слое Paper texture (Текстура бу­маги), чтобы сделать его активным слоем, затем щелкните на кнопке Create а new Layer (Создайте новый слой) в нижней части палитрыLayers (Слои).

Между слоем Paper texture (Текстура бумаги) и слоем Letter (Письмо) появится новый слой с именем Layer 1 (Слой 1).

Вы можете также создать новый слой, выбрав команду New Layer (Новый слой) в меню палитры Layers (Слои) или команду Layer ♦ New ♦ Layer (Слой ♦ Новый ♦ Слой) в меню программы Photoshop .

2 Щелкните мышью дважды на имени слоя Layer 1 (Слой 1), введите имя слоя Gradient (Градиент) и нажмите клавишу ENTER (Windows) или Return (Mac OS), чтобы переименовать слой.

3 Gradient (Градиент).

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

5 Выберите образец градиента Foreground to Transparent (От основного к прозрачному), затем щелкните мышью в окне изображения, чтобы закрыть меню выбора градиента.

Вместо образцов градиента можно вывести список имен различных градиентов Для этого щелкните мышью на кнопке меню палитры для окна выбора градиен­та и выберите либо пункт Small List (Маленькие миниатюры и имена), либо Large List (Большие миниатюры и имена). Можно также подержать указатель мыши над эс­ кизом градиента в окне выбора градиента, пока не появится всплывающая подсказка, сообщающая имя градиента.

Щелкните мышью на вкладке палитры Swatches (Образцы). Чтобы перенести на передний план этой группы палитр, и выберите любой оттенок зеленого цвета, который вам понравится.

7 Убедитесь, что слой Gradient на палитре Layers (Слои) активен, и при нажатой левой кнопке мыши переместите инструмент Gradient (Градиент) от правого нижнего угла изображения до левого верхнего угла.

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

8 Убедившись в том, что слоя Gradient все еще является активным, выберите из открывающегося меню Mode (Режим) палитры Layers (Слои) режим M ultiply (Умножение) и измените непрозрачность для слоя Gradient на значение 75%, после чего щелкните па кнопке ОК. Сквозь градиент слои Paper texture (Текс­тура бумаги) и Background (Задний план) видны полностью.

Добавление текста

Теперь вы готовы создавать текст с помощью инструмента Horizontal Туре (Горизонтальный текст), который помещает текст на собственный отдельный слой. Затем вы отредактируете текст и примените к текстовому слою специальный эффект.

1 Снимите выделение со всех слоев в палитре Layers (Слои) путем щелчка мышью за пределами названий слоев. Если в палитре Layers (Слои) отсутствует свободная область, расширьте ее, применив операцию перетаскивания.

2 Установите фоновый цвет черным, щелкнув мышью на маленьком двойном квадратике Default Foreground and Background Colors (Цвет переднего и заднего плана по умолчанию) возле образцов цвета на панели инструментом.

3 На панели инструментов выберите инструмент Horizontal Туре (Горизонтальный текст) (Т). Затем на панели параметров инструмента выберите следующие параметры для инструмента Horizontal Туре (Горизонтальный текст):

Выберите в раскрывающемся списке Font (Задайте гарнитуру) шрифт засечка ми (мы выбрали шрифт Adobe Garamond ).

Выберите стиль шрифта (мы использовали Italic (Курсив)).

Введите в поле Size (Задайте кегль) размер шрифта (мы ввели значение 76 пунктов) и нажмите на клавиатуре клавишу Enter (Windows) или Return (MacOS).

В открывающемся списке Set the anti - aliasing method (Задайте метод сглаживания) выберите пункт Crisp (Четкое).

Выберите параметр выравнивания текста Right align (Выключка текста направо).

4 Щелкните мышью где-нибудь в правой верхней области окна изображения и ведите слово Scrapbook (Альбом). Далее щелкните на кнопке Commit Any current Edits (Применить текущую правку).

Свойство background-blend-mode — режим смешивания фоновых слоёв — алгоритм, определяющий механизм взаимодействия пикселей каждого слоя. Фон бокса одного элемента может иметь несколько слоёв. Количество слоёв определяется количеством значений, разделенных запятыми в свойстве background-image . Если для элемента задано несколько фоновых слоёв, первый фон из списка будет применяться к верхнему слою.

Jpg); /* в данном примере мы увидим только градиентную заливку */ }

Свойство background-blend-mode делает верхний (активный) слой полупрозрачным, что позволяет показывать сквозь него нижележащие слои. Обязательное условие — фоновых слоёв должно быть минимум два:

Jpg); background-blend-mode: overlay; } Рис. 1. Режим смешивания для градиента и картинки

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

Jpg), linear-gradient(45deg, #f8a261, #6e9fc9); background-blend-mode: overlay; } Рис. 2. Режим смешивания для картинки и градиента

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

Jpg); background-blend-mode: overlay, color; } Рис. 3. Два режима смешивания для двух градиентов и картинки

Свойство background-blend-mode может применяться к любому html-элементу, не анимируется и не наследуется.

Поддержка браузерами

IE: не поддерживает
Edge: не поддерживает
Firefox: 30.0
Chrome: 35.0
Safari: 7.1 частичная поддержка
Opera: 22.0
iOS Safari: 8.0 частичная поддержка
Opera Mini: не поддерживает
Android Browser: 53.0
Chrome for Android: 54.0

1. Виды режимов смешивания

Для каждого режима используются математические расчёты, которые вычисляются в диапазоне от 0 до 1, где 0 соответствует чёрному цвету, 1 — белому. Все режимы смешивания можно разделить на следующие группы:
1) Нормальный режим — normal ;
2) Режим контраста — overlay , soft-light , hard-light ;
3) Режим затемнения — darken , multiply , color-burn ;
4) Режим осветления — lighten , screen , color-dodge ;
5) Режим сравнения — difference , exclusion ;
6) Компонентный режим — hue , saturation , color , luminosity .

Примеры использования режимов смешивания

1. Эффект холста

Div { width: 550px; height: 550px; background-image: url(https://html5book.ru/wp-content/uploads/2016/12/romantika.jpg), url(https://html5book.ru/wp-content/uploads/2015/12/background63.jpg); background-blend-mode: color-burn; }

Фоновый слой
Слой с именем Background (называемый нами фоновым) имеет особые свойства. Это единственный слой, который не может содержать прозрачных пикселов и всегда располагается ниже других слоев. Если мы уподобили обычные слои прозрачным пленкам с нанесенными на них изображениями, то фоновый слой - это лежащий под ними лист бумаги.
Все изображения, которые вы найдете на Photo CD или отсканируете, имеют единственный слой - фоновый. Наличие фонового слоя - не обязательное требование к цифровым изображениям, в этом вы уже убедились на примере документа Europe.pdf. Когда фона нет, некоторые участки изображения являются прозрачными.
Примечание
Если напечатать документ с прозрачными участками и без слоя Background на принтере, то прозрачность будет передана отсутствием изображения.
Чтобы преобразовать фоновый слой в обычный, достаточно изменить его имя:
1. В палитре Layers (Слои) выделите слой Background.
2. Сделайте двойной щелчок мышью на имени слоя.
3. В появившемся диалоговом окне New Layer (Новый слой) дайте слою новое имя, например Relief.
Теперь в документе вовсе нет фонового слоя. Убедимся в этом.
1. Инструментом Magic Wand (Волшебная палочка) при отключенном режиме Contiguous (Непрерывно) выделите на рельефной карте все области, занятые морем.
2. Выберите команду Clear (Очистить) меню Edit (Редактирование) или нажмите клавишу Del. Пикселы выделенной области удалены. Теперь она стала прозрачной.
Создадим в документе новый фоновый слой.
1. Создайте новый слой щелчком на кнопке Create New Layer (Создать новый слой) в палитре Layers (Слои).
2. В списке New (Новый) меню Layer (Слой) выберите команду Background from Layer (Фон из слоя). Новый слой преобразован в фоновый.
3. С помощью палитры Swatches (Образцы) установите рабочим светло-голубой цвет (Light Cyan), а фоновым — синий (Light Cyan Blue).
4. Заполните фоновый слой вертикальным линейным градиентом от рабочего цвета к фоновому.

Удаление фона
При создании монтажей слои Photoshop дают вам в руки отличный инструмент комбинирования изображений. Первая проблема, с которой вам придется столкнуться- это подготовка фрагментов для монтажа. Обычно вы имеете дело с фотографиями, на которых интересующий вас объект находится не один или расположен на каком-то фоне. Чтобы получить из такой
фотографии элемент монтажа, необходимо удалить с нее все лишнее, оставив только нужный объект на прозрачном фоне. Настоящий раздел посвящен средствам Photoshop, которые помогут вам в решении этой задачи.
Инструмент Magic Eraser
При создании монтажа большое значение имеет качественное вырезание изображений из фона. Если объект имеет простую форму, то можно просто выделить его с помощью инструментов, а затем, инвертировав выделение, удалить фон. Для изображений сложной формы приходится применять более изощренные методы экстракции.
Удаление однородного фона не составит труда. Его можно выделить инструментом Magic Wand (Волшебная палочка), а затем убрать командой Clear (Очистить) меню Edit (Редактирование). В новой версии Photoshop появился инструмент Magic Eraser (Волшебный ластик), действие которого объединяет в себе выделение и удаление близких цветов.
Избавимся от фона на фотографии Бранденбургских ворот, находящейся в файле Gates.jpg на прилагаемой дискете.
1. Откройте файл Gates.jpg.
2. Преобразуйте фоновый слой документа в обычный, изменив его имя на Gates. По большому счету это преобразование не обязательно: как только вы воспользуетесь инструментом Magic Eraser (Волшебный ластик), Photoshop сам сделает из фонового слоя обычный.
3. Выберите инструмент Magic Eraser (Волшебный ластик) из палитры инструментов.
4. Палитра свойств для этого инструмента очень похожа на палитру свойств Magic Wand (Волшебная палочка). Установите значение Tolerance (Порог) равным 64, задав тем самым большой диапазон близких цветов. Мы можем себе это позволить, т. к. цвет неба резко отличается от окраски объекта.
5. Инструмент Magic Eraser (Волшебный ластик), как и Magic Wand (Волшебная палочка), имеет два режима работы. В режиме Contiguous (Непрерывно) удаляются только близкие по цвету смежные пикселы. Если он отключен, то анализируется цвет пикселов всего изображения. В нашем случае лучше отменить режим Contiguous (Непрерывно), чтобы не удалять отдельно каждый фрагмент фона.
6. Флажок Anti-aliased (Сглаживание) советуем установить, чтобы края объекта получились зрительно более ровными.
7. Щелкните инструментом Magic Eraser (Волшебный ластик) примерно посередине верхнего края изображения, над колесницей, венчающей ворота. Большая часть фона удалена.

8. Теперь надо действовать тоньше. Уменьшите величину Tolerance (Порог) до 16 и несколькими щелчками на оставшихся фрагментах фона удалите его до конца. Примечание
Для инструмента Magic Eraser (Волшебный ластик) возможно задание параметра Opacity (Непрозрачность ). При значении, равном 100%, фон удаляется полностью, при меньших - частично. Если установлен флажок Use All Layers (Действует на все слои), удаление близких цветов производится одновременно со всех слоев документа. Когда включен флажок Contiguous (Непрерывно), удаляются только области, граничащие с точкой щелчка мышью, при снятом флажке - все области слоя, имеющие близкий цвет.
9. Сохраните изображение с удаленным фоном в рабочей папке на жестком диске.
В результате действия инструмента образуется область с четкой границей.