Панель слоев

Как вставить фон в Фотошоп онлайн с помощью инструментов

Нередко комбинирование нескольких инструментов приносит лучшие результаты. Здесь пойдет речь об инструменте «Быстрое выделение», позволяющее добавить нужную область, и отработать ее. Чтобы вставить фон в Фотошопе онлайн с его помощью, следуйте инструкции:

1. Откройте изображение в графическом редакторе.
2. Справа находится блок «Слои», выберите здесь слой «Model».
3. В левом меню нажмите на инструмент «Быстрое выделение».
4. В меню кликните на пункт «Выделить предмет/Выделение и маска».
5. Сместите ползунок до показателя -100%.
6. Подтвердите действия кнопкой «Ок».
7. Снова вернитесь в блок «Слои», и нажмите кнопку «Добавить маску».

Обратите внимание! Если вы выходите из режима «Выделение и маска» фон вернется

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

1. Откройте новый проект в графическом редакторе.
2. Через «Файл/Создать» вызовите окно с параметрами.
3. Нажмите на выпадающий список «Содержимое фона». Выберите тип фоновой поверхности, которую будете использовать.
4. В окне настроек измените нужные параметры, и нажмите «ОК».

Если изображение уже имеется, то для него вы также можете добавить любой фон. Через меню «Файл/Создать» выберите изображение для корректировки. Далее следуйте инструкции:

1. Откройте изображение, чтобы оно установилось на рабочем экране.
2. Прейдите на вкладу «Слои». Вызовите правой кнопкой мыши контекстное меню на слое «Фон».
3. Выберите пункт «Создать дубликат слоя», это сделает копию оригинала.
4. Щелкните по исходному слою «Фон», нажмите «Удалить слой».
5. В нижнем блоке вкладки со слоями нажмите на «Создать новый слой».
6. Перетащите новый слой под слой «Фон», используя свое изображение.
7. Для сохранения изменений перейдите «Файл/Сохранить».

Как вставить фон в Фотошопе онлайн

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

• Быстрое выделение.
• Волшебная палочка.

Иногда можно использовать Лассо, но работа с ним более кропотливая. Фон является одним из слоев в работе в Фотошоп онлайн. Они позволяют вам делать трюки, такие как замена фона и изменение цвета частей изображения. Самый примитивный вариант действий можно свести к нескольким шагам:

1. Выделите область, которая будет копироваться.
2. Выполните ее вырезку.
3. Для вставки нового фона, нажмите на вкладку «Файл».
4. Перейдите на пункт «Открыть и разместить».
5. Откройте изображение, и поместите его на свой фон.

Точные способы

Цветовой диапазон

Инструмент работает примерно по тому же принципу, что и «Волшебная палочка», но при этом он гораздо более гибкий и потому подходит для сложных изображений. Если «Волшебная палочка» захватывает в выделение лишь пиксели одного конкретного цвета или близких цветов, то при помощи инструмента «Цветовой диапазон» (Color Range) в выделение можно добавить сколько угодно цветов.

• Убедитесь, что слой с вашим изображением активен, и выберите в верхнем меню «Выделение» → «Цветовой диапазон» (Select → Color Range);
• в открывшемся окне кликните пипеткой по цвету фона ― на превью он окрасится белым. Изображённое на превью получилось похожим на маску;
• к этой маске можно добавлять сколько угодно областей новых цветов: выберите пипетку со знаком «+» и кликайте по тем областям, которые вы также хотите убрать. Параметр «Разброс» (Fuzziness) отвечает за то, насколько точным будет выделение;
• после того как вы выбрали все цвета, которые хотите удалить, нажмите кнопку ОК и создайте маску, как описано в начале статьи. В данном случае её инвертировать не нужно, поскольку она будет точно совпадать с превью из окна «Цветовой диапазон».

Видео: Женя Травкина / Skillbox Media

Кисть и маска

При помощи кисти можно стереть абсолютно любые участки изображения, в том числе фрагменты. К изображению достаточно лишь добавить маску слоя и далее, кликнув по её превью на панели слоёв, рисовать инструментом «Кисть» (Brush) прямо поверх неё.

Для более точной работы:

• лучше увеличить масштаб изображения ― он регулируется сочетаниями клавиш Ctrl + «+» и Ctrl + «−»;
• можно регулировать размер кисти и её жёсткость. Для этого кликните правой кнопкой с активным инструментом «Кисть» на любом участке изображения ― появится меню с настройками;
• если какой-то штрих ошибочен, то отмените действие сочетаниями клавиш Ctrl + Z или же подкорректируйте неудачное место, изменив цвет кисти на белый.

Видео: Женя Травкина / Skillbox Media

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

Читайте об истории Adobe:

• Компания, навсегда изменившая дизайн: Adobe
• Люди, на которых держится современный дизайн: создатели Figma, Photoshop и других сервисов

«Выделение и маска» (Select & Mask)

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

