Замена фона в Photoshop
Теперь попробуйте сами
1. Чтобы воспользоваться перечисленными функциями, обновите Photoshop до последней версии.
2. Откройте make-new-background.psd — файл PSD с 2 слоями (New Background и Model). Или используйте собственный файл.
Выделение объекта
3. На панели Слои выберите слой Model.
4. Выберите Инструмент «Быстрое выделение».
5. Нажмите Выделить предмет и затем — Выделение и маска.
Уточнение выделения
6. Переместите ползунок Сместить край влево (-100%). Нажмите ОК.
7. На панели Слои нажмите Добавить слой-маску.
Примечание. При выходе из режима Выделение и маска фон возвращается. При применении маски фон исчезает.
Единообразие цвета
8. На панели Слои, удерживая нажатой клавишу Alt, перетащите слой New Background вверх и разместите его над слоем Model, так появится слой New Background копия.
9. Выберите слой New Background копия. Выберите Фильтр > Размытие > Среднее. Всё станет зеленым.
10. Удерживая Alt, нажмите между зеленым слоем и слоем Model, чтобы создать обтравочную маску. Зеленый цвет заполнит слой Model.
11. Выберите зеленый слой и задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 45%.
Добавление цветового эффекта
12. На панели Слои выберите Создать новый корректирующий слой или слой-заливку и затем — Цвет.
13. На палитре выберите темно-синий цвет (например, #080c56). Нажмите ОК.
14. На панели Слои задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 50%.
Вот и всё! Теперь ваша очередь. Замените фон за минуту в Photoshop. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithPhotoshop. Получайте отзывы и общайтесь с другими творческими людьми.
Фоновый слой в Photoshop
Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием «Фон» (Background). Документ может иметь только один фон. Порядок следования, режим наложения, а также степень непрозрачности фона не могут быть изменены. Однако данные атрибуты фона могут быть изменены после его преобразования в обычный слой.
А теперь подробнее.
В предыдущем материале мы получили необходимые навыки для работы со слоями в Панели слоёв в Photoshop. Мы научились добавлять новые слои, удалять, перемещать слои выше и ниже друг друга, рассмотрели, как добавлять корректирующие слои и стили слоя, изменить режим наложения и уровень прозрачности, и многое другое.
Но прежде чем мы перейдем к работе со слоями, мы должны рассмотреть один особый тип слоя, и это фоновый слой. Он нуждается в отдельном рассмотрении, т.к. есть целый ряд действий, которые мы можем осуществить с обычными слоями, но не можем с фоновым, и, если мы не будем знать эти нюансы заранее, это может привести к путанице и лишним потерям времени и нервов.
Вот изображение, которое я буду использовать в этом материале:
Правило 1: Мы не можем перемещать содержимое фонового слоя
Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент «Перемещение» (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) для выбора цветов для заполнения области:
Так почему же Photoshop отказывается удалить белую область внутри рамки, а вместо этого заполняет ее с другими цветами?
Причина заключается в том, что фоновый слой не поддерживает прозрачность. В конце концов, так как фоновый слой является фоном у всего документа, не имеется никакой необходимости видеть сквозь него, просто потому что под ним ничего не должно быть, ведь фон находится в самом низу! Невозможно удалить область область внутри рамки, пока это изображение остается на фоновом слое.
Так как же я смогу разместить фотографию внутри рамки? Давайте отложим эту проблему на некоторое время и вернемся к ней чуть позже.
Правило 3: Мы не можем помещать фоновый слой над другой слоем
Вот фото, которое я хочу поместить внутри моей фоторамки:
Это изображение в настоящее время открыто у меня в отдельном окне Фотошопа, так что я быстро скопирую его в документ фоторамки, нажав комбинацию клавиш Ctrl+A для выбора всей фотографии, затем Ctrl+C, чтобы скопировать изображение в буфер обмена. Затем перехожу на документ фоторамки и нажимаю Ctrl+ V для вставки изображения в документ. Photoshop помещает изображение на новый слой «Слой 1» (Layer 1) выше фонового слоя с фоторамкой:
В окне документа мы видим, что новое изображение появилось в документе над рамкой, у самой рамки видны только нижний и верхний края:
Для того, чтобы мое второе изображение оказалось внутри рамки, мне нужно изменить порядок слоёв в панели слоёв так, чтобы слой с рамкой находился над слоем с изображением. Как правило, перемещение одного слой поверх другого осуществляется элементарно с помощью мыши, но сейчас у нас не тот случай, т.к. слой, который нам нужно переместить, является фоновым. При попытке перетащить его выше изображения на «Слой 1», Photoshop отображает символ в виде круга с диагональной линией (международный символ запрета чего-либо), давая понять, что по какой-то причине это действие неосуществимо:
Причина этого запрета заключается в том, что фоновый слой всегда должен оставаться внизу документа, т.е. служить фоном всего документа. Photoshop не позволит переместить его выше всех остальных слоёв.
Правило 4: нельзя поместить любые слои ниже фонового
Итак, мы не можем двигаться фоновый слой поверх другого слоя. Что, если мы попробуем переместить обычный слой ниже фонового? Если я попытаюсь перетащить «Слой 1» под фоновый, то Фотошоп выдаст такой же символ запрета, как и в случае выше:
Опять же, причина в том, что фоновый слой всегда должен оставаться внизу документа. Мы не можем перетащите его выше любых других слоёв и мы не можем перетащить другие слои ниже него.
Давайте подведём итог. Мы узнали, что Photoshop не позволит нам переместить содержимое фонового слоя инструментом «Перемещение» (Move Tool), потому что слой зафиксирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, так что нет никакого способа, чтобы удалить что-либо на нём. И мы узнали, что фоновый слой всегда должен оставаться нижнего всех слоёв в панели. Мы не можем перетащите его выше других слоёв, и мы не можем перетащить другие слои ниже.
Преобразуем фоновый слой в обычный (разблокирование фонового слоя)
В любом случае из двух указанных выше способов откроется окно, где Вы можете ввести своё название, либо оставить предложенное Фотошопом по умолчанию, затем нажать ОК:
3) И самый быстрый способ. Зажмите клавишу Alt и дважды щёлкните мышкой по слову Фон (Background), после чего Фотошоп мгновенно преобразует слой в обычный и переименует его в «Слой 0» (Layer 0), минуя диалоговое окно.
После того, как мы преобразовали фоновый слой в обычный, все ограничения сняты и на него действуют правила обычных слоёв.
Теперь мы можем свободно перемещать его содержимое с помощью инструмента «Перемещение» (Move Tool), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Фоновый слой в Photoshop CC
Узнайте все о фоновом слое в Photoshop, в том числе о том, почему фоновый слой особенный, об ограничениях фонового слоя и о том, как легко обойти эти ограничения!
Вот изображение фоторамки, которую я только что открыл в Photoshop. Я скачал это изображение из Adobe Stock :
Photoshop называет этот слой Background по той простой причине, что он служит фоном для нашего документа. Любые дополнительные слои, которые мы добавляем в документ, появятся над фоновым слоем. Поскольку вся его цель — служить фоном, есть несколько вещей, которые Photoshop не позволит нам сделать с ним. Давайте кратко рассмотрим эти несколько простых правил, которые нам нужно запомнить. Затем, в конце урока, мы изучим простой способ обойти каждый из них.
Правила фонового слоя
Правило 1: мы не можем переместить содержимое фонового слоя
Одна из вещей, которую мы не можем сделать с фоновым слоем, это переместить его содержимое. Обычно, чтобы переместить содержимое слоя, мы берем инструмент Move с верхней части панели инструментов :
Затем мы просто щелкаем инструментом Move внутри документа и перетаскиваем содержимое мышью. Следите за тем, что происходит, когда я пытаюсь перетащить фоторамку в другое место. Здесь я пытаюсь перетащить его в верхнюю правую часть документа:
Вместо того, чтобы перемещать слой, Photoshop открывает диалоговое окно, сообщающее мне, что слой является фоновым слоем, а затем продолжает рассказывать мне обо всех вещах, которые мы не можем сделать с фоновыми слоями, с помощью «Вы не можете перемещать фоновый слой» вверху списка:
До сих пор мы пытались, но не смогли переместить содержимое фонового слоя. Причина в том, что фоновый слой заблокирован. Если мы снова посмотрим на панель «Слои», то увидим маленький значок замка в правом нижнем углу фонового слоя, что говорит нам о том, что этот слой заблокирован, и мы не можем его переместить. Так что это первая проблема со слоями фона; они застряли в исходном положении:
Правило 2: нет прозрачных пикселей
С помощью инструмента «Волшебная палочка» я щелкну в любом месте внутри рамки, чтобы сразу выделить всю эту белую область. Это немного сложно увидеть на скриншоте, но теперь по краям появляется контур выделения, давая мне знать, что выделена область внутри рамки:
Чтобы удалить область, я нажму Backspace (Win) / Delete (Mac) на моей клавиатуре. Но вместо того, чтобы удалить область и заменить ее прозрачностью, как мы ожидали на обычном слое, Photoshop таинственным образом открывает диалоговое окно « Заливка », спрашивая меня, как я хочу заполнить область:
Я не хочу заполнять область вообще, поэтому я нажму Отмена, чтобы закрыть диалоговое окно. Что я хочу сделать, это удалить белую область внутри рамки. Может быть, Photoshop просто запутался, поэтому я попробую что-то другое. Я зайду в меню « Правка» в строке меню в верхней части экрана и выберу « Вырезать» :
На нормальном слое это будет вырезать выбранные пиксели из слоя, оставляя прозрачность на их месте. Еще раз, фоновый слой дает нам неожиданный результат. На самом деле, на этот раз, похоже, ничего не произошло вообще. Область все еще заполнена белым:
Мы можем видеть наши текущие цвета переднего плана и фона в цветовых образцах в нижней части панели «Инструменты». По умолчанию Photoshop устанавливает черный цвет переднего плана и белый цвет фона. Так как мой Цвет фона был установлен на белый, это цвет, который Photoshop использовал, чтобы заполнить выделение:
Мы можем поменять цвета переднего плана и фона нажатием буквы X на клавиатуре. Я продолжу и нажму X, и теперь мы увидим, что при смене цветов мой цвет фона был установлен на черный :
Я отменю свой последний шаг (обрезка выделения), зайдя в меню « Правка» и выбрав « Отменить обрезку пикселей» :
Затем я вернусь в меню « Правка» и снова выберу « Вырезать» :
На этот раз, когда мой Цвет фона установлен на черный, Photoshop заполняет выделение черным. По крайней мере, похоже, что на этот раз что-то действительно произошло, но это все еще не тот результат, которого я хотел:
Как бы я ни старался, я никогда не смогу удалить область внутри центра кадра, пока изображение остается на фоновом слое. Как тогда я смогу показать еще одну фотографию внутри рамки? Оставим пока эту проблему в покое. Мы вернемся к этому в ближайшее время.
Правило 3: мы не можем переместить фоновый слой выше другого слоя
Вот фотография, которую я хочу разместить внутри рамки. Я также скачал это с Adobe Stock :
В настоящее время изображение открыто внутри собственного документа, поэтому я быстро скопирую его в документ фоторамки, нажав Ctrl + A (Победа) / Command + A (Mac), чтобы выделить всю фотографию. Затем я нажму Ctrl + C (Победа) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.
Я переключаюсь на документ с фоторамкой, затем нажимаю Ctrl + V (Win) / Command + V (Mac), чтобы вставить изображение в документ. Photoshop помещает изображение в новый слой с именем «Слой 1» над фоторамкой на фоновом слое:
Если мы посмотрим на документ, то перед рамкой появится новая фотография:
Чтобы моя вторая фотография появилась внутри рамки, мне нужно изменить порядок слоев на панели «Слои», чтобы рамка появлялась над фотографией. Как правило, перемещать один слой над другим так же просто, как щелкнуть слой, который нам нужно переместить, и перетащить его над другим слоем, но это не тот случай, когда слой, который нам нужно переместить, является фоновым слоем.
Когда я нажимаю на фоновый слой и пытаюсь перетащить его над фотографией на 1-м слое, Photoshop отображает значок круга с диагональной линией через него (международный символ «не произойдет»), давая мне понять, что по какой-то причине это не так. Позвольте мне сделать это:
Правило 4: мы не можем переместить другие слои ниже фонового слоя
Итак, мы не можем переместить фоновый слой над другим слоем. Что если мы попробуем переместить другой слой ниже фонового слоя? Я нажму на слой 1 и попытаюсь перетащить его под фоновый слой, но это тоже не сработает. Я получаю тот же маленький символ Охотников за привидениями, который говорит мне, что Фотошоп не позволит мне сделать это:
Опять же, причина в том, что фоновый слой всегда должен оставаться фоном документа. Мы не можем перетащить его поверх других слоев и не можем перетащить другие слои под ним.
Правило 5: Мы не можем изменить режим наложения, непрозрачность или заливку
Давайте быстро повторим. Мы узнали, что Photoshop не позволит нам перемещать содержимое фонового слоя с помощью инструмента «Перемещение», потому что слой заблокирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, поэтому нет никакого способа удалить что-либо на слое. И мы узнали, что фоновый слой всегда должен оставаться нижним слоем в документе. Мы не можем перетащить его выше других слоев и не можем перетащить другие слои под ним.
Есть еще несколько вещей, которые мы не можем сделать с фоновым слоем, которые мы рассмотрим быстро. Я нажму на свой фоновый слой, чтобы выбрать его, и в левом верхнем углу панели «Слои» заметим, что параметр « Режим наложения» (поле, в котором установлено значение «Обычный») отображается серым цветом. Обычно мы можем изменить режим наложения слоя, который меняет способ смешивания слоя со слоем (слоями) под ним. Но поскольку фоновый слой всегда должен оставаться нижним слоем в документе, под ним никогда не будет никаких слоев, что делает параметр режима наложения довольно бесполезным.
То же самое касается параметров « Непрозрачность» и «Заливка» прямо напротив параметра «Режим наложения». Оба выделены серым цветом, когда выбран фоновый слой, и это потому, что они оба регулируют уровень прозрачности слоя. Поскольку фоновый слой не поддерживает прозрачность, его не нужно настраивать:
Простое решение
Поскольку вся жизненная цель фонового слоя состоит в том, чтобы быть фоном документа, каждое из этих правил имеет смысл. Тем не менее, как и в случае с большинством правил, существуют способы обойти их, когда нам нужно их нарушить. В этом случае есть простой способ обойти их всех сразу! Все, что нам нужно сделать, это переименовать фоновый слой в нечто иное, чем фон. Это действительно так просто.
Тем не менее, более быстрый способ, и это новинка в Photoshop CC, состоит в том, чтобы просто щелкнуть прямо по значку замка справа от фонового слоя:
Это мгновенно меняет имя фонового слоя на «Слой 0», и вы заметите, что значок замка исчезает:
И вот так, одним щелчком мыши мы превратили фоновый слой в обычный слой, что означает, что мы больше не связаны ни одним из правил, на которые только что посмотрели! Мы можем переместить содержимое слоя с помощью инструмента «Перемещение», мы можем удалить все что угодно на слое и заменить его прозрачностью, и мы можем свободно перемещать слой выше или ниже других слоев!
Я отпущу кнопку мыши, и в этот момент Photoshop поместит слой 0 над слоем 1 именно так, как мне было нужно:
Ранее мы видели, что мне не удалось удалить белую область внутри рамки, когда изображение находилось на фоновом слое, но теперь, когда я переименовал его в слой 0, это больше не проблема. Я щелкну внутри фрейма с помощью Magic Wand Tool, чтобы мгновенно выделить белую область, как я делал раньше:
Затем я нажимаю Backspace (Win) / Delete (Mac) на своей клавиатуре, и на этот раз вместо того, чтобы приветствовать диалоговое окно Fill, Photoshop фактически делает то, что я ожидал, удаляя область из слоя и открывая фотографию под этим:
Я нажму Ctrl + D (Победа) / Command + D (Mac) на своей клавиатуре, чтобы отменить выделение области внутри рамки и удалить контур выделения. Затем, чтобы быстро закончить, я нажму на Layer 1 на панели Layers, чтобы выбрать его и сделать его активным слоем:
Я возьму инструмент «Перемещение» с панели «Инструменты», затем нажму на фотографию и перетащу ее в нужное положение внутри рамки, слегка подтолкнув ее влево. Хотя слой 1 теперь является нижним слоем в документе, он не является настоящим фоновым слоем, поэтому он не заблокирован на месте. Я могу переместить его куда угодно
Учебник по теме : Размещение изображения внутри другого с помощью Photoshop
Преобразование нормального слоя в фоновый
Наконец, мы увидели, что мы можем преобразовать фоновый слой в обычный слой, просто переименовав его во что угодно, кроме «Background». Но что, если мы хотим пойти другим путем? Что если мы хотим преобразовать обычный слой в фоновый слой? Является ли это возможным? Да, конечно, но как ты это делаешь, не так очевидно.
Вы можете подумать, что одна и та же логика применяется в обоих направлениях; если мы сможем преобразовать фоновый слой в обычный слой, переименовав его в нечто отличное от «Background», то мы сможем преобразовать обычный слой в фоновый слой, переименовав его в «Background». Имеет смысл, верно? К сожалению, это не работает. Все, что вы в итоге получите, это обычный слой с именем «Фон».
Чтобы преобразовать обычный слой в реальный фоновый слой, сначала выберите слой, который вы хотите преобразовать. Я нажму на нижний слой в моем документе (Слой 1), чтобы сделать его активным. Обратите внимание, что технически вам не нужно выбирать самый нижний слой в вашем документе, потому что любой слой, который вы конвертируете в фоновый слой, будет автоматически отправлен вниз, как только вы преобразуете его:
И теперь мы видим на панели «Слои», что мой нижний слой, ранее «Слой 1», теперь является официальным фоновым слоем моего документа:
Конечно, в этом случае действительно не было необходимости преобразовывать мой нижний слой в фоновый. Все, что я сделал на этом этапе, это наложил ограничения на то, что я могу с этим сделать. Но в Photoshop много раз, особенно при создании эффектов или создании изображений, когда создание нового фонового слоя чрезвычайно полезно.
