Как удалить и изменить фон на фотографии в Фотошопе

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

Мы рассмотрим один из самых простых примеров по удалению фона - будем удалять однотонный задний план. Цвет заднего плана не важен, главное, что он однотонный. Кроме того, края у предметов переднего плана ровные, что также упрощают задачу. Но начинать надо с малого, не так ли?

В уроке я расскажу о двух способах удаления фона - с помощью инструмента Волшебная палочка" (Magic Wand Tool) и с помощью инструмента "Волшебный ластик" (Magic Eraser Tool). В уроке я буду использовать версию Photoshop CC (Creativ Gloud), но урок подойдёт и к версиям ниже, вплоть до CS4 включительно.

Пример HTML-страницы

Как удалить и изменить фон на фотографии

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

Мы рассмотрим один из самых простых примеров по удалению фона - будем удалять однотонный задний план. Цвет заднего плана не важен, главное, что он однотонный. Кроме того, края у предметов переднего плана ровные, что также упрощают задачу. Но начинать надо с малого, не так ли?

В уроке я расскажу о двух способах удаления фона - с помощью инструмента Волшебная палочка" (Magic Wand Tool) и с помощью инструмента "Волшебный ластик" (Magic Eraser Tool). В уроке я буду использовать версию Photoshop CC (Creativ Gloud), но урок подойдёт и к версиям ниже, вплоть до CS4 включительно.

Я буду работать с изображением фруктов на белом фоне.

Вот моё исходное изображение:

0_109957_bfbf5d18_XL.jpg

Давайте приступим.
Для начала, открываем наше изображение в Photoshop и смотрим на панель слоёв (если по каким-то причинам, у Вас этой панели нет, то её отображение включается/выключается нажатием клавиши F7). Мы видим там один слой, этот слой является фоновым, Photochop его так и назвал, "Фон" (или в англ. Background), справа на слое имеется иконка замочка, означающая, что слой заблокирован для редактирования:

01.png

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

02.png

Теперь займёмся собственно удалением.



Удаление фона в помощью инструмента "Волшебной палочки" (Magic Wand Tool)

На панели инструментов, расположенной вертикально слева, выбираем инструмент "Волшебная палочка" (Magic Wand Tool):

magic-wand.png

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

03.jpg

Теперь редактировать мы можем только ту часть изображения, которая находится в выделенной области. Всё, что находится вне выделения, недоступно для любого редактирования (удаления, рисования, цветовой коррекции и т.п.).
Но, бывают случаи, когда не совсем понятно, какая часть изображения является выделением, а какая - нет.
Чтобы определить, какие пиксели в изображении доступны для редактирования, надо включить подсветку быстрой маски, для этого следует нажать клавишу Q. Вот как теперь выглядит документ:

04.jpg

Красным отмечена область изображения, находящаяся вне зоны выделения, т.е. недоступная для редактирования. Чтобы отключить подсветку, т.е. быструю маску, снова нажимаем клавишу Q.

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

05.jpg

Итак, фон вокруг корзины удалён, но задача не выполнена. т.к. остались фрагменты фона внутри корзины.

Эти области не были удалены. т.к. изначально не вошли в выделение, а произошло это из-за неправильной настройки инструмента "Волшебная палочка".

Давайте вернёмся назад и восстановим начальное состояние документа, для этого следует нажать кнопку F12.

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

06.png

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

07.jpg

Нажимаем клавишу Q для включения быстрой маски, чтобы выделенная область была нагляднее:

08.jpg

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

Чтобы исправить этот недочёт, воспользуемся активной на данный момент быстрой маской (Quick Mask).

Возьмём инструмент "Кисть" (Brush Tool):

3.png

Нажимаем на клавишу D, чтобы основной цвет на палитре цветов стал чёрным, делаем диаметр кисти примерно равным диаметру белых пятен, жёсткость устанавливаем на 100%, и закрашиваем пятна, в процессе закраски пятна должны исчезнуть под розовой подсветкой:

0_109956_ae4650b3_L.jpg

После того, как пятна закрашены, снова нажимаем клавишу Q, а затем Delete. Результат:

05.jpg

Примечание. Если перед созданием выделения "Волшебной палочкой" установить параметр "Допуск" (Toleranse) на ноль (этот параметр расположен вверху окна Photoshop немного левее опции "Смежные пиксели", сейчас он равен 32, см. рис. выше), то в выделение не войдут участки на самой корзине, и танцев с быстрой маской и кистью делать не потребуется.

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

На примере, я создал под слоем с корзиной слой с оранжево-красным градиентом:

0_109969_b8182049_XL.jpg

Удаление фона на фотографии инструментом "Волшебный ластик" (Magic Eraser Tool

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

Но, для нашего случая, этот инструмент подойдёт идеально, поэтому, давайте приступим.

"Волшебный ластик" расположен в стеке под инструментом "Ластик":

12.png

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

Чтобы удалить белый фон на моей фотографии, надо, всего-лишь, перед применением инструмента, задать значение допуска ноль и отключить опцию смежные пиксели:

13.png

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

0_10996d_a0970881_L.png

Собственно, всё, задача выполнена. согласитесь, гораздо быстрее, чем "Волшебной палочкой".

Кроме того, если Вы сделаете параметр "Непрозрачность" (Opacity) меньше 100%, "Волшебный ластик" удалит фон не полностью, а сделает его полупрозрачным.

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


Ссылка на источник




Как удалить и изменить фон на фотографии
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

Яндекс.Метрика