Чтобы попасть в рабочее пространство «Выделение и маска» (Select & Mask):

• выберите инструмент «Прямоугольная область» (Rectangular Marquee, клавиша М);
• в правой части панели настроек вверху нажмите на кнопку «Выделение и маска» (Select & Mask).

Суть этого инструмента в том, что он выделяет не целое поле сразу, как это делает «Волшебная палочка» или «Цветовой диапазон», а вы задаёте программе размер участка, который хотите обособить.

В рабочем пространстве «Выделение и маска» существует несколько вариантов отображения будущего выделения, наиболее удобны «Марширующие муравьи» (Marching Ants) или «На слоях» (On Layers). Изменить режим отображения можно в выпадающем меню «Просмотр» (View) в правой части рабочего пространства.

Три типа предпросмотра: «Марширующие муравьи», «Перекрытие», «На слоях»Изображение: Freepik / Skillbox Media

• Подберите размер кисти, которой будете выделять участок, ― кисть должна не выходить за его границы, но и не быть сильно меньше.
• Для этого на панели настроек в окне рабочего пространства в поле «Размер» (Size) введите числовое значение размера кисти и примерьте её на отделяемый объект.
• Изменить размер кисти можно также на панели настроек или воспользовавшись горячими клавишами «».
• Кликайте этой кистью по нужному фрагменту изображения ― программа сама определит границы объектов на основе контраста.
• Участки можно расширять, двигая курсор безотрывно, или же добавлять к выделению новые места, изменив при желании размер кисти.
• Если в выделение попало что-то лишнее, участок можно подкорректировать ― для этого нужно перейти в режим кисти «Вычитание» (Subtract), нажав на знак «−» в кружочке слева на панели настроек.
• Под меню «Просмотр» справа находятся тонкие настройки выделенной области, при помощи которых сразу же в режиме предпросмотра вы можете модифицировать уже созданное выделение.
• После того как всё будет готово, нажмите Enter, чтобы вернуться в рабочее пространство Photoshop. При этом маска для слоя будет создана автоматически.

Инструменты для удаления фона

Для начала давайте разберёмся с инструментами, которые нужны для удаления фона.

На панели инструментов вам потребуются:

 « (Magic Wand), клавиша W.

 « (Lasso), клавиша L.

 « (Brush)», клавиша B.

 « (Pen), клавиша P.

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

Горячая клавиша инструмента расположена под картинкой справа от названия и обведена в рамкуИзображение: Freepik / Skillbox Media

Режим слоя

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

• Откройте панель слоёв и найдите на ней слой с вашим изображением.
• Если он имеет название «Фон» или Background, кликните по маленькому замочку справа от названия этого слоя.
• Название автоматически изменится на «Слой 0» или Layer 0 ― теперь можно работать!

Чтобы разблокировать фоновый слой, нужно нажать на замочек справа от его названия на панели слоёвИзображение: Freepik / Skillbox Media

Маска слоя

Самый простой способ стереть фон с картинки ― воспользоваться инструментом «Ластик» (Eraser, клавиша E) или же нажать клавишу Delete. Но в этом случае область будет удалена безвозвратно. Поэтому профессионалы предпочитают использовать маски слоя. Маска ― это дополнительный параметр изображения, в котором содержится информация, какие области должны стать прозрачными.

Преимущество маски в том, что её всегда можно отредактировать, восстановив удалённые участки или добавив дополнительные области

Также маски поддерживают полупрозрачность, что очень важно при вырезании объектов с размытыми краями ― например, волос

Вот как маски работают:

Видео: Женя Травкина / Skillbox Media

Чтобы создать маску на основе выделения, нужно нажать на иконку «Добавить слой-маску» (Add Layer Mask) внизу панели «Слои» (Layers). Белые участки на слое-маске отвечают за непрозрачные области. Чёрные ― прозрачные участки.

При создании маски автоматически скрылись области, которые вошли в выделение, ― на маске они целиком закрашены чёрным.

После того как был выделен фон и нажата кнопка создания маски, со стола пропали все предметы ― они закрашены на маске чёрнымИзображение: Freepik / Skillbox Media
Если то же выделение инвертировать, при создании маски чёрным на ней будет закрашен фон. Он исчезнет, а предметы останутсяИзображение: Freepik / Skillbox Media

Если выделен фон, но изолировать вам нужно объект, выделение придётся инвертировать ― поменять местами выделенные области с теми, которые свободны от выделения. Это делается так:

• кликните по выделенной области правой кнопкой мыши с любым активным инструментом выделения (например, «Волшебная палочка» ― Magic Wand);
• в появившемся меню выберите «Инверсия выделенной области» (Select Inverse). Теперь маска скроет фон, оставив нетронутым ваш главный объект.

Видео: Женя Травкина / Skillbox Media

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

Подробно работу со слоями-масками мы объясняем в этом видео.