Фоновый слой. Фоновый слой в Photoshop

Свойство 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; }

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

Обзор урока

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

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

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

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

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

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

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

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

Выполнение урока займет около часа. Если нужно, удалите папку предыдущего урока со своего жесткого диска и скопируйте в него папку 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 (Применить текущую правку).

1. Установите основной и фоновый цвета обратными умалчиваемым белый - основным, а черный - фоновым. Проще всего поменять основной и фоновый цвета щелчком на соответствующей пиктограмме в палитре инструментов или нажатием клавиши.

2. Выберите команду Canvas Size из меню Image

3 Открывшееся диалоговое окно (рис 5 3) делится на две области" Current Size и New Size Первая область несет информационную нагрузку - в ней указаны текущие размеры изображения в выбранных единицах измерения. Во второй области задается желаемый геометрический размер изображения в любых единицах измерения. Они выбираются из находящихся рядом с полями Width и Height раскрывающихся списков. Введите в эти поля значения "29 cm" и "23 cm", соответственно.

Рис. 5.3. Диалоговое окно Canvas Size

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

5. Нажмите кнопку ОК. Справа и снизу документа появятся черные поля (рис 5. 4). Теперь ясно, что установка фонового цвета на первом шаге потребовалась для того, чтобы поля сразу имели нужный цвет, черный.

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

1. Активизируйте слой Background

2. Выберите инструмент Magic Wand

3. Ус1ановите значение "1" для допуска в палитре свойств инструмента Magic Wand

4. Выделите черный фон полей холста.

Рис. 5.4. Размер холста увеличен

5. Установите основной и фоновый цвета но умолчанию щелчком на соответствующей пиктограмме в палитре инструментов или нажатием клавиши

6. Выберите в меню Edit команду Clear или нажмите клавишу Del. Эта команда удаляет пикселы изображения. Для слоя Background "удаление" трактуется как приведение их к фоновому цвету Как видите, фон стал белым

7. Слой Background можно преобразовать в обыкновенный слой. Дважды щелкните мышью на пиктограмме слоя Background в палитре слоев

8. В открывшемся диалоговом окне Make Layer дайте имя этому слою, например, "north" Для этого введите имя в поле Name вместо находящегося там по умолчанию Layer 0 (рис 5.5)

9. Нажмите кнопку ОК В палитре слоев по-прежнему два слоя. Изображение в окне документа тоже никак не изменилось Тем не менее изменения есть, и вы их сейчас увидите

10. Выберите в меню Edit команду Clear или нажмите клавишу Del Результат этой команды совсем не такой, как на шаге 6. Удаленные пикселы не окрасились в фоновый цвет, а стали прозрачными. Заднего плана на изображении теперь вообще нет.

Рис. 5.5. Диалоговое окно Make Layer

Примечание

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

Для обратной операции, превращения обычного слоя в Background, нужно выполнить несколько действий.

1. Установите основной и фоновый цвета обратными умалчиваемым: белый - основным, а черный - фоновым.

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

3. Любое количество слоев изображения можно сводить в один. Команды сведения "склеивают" слои изображения. При этом пикселы верхних слоев замещают пикселы нижних. Операция сведения необратима, так как замещенные пикселы утрачиваются навсегда. Теперь, когда слой Background создан, остается свести его со слоем north. Активизируйте слой north и выберите команду Merge Down из меню Layer. Слой north будет сведен с нижележащим слоем Background.

Примечание

Полезной командой, предназначенной для выполнения сведения нескольких слоев в один, является Merge Visible, находящаяся в меню Layer. Чтобы ею воспользоваться, надо предварительно сделать видимыми только те слои, которые нужно сводить. Третья команда сведения, Flatten Image из меню Layer, выполняет сведение всех слоев изображения. Чаще всего она применяется по окончании работы над изображением и необходима для последующего импорта в программу верстки или подготовки иллюстраций. Эти программы зачастую не поддерживают формат PSD, а работают в основном с форматами TIFF или EPS. Хранить готовые изображения тоже удобнее в сведенном виде. Это очень сильно сокращает размеры их файлов.

Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент "Перемещение" (Move Tool), он находится в верхней части панели инструментов:

Если мы возьмём этот инструмент и попробуем переместить фон, или даже просто кликнуть внутри окна документа, то Photoshop выдаст нам сообщение: "Применение инструмента "Перемещение" невозможно: слой закреплен." (Could not complete your request because the layer is locked).

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

Правило 2: Не поддерживает прозрачность

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

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

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

Чтобы удалить пиксели внутри выделенной области, мне нужно нажать клавишу клавиатуры Backspace или Delete, но вместо удаления области и замены её прозрачностью, как получилось бы на обычном слое, Photoshop почему-то открывает диалоговое окно Заливки (Fill) для выбора цветов для заполнения области:

Мне это не надо, поэтому я нажму на кнопку "Отмена" (Cancel), чтобы закрыть это диалоговое окно, ведь хотел удалить белую область внутри рамки, а не заполнять её другим цветом. Предположим, что Photoshop просто ошибся, так что я буду пробую другой способ удаления пикселей. Пройдём по вкладке главного меню Редактирование --> Вырезать (Edit --> Cut). На обычном слое после этого действия на месте выделенной области появится прозрачная (пустая) область, а у меня опять получился неожиданный результат - выделенная область заполнена чёрным:

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

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

Так как же я смогу разместить фотографию внутри рамки? Давайте отложим эту проблему на некоторое время и вернемся к ней чуть позже.

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

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

Это изображение в настоящее время открыто у меня в отдельном окне Фотошопа, так что я быстро скопирую его в документ фоторамки, нажав комбинацию клавиш Ctrl+A для выбора всей фотографии, затем Ctrl+C, чтобы скопировать изображение в буфер обмена. Затем перехожу на документ фоторамки и нажимаю Ctrl+ V для вставки изображения в документ. Photoshop помещает изображение на новый слой "Слой 1" (Layer 1) выше фонового слоя с фоторамкой:

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

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

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

Правило 4: нельзя поместить любые слои ниже фонового

Итак, мы не можем двигаться фоновый слой поверх другого слоя. Что, если мы попробуем переместить обычный слой ниже фонового? Если я попытаюсь перетащить "Слой 1" под фоновый, то Фотошоп выдаст такой же символ запрета, как и в случае выше:

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

Давайте подведём итог. Мы узнали, что Photoshop не позволит нам переместить содержимое фонового слоя инструментом "Перемещение" (Move Tool), потому что слой зафиксирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, так что нет никакого способа, чтобы удалить что-либо на нём. И мы узнали, что фоновый слой всегда должен оставаться нижнего всех слоёв в панели. Мы не можем перетащите его выше других слоёв, и мы не можем перетащить другие слои ниже.

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

Преобразуем фоновый слой в обычный (разблокирование фонового слоя)

1) Пройдите по вкладке главного меню Слой --> Новый --> Слой из Фона (Layer --> New --> Layer From Background).

2) Имеется и более быстрый способ - просто дважды щелкнуть непосредственно по слову Фон (Background) , либо по иконке замочка в панели слоёв:

В любом случае из двух указанных выше способов откроется окно, где Вы можете ввести своё название, либо оставить предложенное Фотошопом по умолчанию, затем нажать ОК:

3) И самый быстрый способ. Зажмите клавишу Alt и дважды щёлкните мышкой по слову Фон (Background) , после чего Фотошоп мгновенно преобразует слой в обычный и переименует его в "Слой 0" (Layer 0), минуя диалоговое окно.

Итог

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