Как сделать слой фоном в фотошопе
Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием «Фон» (Background). Документ может иметь только один фон. Порядок следования, режим наложения, а также степень непрозрачности фона не могут быть изменены. Однако данные атрибуты фона могут быть изменены после его преобразования в обычный слой.
А теперь подробнее.
В предыдущем материале мы получили необходимые навыки для работы со слоями в Панели слоёв в Photoshop. Мы научились добавлять новые слои, удалять, перемещать слои выше и ниже друг друга, рассмотрели, как добавлять корректирующие слои и стили слоя, изменить режим наложения и уровень прозрачности, и многое другое.
Но прежде чем мы перейдем к работе со слоями, мы должны рассмотреть один особый тип слоя, и это фоновый слой. Он нуждается в отдельном рассмотрении, т.к. есть целый ряд действий, которые мы можем осуществить с обычными слоями, но не можем с фоновым, и, если мы не будем знать эти нюансы заранее, это может привести к путанице и лишним потерям времени и нервов.
Вот изображение, которое я буду использовать в этом материале:
Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием «Фон» (Background), в чём мы можем убедится, посмотрев на Панель слоёв. Обратите внимание, что слово «Фон» написано курсивом, этим Photoshop сообщает нам о том, что данный слой — особенный:
Photoshop называет этот слой «Фоном» (Background) по той простой причине, что он служит фоном для всего нашего документа. Любые дополнительные слои, добавленные к документу, обязательно окажутся выше фонового слоя. Так как назначение этого слоя — служить фоном, есть ряд вещей, которые Photoshop не позволит нам с ним сделать. Давайте быстренько рассмотрим эти несколько простых правил, которые лучше запомнить. Тогда, в конце этого материала мы узнаем простой способ, чтобы обойти каждое из них!
Правило 1: Мы не можем перемещать содержимое фонового слоя
Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент «Перемещение» (Move Tool), он находится в верхней части панели инструментов:
Если мы внимательно посмотрим на панель слоёв, то увидим небольшой значок замка, дающий нам понять, что слой заблокирован.
Правило 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), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
3. На панели Слои выберите слой Model.
4. Выберите Инструмент «Быстрое выделение».
5. Нажмите Выделить предмет и затем — Выделение и маска.
Уточнение выделения
6. Переместите ползунок Сместить край влево (-100%). Нажмите ОК.
7. На панели Слои нажмите Добавить слой-маску.
Примечание. При выходе из режима Выделение и маска фон возвращается. При применении маски фон исчезает.
Единообразие цвета
8. На панели Слои, удерживая нажатой клавишу Alt, перетащите слой New Background вверх и разместите его над слоем Model, так появится слой New Background копия.
9. Выберите слой New Background копия. Выберите Фильтр > Размытие > Среднее. Всё станет зеленым.
10. Удерживая Alt, нажмите между зеленым слоем и слоем Model, чтобы создать обтравочную маску. Зеленый цвет заполнит слой Model.
11. Выберите зеленый слой и задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 45%.
Добавление цветового эффекта
12. На панели Слои выберите Создать новый корректирующий слой или слой-заливку и затем — Цвет.
14. На панели Слои задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 50%.
Работа со слоями в Photoshop — один из важнейших навыков, которые необходимо помнить, чтобы использовать Photoshop более профессионально. В следующей статье давайте узнаем, как превратить слой в фон в Photoshop с помощью следующего урока.
1. Измените свойство Layer на Background.
В качестве примера ниже у нас есть образец слоя 1, и следующий мы преобразуем в фон слоя.
Чтобы превратиться в фоновый слой, вам нужно перейти в Layer (1) => New (2) => Background from Layer (3).
После выполнения вышеуказанного шага слой 1 стал фоновым слоем, как показано ниже.
2. Переключите слой на фон, объединив слой.
Шаг 1: Удерживая нажатой клавишу Ctrl, щелкните два слоя, чтобы выбрать оба слоя, как показано ниже.
Шаг 2: Щелкните правой кнопкой мыши между двумя слоями и выберите «Объединить слои».
После объединения ваш слой был преобразован в фоновый слой.
С помощью небольшого трюка, описанного в статье, вы можете очень легко преобразовать обычный слой в фоновый. Удачи!
Слои удобны в использовании, поскольку они позволяют внедрять объекты в изображение и работать с одним слоем, не внося необратимые изменения в оригинальное изображение. Для каждого слоя можно откорректировать цветовую гамму и яркость, применить спецэффект, переместить объекты слоя, задать степень непрозрачности, режим наложения и т. д. Можно менять порядок слоев изображения в стопке, связывать слои для работы с ними как с одним целым и создавать веб-анимацию из слоев.
Проще всего представить слои как стеклянные пластинки или куски прозрачной пленки, на которых можно рисовать. На прозрачных слоях можно создавать как непрозрачные, так и полупрозрачные объекты, сквозь которые будет просвечивать фон. С каждым слоем можно работать отдельно, экспериментируя и добиваясь нужного эффекта. Каждый слой является независимым до тех пор, пока не будет выполнено объединение (сведение) слоев. Самый нижний слой на панели «Слои» — «Задний план». Он всегда заблокирован (защищен от изменений), т. е. нельзя менять его расположение в наборе слоев, режим наложения или укрывистости (для внесения изменений фоновый слой следует преобразовать в обычный).
Слои изображения перечислены на панели «Слои». Не закрывайте эту панель при работе с программой Adobe Photoshop Elements. С первого взгляда можно определить активный слой (выделенный редактируемый слой). Слои можно связывать воедино, что позволяет манипулировать ими как одним объектом. Поскольку обилие слоев в изображении только увеличивает размер его файла, уменьшить размер файла можно выполнив сведение отредактированных слоев. На панели «Слои» содержится важная информация, необходимая при редактировании фотографий. Меню «Слой» также можно использовать для работы со слоями.
Обычные изобразительные слои содержат пиксельные изображения. Для создания специальных эффектов применяются другие типы слоев:
Слои заливки могут содержать градиентную заливку, сплошной цвет или узор.
Корректирующие слои идеальны для экспериментов и тонкой настройки цвета, яркости и насыщения без внесения необратимых изменений в оригинальное изображение (изменения применяются ко всему изображению только в случае сведения слоев или объединения корректирующего слоя с другим слоем).
Текстовые слои и слои типа «Фигура»
Позволяет создавать растровые фигуры и тексты.
Рисование на корректирующем слое невозможно, однако маска слоя поддерживает рисование. Чтобы иметь возможность рисования на слоях заливки или текстовых слоях, их следует преобразовать в обычные изобразительные слои.
На панели «Слои» («Окно» > «Слои») перечислены все слои изображения, от верхнего до фонового (внизу). При работе в пользовательской рабочей среде в опытном режиме можно перетащить панель «Слои» и расположить ее вкладку рядом с другими панелями.
Строчка активного слоя, с которым вы работаете, выделяется на палитре цветом для удобства идентификации слоя. Во время работы с изображением рекомендуется проверять, является ли слой, с которым вы работаете, активным, чтобы избежать модификации других слоев. Например, если вы выполнили команду, но никаких изменений не произошло, проверьте, работаете ли вы с активным слоем.
С помощью значков на панели можно выполнять множество задач, таких как создание новых слоев, а также скрытие, связывание, закрепление и удаление существующих слоев. С некоторыми исключениями, изменения будут применяться только к выделенному (активному) слою, строка которого выделена на палитре цветом.
A. Меню режима наложения B. Показать/Скрыть слой C. Слой привязан к другому слою D. Просмотр слоя E. Выделенный цветом слой на палитре является активным F. Заблокированный слой G. К слою применен стиль
В списке слоев на панели отображается миниатюра слоя, его название, а также один или несколько дополнительных значков, предоставляющих информацию о каждом слое.
Слой видимый. Нажмите значок с изображением глаза, чтобы отобразить/скрыть слой. Когда слой скрыт, значок имеет следующий вид . Скрытые слои не выводятся на печать.
Слой привязан к активному слою.
Слой заблокирован.
Изображение содержит группы слоев и было импортировано из Adobe Photoshop. Photoshop Elements не поддерживает группы слоев и отображает их в развернутом виде. Чтобы получить возможность редактирования изображения, эти слои следует упростить.
Для выполнения операций используются следующие кнопки на панели:
Создать новый слой.
Создать новую группу.
Создать новый слой заливки или корректирующий слой.
Удаление слоя.
Блокировать прозрачные пиксели.
Вверху панели также расположено меню «Режим наложения» («Нормальный», «Растворение», «Замена темным» и т. д.), текстовое поле «Укрывистость» и кнопка «Дополнительно», вызывающая меню команд и параметров панели.
Новые добавленные слои появляются над выделенным слоем на панели «Слои». Добавление новых слоев к изображению выполняется следующими способами:
созданием новых, пустых слоев или преобразования выделенных областей в слои;
путем преобразования фона в стандартный изобразительный слой, и наоборот;
путем вставки выделенных областей в изображение;
с помощью инструментов «Текст» и «Фигура»;
путем создания дубликата имеющегося слоя.
Программа позволяет создавать до 8000 слоев в изображении, каждый с индивидуальным режимом наложения и степенью непрозрачности. Однако этот предел определяется объемом выделенной памяти.
Из этого урока по созданию фото-эффектов мы узнаем, как использовать фотографию в качестве своего собственного фона. Подобный приём часто используется при редактировании свадебных фотографий, но, его, конечно, можно применять к любым изображениям.
Мы создадим две копии фото, из одной копии сделаем основное изображение, а другую используем в качестве фона, которому мы придадим определённую расцветку и стиль. Общий колорит фона мы зададим с помощью образцов из основного изображения.
Этот эффект прост в создании и не займёт много времени в процессе изготовления.
Вот изображение, которое я взял за основу:
И что у меня получилось в результате:
Открываем исходную фотографию в Photoshop и, для начала, дважды дублируем фоновый слой, для этого надо дважды нажать комбинацию Ctrl+J, в результате панель слоёв должна выглядеть так:
Основная причина создания двух копий заключается в том, чтобы оставить без изменений
фоновый слой.
Создаём фон из фотографии
Отключаем видимость верхнего слоя и переходим на слой под ним:
Теперь мы должны выбрать цвет из изображения, который мы собираемся использовать для расцветки фона. Мы сделаем это с помощью инструмента «Пипетка» (Eyedropper Tool):
Я взять образец цвета из щеки женщины, этот цвет, по моему мнению, подойдёт в качестве определяющего для фона под фотографией:
Вы увидите, что этот цвет появился в качестве цвета переднего плана в цветовой палитре:
Создадим корректирующий слой «Цветовой тон/насыщенность» (Hue/Saturation) над активным слоем:
В панели свойств корректирующего слоя поставьте галку у опции «Тонирование» (Colorize):
Как только вы выберите эту опцию, Photoshop тонирует слой в основной цвет цветовой палитры, в нашем случае, розовый, который мы взяли со щеки женщины:
Я увеличу насыщенность цвета, передвинув соответствующий ползунок (Saturation) вправо до значения 50. Затем я собираюсь придать фону несколько «полинявший» вид, для этого я перетащу ползунок «Яркость» (Lightness) вправо до значения 75:
Изображение будет выглядеть примерно так:
Я хочу сделать ещё одну, последнюю вещь с нашим фоном. Я хочу отразить его по горизонтали, чтобы фон смотрелся как зеркальное отражение к основному фото. Чтобы это сделать, в первую очередь нам необходимо выбрать правильный слой. На данный момент, в панели слоёв у нас активен корректирующий слой «Цветовой тон/Насыщенность», поэтому кликните по слою под ним, содержащему наше фоновое изображение. Затем нажмите клавиши Ctrl+T для активации инструмента «Свободная трансформация», вокруг всего изображения появится габаритная рамка, затем кликните правой клавишей мыши внутри рамки, появится контекстное меню, где кликните по пункту «Отразить по горизонтали» (Flip Horizontal), фотография зеркально отразится, нажмите Enter:
Включите видимость верхнего слоя и кликните по нему, чтобы сделать активным:
Позиционируем основную фотографию
Теперь я собираюсь сделать наше основное изображение меньше относительно фона при помощи команды «Свободная трансформация». Нажмите комбинацию Ctrl+T, зажмите клавиши Shift+Alt и перетащите любой из угловых маркеров рамки внутрь. Когда закончите перетаскивание, отпустите левую клавишу мыши, и только потом отпустите клавиши Shift+Alt:
Нажмите Enter, чтобы применить действие инструмента.
Придаём стили слоя основной фотографии
Давайте сделаем так, чтобы основное изображение имело некоторый объём относительно фоновой фотографии, и сделаем это при помощи стилей слоя, «Обводки» (Stroke) и «Тени» (Drop Shadow).
Сперва «Обводка». Образец цвета обводки возьмём с платья невесты, положение — внутри (Inside), а толщину сделаем 4 пикселя:
Теперь «Тень». Цвет тени возьмём с лица жениха, остальные параметры на рисунке:
Вот что у нас получилось:
Изменение размера основного изображения (по необходимости)
Вроде бы неплохо, но за исключением одной вещи. Основное изображение перекрывает лица мужчины и женщины на фоновом изображении, поэтому я собираюсь переместить основное изображение насколько вниз с помощью инструмента «Перемещение» (Move Tool):
Кроме того, также, с помощью «Свободной трансформации», можно изменить размер и положение фонового изображения. Я решил немного увеличить фоновую фотографию.
На этом всё, надеюсь, урок понравился )))
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Читайте также: