Фотошоп фон: Замена фона в Photoshop | Руководства по Adobe Photoshop

Фоновый слой в 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) для выбора цветов для заполнения области:

Мне это не надо, поэтому я нажму на кнопку «Отмена» (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), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.

Adobe Photoshop Mix-Заменяйте, комбинируйте, созда

Творите без границ, в любом месте и в любое время.
Используйте Adobe Photoshop Mix для быстрого и легкого создания многоуровневых изображений.

Новая функция: добавляйте уникальные текстовые слои и создавайте яркие типографические проекты для самого разного использования: от материалов в Instagram до пригласительных.

Хотите, чтобы приложение для работы с фотографиями на мобильном устройстве было более совершенным? (конечно, да):
o Комбинируйте несколько изображений/слоев для создания непревзойденных работ.

o С легкостью удаляйте любой объект.
o Выборочно применяйте ретуширование и устраняйте дефекты.
o Предоставляйте доступ друзьями и публикуйте материалы в социальных сетях.
o Отправляйте материалы в Adobe Stock и продавайте ваши материалы самому крупному творческому сообществу.

Еще? (Дорогие дизайнеры):
o Экспериментируйте с различными режимами наложения и работайте с каждым уровнем, пока не добьетесь желаемого результата. Mix включает в себя некоторые популярные режимы смешивания из Photoshop CC.
o Настраивайте цвет и контрастность или применяйте готовые фильтры. Улучшайте качество всего изображения или его отдельного элемента с помощью прикосновения пальца.

o Неразрушающее редактирование позволяет сохранять оригиналы изображений нетронутыми.
o Выведите свой мобильный проект на другой уровень при помощи Adobe Photoshop CC.

ПОДКЛЮЧИТЕСЬ К CREATIVE CLOUD 
Любите фотографировать? Просмотрите творческий план для фотографов в Creative Cloud. В план включены программы Lightroom и Photoshop – самые совершенные инструменты для редактирования. В Creative Cloud вы можете открывать и редактировать файлы Photoshop в программе Mix и отправлять композиции в Photoshop CC для дальнейшего редактирования, например слоев и масок и т. д. Вы также можете открывать и комбинировать изображения Lightroom и отправлять их напрямую в свои коллекции Lightroom. Перемещайте изображения между Mix и новыми мобильными версиями Photoshop Fix и Lightroom, чтобы получить максимум возможностей редактирования. Creative Cloud также позволяет использовать возможности Photoshop CC в программе Mix, включая функцию стабилизации изображения. Кроме того, все ваши отредактированные изображения синхронизируются на всех ваших устройствах, включая компьютер. При редактировании на iPad изображения появятся на вашем компьютере. Продолжайте совершенствовать свои навыки с помощью творческого плана для фотографов в Creative Cloud.

Следующие бесплатные приложения для работы с фотографиями от Adobe, способные расширить творческие возможности, заслуживают особого внимания:
• Photoshop Fix — редактируйте черты лица, восстанавливайте, осветляйте, изменяйте пластику и цвет, доведите свои изображения до идеала, после чего с легкостью отправляйте их в другие настольные и мобильные приложения Creative Cloud.
• Lightroom Mobile — захватывайте, редактируйте, организуйте и делитесь изображениями профессионального качества на своем смартфоне или планшете.

ТРЕБУЕТСЯ ПОДКЛЮЧЕНИЕ К ИНТЕРНЕТУ И ADOBE ID
Зарегистрируйтесь для бесплатного создания идентификатора Adobe ID в Photoshop Mix. Использование онлайн-служб Adobe, включая службу Adobe Creative Cloud, доступно только пользователям старше 13 лет и требует согласия с дополнительными условиями и принятия политики конфиденциальности Adobe на странице http://www.adobe.com/ru/privacy/policy-linkfree.html. Сетевые службы Adobe доступны не во всех странах и не на всех языках, они могут подлежать изменению или отмене без уведомления, их предоставление может потребовать регистрации пользователя.

Работа со слоями и фоном в Фотошопе

	Редактор для работы с растровой графикой Photoshop позволяет удобно работать со слоями и фоном. Инструменты для работы со слоями дают возможность профессиональным фотографам, дизайнерам и веб-дизайнерам обрабатывать изображения. Используя функции фоторедактора, можно легко изменить фон на фотографии, добавить несколько слоев для цветокоррекции изображения. Пользователям, только начинающим работу с программой, будет полезно узнать в данном обзоре, каким образом можно добавить изображение на уже созданный фон. Чтобы научиться использовать все преимущества Фотошопа, предлагаем начать работать в Photoshop CS6, купить который можно у нас.
Как создать слой в Фотошопе Умение работать со слоями может значительно облегчить ретуширование изображений, их цветокоррекцию. Также удаление и добавление слоев основная составляющая при создании анимации, видео и других картинок. Создать слой можно несколькими способами: На панели инструментов выберите вкладку «Слои» и выберите пункт «Новый слой». Задайте имя нового слоя. В правом нижнем углу редактора отображается, как правило, окно работы со слоями. Нажав на кнопку в правом верхнем углу, можно точно так же создать новый слой. На панели отображения слоев находится картинка документа с загнутым уголком, нажав на нее, вы создадите новый слой.
	Как поменять фон в Фотошопе Замена фона очень актуальна, когда нужно улучшить задний план или подобрать фон для созданного объекта в программе. Чтобы изменить фон, необходимо, прежде всего, аккуратно выделить объект/объекты, которые вы хотите поместить на новом фоне. Если вы не знаете, как выделить в Фотошопе, ознакомьтесь с нашим обзором об основных функциях приложения. Для выделения изображения в программе предусмотрено несколько инструментов. Вы можете воспользоваться: Магнитным Лассо, Пером или Волшебной палочкой для обрисовки контура на контрастном фоне. Если контуры объекта сложные, можно попробовать тоновую коррекцию по одному из каналов. Если фон сложный, также рекомендуется работа с каналами и разделение изображения на несколько участков.
Как сделать прозрачный фон в Фотошопе Для того, чтобы сделать фон прозрачным необходимо удалить нынешний фон. Если вы работаете с объектами для верстки сайтов, то лучшим решением будет использование картинок в формате PNG. Изображения в данном формате уже идут с прозрачным фоном, что дает возможность широко использовать их для размещения на сайтах. Чтобы создать прозрачный фон на изображении, воспользуйтесь Фоновым ластиком. Данный инструмент позволит быстро убрать лишние детали с заднего плана. Однако, такой способ эффективен, если фон контрастный и однотонный по отношению к объекту. Удобно применять Волшебную палочку, чтобы быстро выделить объект. При работе с этим инструментом нужно регулировать размер допуска, от которого зависит точность выделения всех фоновых участков.
	Как сделать белый фон в Фотошопе Для создания белого фона в программе существует несколько способов. Например, можно создать новое изображение. Для этого перейдите во вкладку «Файл», выберите «Создать». Для того, чтобы сделать фон изображения белым выберите инструмент «Заливка» и укажите белый цвет на палитре. Если вам необходимо создать белый фон на уже существующем изображении заменить его вместо другого, нужно применить инструменты выделения. Воспользуйтесь Лассо, Волшебной палочкой или Пером для аккуратного выделения контура. После инвертирования объекта удалите ненужный фон, нажав «Delete». После этого создайте копию слоя перед слоем с объектом и залейте его белым цветом.
Как размыть фон в Фотошопе Чтобы размыть фон в Фотошопе, необходимо работать со слоями. Есть несколько способов размыть фон в программе. Откройте нужно изображение и, выбрав вкладку «Слои», нажмите «Создать дубликат слоя». На созданном слое выберите из вкладки «Фильтры» «Размытие» и нажмите «Размытие по Гауссу». В окне, которое откроется, выберите интенсивность размытия. Как правило, хватает величины до 5 пикселей. Размойте фон-копию слоя. Далее выберите инструмент Ластик, и, установив необходимую жесткость, аккуратно проявите тот объект, который должен быть четким. Объедините слои после ретуширования. Открыв изображение и, создав дублирующий слой, размойте его, так же, как в предыдущем способе. Выбрав размытый слой, на панели слоев укажите «Добавить слой-маску». На копии слоя должен появиться белый прямоугольник. Выберите кисть, и указав черный цвет (#000000) и жесткость, начинайте проявлять объект на размытом фоне. Если вам необходимо поправить контур, добавить к нему размытость, вместо черного цвета укажите белый.
	Как вырезать фон в Фотошопе Чтобы вырезать фон в фоторедакторе воспользуйтесь инструментами выделения, чтобы аккуратно выделить объект, расположенный на переднем плане. Перед началом выделения создайте слой-копию или убедитесь, что слой, с который вы работаете разблокирован. Вы можете применять несколько видов инструментов: Магнитное Лассо, Волшебная Палочка, Перо, Быстрое Выделение. Если вы довольны результатом на вкладке «Выделение» выберите пункт «Инверсия». Когда вся картинка по контуру будет выделена пунктирной линией, нажмите «Delete» или во вкладке «Редактирование» укажите удалить. Таким образом, слой на котором находился фон, будет удален. Чтобы оставить объект на прозрачном фоне, необходимо сохранить его в формате PNG. Если сохранить его в формате jpeg, он будет располагаться на белом фоне.
Как объединить слои в Фотошопе При ретушировании изображении, работе с фоном и кадрированием объектов часто возникает необходимость создавать новые слои, или удалять их. Например, создавая коллаж, мы одновременно работаем с несколькими слоями. Отредактировав каждый из них, для сохранения документа и экономии места на диске, лучше объединить все слои в один. На рабочей панели слоев кликните по одному из слоев правой кнопкой мыши. В открывшемся контекстном меню выберите один из способов: Объединить видимые, Объединить слои и Выполнить сведение. Если вам не нужно сохранять какой-либо из слоев для дальнейшей ретуши просто укажите «Выполнить сведение». В таком случае все слои, видимые и невидимые, будут сведены в один.
	Как вставить изображение в фон в Фотошопе Для создания коллажей или работы с веб-страницами актуально перемещение объектов с одного фона на другой. Чтобы вырезать фигуру с изображения необходимо выделить ее одним, из наиболее подходящих инструментов. Выберите Лассо, Перо, Волшебную Палочку или Быстрое Выделение на панели инструментов. Выделите объект и при помощи инструмента «Перемещение» поместите его на фоновый рисунок. При перемещении программа предложит обрезать изображение. Нажмите «Кадрировать». Для удобства работы с обоими изображениями не забудьте убрать в настройках редактора «Открыть документы во вкладках». Перенеся объект на другой фон, отретушируйте контуры, чтобы сгладить резкие края. Для этого используйте инструмент «Палец». Чем большую вы укажете интенсивность, тем более размытыми можно сделать края.

Как удалить белый фон с картинки в Adobe Photoshop?

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

Adobe Photoshop — удаляем фон

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

Быстрая навигация:

1. # Удалить белый фон инструментом «Волшебный ластик»
2. # Удалить белый фон инструментом «Фоновый ластик»
3. # Удалить любой фон с изображения с помощью инструмента «Быстрое выделение»

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

Шаг 1 — откройте изображение

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

Открываем исходное изображение в Фотошопе

Шаг 2 — разблокируйте слой

На панели слоев нажмите иконку «Замок», чтобы разблокировать его и превратить в редактируемый слой. Переименуйте его из «Слой 0» во что-нибудь понятное. Можно создать дубликат слоя, а затем скрыть его, нажав на иконку «Глаз». Это на тот случай, если вы захотите вернуться к первоначальному варианту.

Adobe Photoshop — разблокируем и переименуем слой Создаем дубликат, скрываем основной слой

Шаг 3 — Выберите инструмент «Волшебный ластик» (Magic Eraser)

На панели инструментов нажмите на «Волшебный ластик». Это третий на вкладке ластик. Выберите следующие параметры:

1. Допуск (Tolerance): 30
2. Сглаживание (Anti-Alias): отметить галочкой
3. Непрозрачность (Opacity): 100%

Настраиваем волшебный ластик, чтобы удалить бэкграунд

Шаг 4 — сотрите слой

Нажмите на белый фон волшебным ластиком, чтобы удалить. Все, он исчез!

Удаляем фон ластиком

Но подождите!

Вместе с фоном мы удалили и тень

У нашего изображения была серая тень, которая теперь исчезла. Если у вашего изображения есть подобные элементы, они тоже исчезнут. По этой причине вы можете попробовать другой инструмент — «Фоновый ластик».

Как удалить белый фон с картинки в Adobe Photoshop?

Твитнуть

Шаг 5 — обрежьте и сохраните как PNG

Нажмите на опцию Тримминг во вкладке Изображение (Image → Trim…). Это позволит обрезать ненужное прозрачное пространство вокруг объекта. Экспортируйте изображение в виде файла PNG, нажмите Файл → Экспортировать → Быстрый экспорт в PNG. Если вы сохраните как JPEG, вся наша тяжелая работа будет напрасной, так как картинка будет сохранена с белым фоном, JPEG не поддерживает прозрачность.

Тримминг изображения Экспортируем изображение в png

---

Шаг 1 — повторите первые два шага из части про «Волшебный ластик»

Шаг 2 — Выберите инструмент «Фоновый ластик».

Вы можете найти его на вкладке Ластик панели инструментов. Курсор ластика выглядит как круг с перекрестием в центре.

Поскольку мы удаляем белый фон за цветной графикой, мы должны выбрать следующие настройки для инструмента «Фоновый ластик»:

1. Размер (Size): 100-300 px.
2. Проба (Sampling): однократно или образец фона
3. Ограничения (Limits): Выделение краев (Find Edges)
4. Допуск (Tolerance): 20%
5. Основной цвет: отметить галочкой

Кроме того, убедитесь, что черный цвет находится на переднем плане в нижней части панели инструментов.

Настройки ластика

Шаг 3 — сотрите белый фон

Наведите курсор на белую область и сотрите ее ластиком. Поскольку мы выбрали допуск 20%, ластик не повлияет на другие, не белые цвета. Если бы допуск был выше, цвета были бы немного затронуты. Попробуйте различные уровни допуска для различных изображений. Если вы заметили, что у вас осталось несколько белых пикселей, просто тщательно удалите их обычным ластиком.

Стираем белый фон

Шаг 4 — Повторите последние два шага из части про «Волшебный ластик».

---

Белый фон не всегда идеально белый, иногда он облачный с текстурой или градиентом. Для этого вида белого бэкграунда вам нужен другой инструмент. Благодаря которому мы сможем сделать все аккуратнее, чем ластиком. Инструмент «Быстрое выделение». Для этого инструмента мы подобрали изображение с фоном-текстурой.

Шаг 1 — откройте изображение

Выберите изображение с Вашего компьютера и откройте его в Photoshop. Центрируйте рисунок в монтажной области.

Открываем изображение

Шаг 2 — дублируйте слой

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

Шаг 3 — Выберите инструмент «Быстрое выделение» (Quick Selection)

На панели инструментов нажмите на «Быстрое выделение». Он в одной группе с инструментом волшебная палочка. Настройте параметры следующим образом:

1. Новая выделенная область (New Selection)
2. Размер (Size): 100 px
3. Жесткость (Hardness): 100%
4. Интервал (Spacing): 20%

Удаление фона Быстрым выделением

Шаг 4 — Выделите объект

Выделите инструментом «Быстрое выделение» объект, который вы хотите отделить от фона.

Выделение объекта

Держите курсор на объекте и на внутреннем краю выделения, чтобы он не касался фона. Когда объект выбран, вы можете добавить к нему выделения или вычесть лишние части комбинацией клавиш Alt + ЛКМ.

Шаг 5 — Уточните выделение

С большой долей вероятности наше выделение получится несовершенным, поэтому теперь мы уточним его с помощью инструмента «Кисть» (brush tool). Нажмите q на клавиатуре, и фон закрасится красным. Эта красная область является не выделенной частью вашего изображения.

Увеличьте изображение (Alt + Колесо мыши от себя) и выберите инструмент «Кисть» (или нажмите кнопку B), чтобы подправить края. Используйте белый цвет, чтобы добавить к вашему выбору (стирая красный) и черный цвет, чтобы отменить выбор (добавление красного). Уменьшите размер кисти, чтобы сделать работу аккуратнее в узких местах и на сложных краях.

Чтобы закончить его, Нажмите кнопку q еще раз, чтобы избавиться от красного и увидеть выделение с пунктирной линией. Нажмите ПКМ и выберите «Растушевка…», установите радиус растушевки 3 px.

Уточняем выделение

Шаг 6 — инвертировать выделение

Как только вы убедитесь, что объект выбран правильно, инвертируйте выделение сочетанием клавиш Shift + Control + I или выберите инструмент «Прямоугольная область» нажмите ПКМ на изображение, выберите пункт Инверсия выделенной области. Когда фон выбран, удалите его (клавиша del), и вы увидите сетку прозрачности. Проверьте, чтобы ваш слой был разблокирован, иначе ничего не получится.

Инвертируем выделение Растушевка

Шаг 7 — Повторите последние два шага из части про «Волшебный ластик»

Готовое изображение

Подытожим

Некоторые графические дизайнеры полагаются на использование инструмента лассо и перо для удаления фона объекта в Фотошопе, но эти инструменты просто не нужны, когда фон имеет простой белый цвет. С помощью трех инструментов, которые мы показали вам в этом руководстве, у вас есть более чем достаточно знаний, чтобы стереть любой белый фон.

Как сделать фон прозрачным (photoshop)

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

И так, открываем нашу картинку в фотошопе.

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

Замочек должен исчезнуть

2. Далее…

Если фон однотонный:
Выбираем инструмент «Волшебная палочка» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик«, просто затираем лишний фон.

4. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

Похожее

Запись опубликована в рубрике Разное с метками Photoshop.

Как сделать фон прозрачным в фотошопе

От фотографии продукта до привлекательного дизайна веб-сайта, иногда изображение просто лучше без фона. Но попытка решить задачу без правильных инструментов может заставить даже самых опытных фотографов захотеть выбросить компьютер из окна. К счастью, последние обновления в Adobe Photoshop делают процесс простым, а иногда и простым, всего за несколько кликов. Новая функция в Photoshop 2020 делает фон прозрачным всего за несколько кликов, хотя для сложных изображений может потребоваться ручное удаление фона.

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

Быстрый и грязный способ удалить фон в фотошопе

Photoshop 2020 поставляется с новым ярлыком для удаления фона, который работает с помощью инструмента «Выбрать тему». Ярлык не будет правильно каждый раз, но он хорошо работает для простых изображений, а для других легко может быть улучшен. Перед началом работы убедитесь, что у вас установлен Photoshop 2020 версии 21.0.0 или более поздней — в противном случае вам необходимо сначала обновить программное обеспечение.

Начните с копирования фонового слоя, чтобы создать тип слоя. Фотошоп должен использовать инструмент. Выберите всю фотографию (команда + A в MacOS или Control + A в Windows) и скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который вы только что создали.

На панели «Свойства» справа перейдите к разделу «Быстрые действия». Если вы не видите панель свойств, щелкните значок, который выглядит следующим образом:

В разделе «Быстрые действия» нажмите «Удалить фон». Вам нужно будет подождать несколько минут, чтобы программа нашла объект и удалила фон. После завершения программы вы должны увидеть объект на прозрачном фоне (обозначен клетчатым узором). Если вы не видите этот прозрачный фон, убедитесь, что фоновый слой скрыт.

Этот быстрый метод отлично работает для некоторых фотографий, с смехотворными результатами для других. Если это не работает для вас, перейдите к ручному методу ниже. Если результат близок, но не совсем идеален, нажмите на маску, которую Photoshop создал автоматически (черно-белое изображение на панели слоев). С выбранной маской, используйте белую кисть, чтобы добавить к предмету, и черную кисть, чтобы стереть любые части фона, которые не были удалены.

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

Как вручную удалить в фотошопе

Выбор инструмента выбора Photoshop

Создание прозрачного фона включает в себя выбор того, что вы хотите сохранить, и удаление того, что вы не хотите. Но какой из нескольких инструментов выбора Photoshop лучше всего подходит для этой задачи? Это зависит от изображения. Если вы работаете с изображением на фоне с большим контрастом, таким как темный объект на светлом фоне или одноцветный логотип, процесс выбора будет немного проще.

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

Волшебная палочка выберет все пиксели с одинаковым цветом. Например, с логотипом на белом фоне все, что вам нужно сделать, — это щелкнуть белую область, чтобы выбрать ее, а затем нажать «Удалить», чтобы убрать ее. Возможно, вам придется повторить это, если есть несколько участков фона, разделенных на части объекта, который вы пытаетесь вырезать.

Инструмент « Выбор объекта» использует искусственный интеллект для выбора границ объекта. Вы рисуете грубый контур, чтобы указать, какой объект, а AI Photoshop сделает все остальное. Этот инструмент также можно использовать для удаления объекта из текущего выделения.

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

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

1. Перейти к выбору> выбрать тему

Инструмент «Выбрать тему» ​​в Photoshop позволяет легко приступить к удалению фона. Перейти к Select> Select Subject . Процесс занимает несколько секунд, но Photoshop затем приблизительно выберет объект фотографии, используя искусственный интеллект. Инструмент, как правило, не совершенен, но ничего страшного — вы можете уточнить выбор на следующем шаге.

Кроме того, если фотография имеет более одного объекта, и вы хотите выбрать только один объект, вы можете использовать инструмент Выбрать объект. В тобоксе выберите инструмент «Выбор объекта» (Photoshop 21.0.0 и более поздние версии), он заправлен инструментом «Волшебная палочка». Нарисуйте рамку вокруг объекта, и Photoshop выберет объект для вас. Опять же, вы можете уточнить выбор на следующем шаге, поэтому не работайте, если объект не выбран идеально.

Если инструмент «Выбрать тему» ​​не работает для вас (или вы используете более старую версию Photoshop), перейдите к следующему шагу и начните выбор с нуля.

Если инструмент «Выбрать тему» ​​работает идеально (это происходит!), Перейдите к шагу 4.

2. Для сложных предметов используйте Select и Mask, чтобы уточнить выбор

Скорее всего, ваш выбор не совсем совершенен. Если вы работаете с объектом с четко очерченными краями, инструмент магнитного лассо, вероятно, является самым простым маршрутом, поэтому переходите к следующему шагу. Однако для объектов с менее определенными краями, текстурой и сильно неправильными формами инструмент «Выделение и маска» часто бывает проще. Для объектов с обоими, такими как изображение с камеры, использованной в этом уроке, вы можете использовать сочетание обоих методов.

Точно настройте выделение, перейдя в Select> Select и Mask . В окне Выбор и маска уточните выбор. Используйте инструмент «Кисть» на панели инструментов слева и выберите значок «плюс» на верхней панели инструментов, затем нарисуйте все, что должно быть включено в выбор, но не включено. Или щелкните значок минус в верхней части, чтобы зачистить части, которые не должны быть частью выделения. Помните, что цель состоит в том, чтобы выбрать предмет, оставляя фон, который вы хотите удалить, невыбранным.

Если кисть выбирает слишком много, увеличьте масштаб и используйте меньший размер кисти (расположенный рядом с иконками плюс и минус вверху) и уменьшите радиус на панели инструментов свойств. Если кисть выбирает недостаточно, используйте больший размер кисти и увеличьте радиус.

Сделайте выбор как можно лучше, используя инструмент «Выделение и маска», но не переживайте, если он еще не идеален. Удостоверьтесь, что ошиблись, выбрав слишком много — если вы что-то упустили, позже будет сложнее вернуться. Нажмите хорошо, как только вы уточнили выбор, насколько это возможно.

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

3. Преврати свой выбор в слой

Сохраните то, что вы уже выбрали, на новом слое, даже если он еще не идеален — просто убедитесь, что вы не пропустили ничего, что должно быть выделено. С этими «марширующими муравьями», по-прежнему указывающими ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выбор. Вставленный выбор автоматически отобразится как его собственный слой. Кроме того, вы также можете перейти к Layer> New> Layer Via Copy .

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

4. Продолжайте очистку с помощью инструментов Лассо и ластика.

В Photoshop имеется около десятка различных инструментов выделения, и, хотя « Выбор» и «Маска» хорошо работают с объектами, которые трудно выбрать (например, с волосами), инструмент «Магнитное лассо» может быть быстрее для четко определенных краев. Продолжайте уточнять выделение после « Выбрать» и «Маска» или переходите вправо к этому шагу, если вы вырезаете объект с четко определенными краями.

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

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

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

5. Удалить фон

Наконец, перейдите на панель « Слои» и нажмите на фоновый слой. Нажмите «Удалить», чтобы удалить фон и оставить только тот выбор, который вы сделали. Вы можете добавить новый фоновый слой, чтобы поиграть с разными цветами, градиентами или изображениями, чтобы увидеть, как выбранный объект отображается поверх них. Однако если вы хотите этот прозрачный фон, вы можете оставить изображение как есть после удаления фона.

6. Сохранить как PNG

Если вы сохраните свой файл в формате JPEG, вы получите белый фон, потому что JPEG не поддерживает прозрачность. Перейдите в Файл> Сохранить как и выберите PNG из опций типа файла. Теперь у вас есть файл PNG, который вы можете разместить в любом месте с прозрачным фоном. Если вы хотите иметь возможность легко вносить дальнейшие изменения, вы также можете сохранить вторую версию в виде файла .PSD.

Связанный

Как сделать минималистичный фон в Photoshop для рабочего стола

Вы когда-нибудь видели эти струящиеся, легкие фоны для рабочего стола, которые отображались на экранах компьютеров по умолчанию? Это именно то изображение, о котором я думала, когда возилась с Photoshop для подготовки этого урока. Хотя они не точно такие же, но эти простые градиенты и формы, объединяясь, навевают небольшую ностальгию. И поэтому в этом уроке мы разберем как сделать фон в фотошоп, как раз такой минималистичный и легкий.

 

 

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

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

 

Начнем

Для начала откройте новый документ в Photoshop. Измените размеры холста до стандартных размеров рабочего стола – 1920 пикселей на 1080 пикселей, как показано ниже. Добавьте градиент.

  

 

 

Добавим градиент

Зайдите в меню Слои вверху рабочей панели и нажмите Новый слой-заливка, а затем Градиент.

 

На всплывающей панели Градиент, нажмите на выпадающую стрелочку и выберите Простой градиент.

 

Выберите цвет из образцов на вкладке «Простой».

Выберите цвет, который кажется вам наиболее привлекательным – какой только пожелаете!

 

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

На этом этапе я бы порекомендовала цвет, подобный по оттенку вашему оригинальному цвету. Я большой поклонник розового, поэтому я выбрала тонкий, легкий оттенок розового, чтобы дополнить мою общую цветовую схему. Но это полностью зависит от вас!

 

Утвердите цвет градиента. Выберите Радиальный стиль и масштаб 150.

Выбор стиля Радиальный делает светлый оттенок исходящим от центра вашего изображения.

 

Добавляем еще один слой

Затем создайте новый слой через закладку Слои в верхней части экрана. В раскрывающемся меню выберите «Создать» и выберите «Слой» … Нажмите «ОК» в ответ на приглашение.

 

Придаем форму

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

 

Выбрав инструмент Овальная область, нарисуйте круг, который пересекает верхний угол вашего изображения. Чтобы фигура была со всех сторон одинаковой (другими словами, кругом), удерживайте клавишу Shift при перетаскивании части фигуры поверх верхнего угла.

 

Откройте инструмент кисти и выберите красивую, мягкую кисть. Установите размер кисти от 200 до 400 пикселей, а уровень твердости — на ноль. Выберите цвет в слегка темном оттенке. Я выбрала персиковый цвет.

Не сбрасывая фигуру, пройдитесь кистью вдоль внешнего края четверти круга, чтобы прорисовать внутренний обод.

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

 

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

 

Добавляем объем

Затем мы добавим новую фигуру в изображение с помощью инструмента Прямоугольная область, а не Овальная область.

 

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

Выделение прямоугольника.

 

С той же техникой и цветом, которые вы использовали для овала, пройдитесь кистью по периметру формы, оставляя только легкую тень.

 

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

Преобразуйте прямоугольник.

 

Край прямоугольника после трансформирования.

 

Режим наложения

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

Режимы наложения.

 

 

Вот и все! Неплохо, да? Удивительно, что вы можете сделать с несколькими кругами и тенями.

 

Фильтр Пластика

Если хотите, попробуйте поэкспериментировать с фильтром Пластика. Он находится во вкладке «Фильтр» на верхней панели инструментов.

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

 

После использования фильтра Пластика. Вы видете, что формы теперь более органичны.

 

Ваша очередь!

Вот еще несколько моих творений. Теперь ваша очередь украсить свой рабочий стол новой заставкой.

 

 

 Автор: Megan Kennedy

Перевод: Татьяна Сапрыкина

 

слоев Photoshop — фоновый слой

Вот изображение фоторамки, которую я только что открыл в Photoshop. Я загрузил это изображение из Adobe Stock:

Фотография рамки для фото.

Всякий раз, когда мы открываем новое изображение в Photoshop, оно открывается внутри своего собственного документа, и Photoshop помещает изображение на свой собственный слой с именем Фон , как мы можем видеть, посмотрев на мою панель «Слои»:

Панель «Слои», показывающая изображение на фоновом слое.

Photoshop называет этот слой Background по той простой причине, что он служит фоном для нашего документа. Любые дополнительные слои, которые мы добавляем в документ, будут отображаться на выше фонового слоя. Поскольку его вся цель — служить фоном, Photoshop не позволяет нам делать с ним несколько вещей. Давайте кратко рассмотрим эти несколько простых правил, которые нам необходимо запомнить. Затем, в конце урока, мы узнаем, как легко обойти каждую из них.

Правило 1. Мы не можем перемещать содержимое фонового слоя

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

Выбор инструмента «Перемещение» на панели «Инструменты».

Затем мы просто щелкаем инструментом «Перемещение» внутри документа и перетаскиваем содержимое с помощью мыши. Однако посмотрите, что происходит, когда я пытаюсь перетащить фоторамку в другое место. Вот я пытаюсь перетащить его в верхний правый угол документа:

Попытка переместить фоновый слой с помощью инструмента «Перемещение».

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

Вместо того, чтобы перемещать фоторамку, Photoshop сообщает мне, что слой заблокирован.

Если мы снова посмотрим на панель «Слои», то увидим маленький значок замка в дальнем правом углу фонового слоя, дающий нам понять, что этот слой действительно заблокирован на месте, и мы не можем его переместить.Это первая проблема с фоновыми слоями; они застряли в исходном положении:

Значок замка сообщает нам, что некоторые аспекты этого слоя заблокированы.

Правило 2: Отсутствие прозрачных пикселей

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

Во-первых, мне нужно выделить область внутри кадра. Поскольку он залит сплошным белым цветом, я выберу его с помощью инструмента Photoshop Magic Wand Tool. По умолчанию «Волшебная палочка» находится за инструментом «Быстрое выделение» на панели «Инструменты». Чтобы перейти к нему, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в инструменте быстрого выбора, затем выберите Magic Wand Tool из всплывающего меню:

Выбор инструмента «Волшебная палочка».

С помощью инструмента «Волшебная палочка» я щелкаю в любом месте кадра, чтобы мгновенно выделить всю белую область. На скриншоте это немного сложно увидеть, но теперь по краям появляется контур выделения, что дает мне знать, что область внутри кадра выбрана:

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

Чтобы удалить область, я нажимаю Backspace (Win) / Delete (Mac) на клавиатуре. Но вместо того, чтобы удалить область и заменить ее прозрачностью, как мы ожидали от обычного слоя, Photoshop таинственным образом открывает диалоговое окно Fill , предлагая мне выбрать, каким цветом я хочу заполнить область:

Вместо удаления области Photoshop открывает диалоговое окно «Заливка».

Я нажму «Отмена», чтобы закрыть диалоговое окно «Заливка», поскольку это совсем не то, что я хотел сделать. Я хотел удалить белую область внутри рамки, а не заливать ее другим цветом. Может Фотошоп просто запутался, так что попробую что-нибудь другое. Я перейду к меню Edit в строке меню в верхней части экрана и выберу Cut :

.

Идем в Edit> Cut.

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

Белая область внутри рамки теперь залита … белым?

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

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

Образцы цвета переднего плана (вверху слева) и фона (внизу справа).

Мы можем поменять местами цвета переднего плана и фона, нажав на клавиатуре букву X .Я нажму X, и теперь мы видим, что с заменой цветов мой цвет фона был установлен на черный :

Цвет фона теперь черный.

Я отменю свой последний шаг (вырезание выделения), перейдя в меню Edit и выбрав Undo Cut Pixels :

Идем в Edit> Undo Cut Pixels.

Затем я вернусь в меню Edit и снова выберу Cut :

Снова идем в Edit> Cut.

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

Photoshop продолжает заливать выделение цветом, но нам нужна прозрачность.

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

Как бы я ни старался, я никогда не смогу удалить область внутри центра кадра, пока изображение остается на фоновом слое. Как же тогда я смогу отобразить в рамке другую фотографию? Оставим пока эту проблему в покое.Мы вернемся к этому в ближайшее время.

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

Вот фото, которое я хочу поместить в рамку. Я также загрузил это из Adobe Stock:

Изображение, которое будет помещено в рамку.

Изображение в настоящее время открыто внутри собственного документа, поэтому я быстро скопирую его в документ фоторамки, нажав Ctrl + A (Win) / Command + A (Mac), чтобы выделить всю фотографию.Затем я нажимаю Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена. Я переключаюсь на документ фоторамки, затем нажимаю Ctrl + V (Win) / Command + V (Mac), чтобы вставить изображение в документ. Photoshop помещает изображение на новый слой с именем «Слой 1» над фоторамкой на фоновом слое:

Вторая фотография помещается на отдельный слой над фоновым слоем.

Если мы заглянем в документ, мы увидим новую фотографию, появившуюся перед рамкой:

Фотография в настоящее время находится перед рамкой.

Для того, чтобы моя вторая фотография появилась внутри кадра, мне нужно изменить порядок слоев на панели «Слои», чтобы рамка отображалась над фотографией. Обычно переместить один слой над другим так же просто, как нажать на слой, который нам нужно переместить, и перетащить его над другим слоем, но это не тот случай, когда слой, который нам нужно переместить, является фоновым слоем.

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

Круг с диагональной линией, проходящей через него, говорит мне, что я не могу перетащить фоновый слой над слоем 1.

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

Правило 4: нельзя перемещать другие слои ниже фонового слоя

Хорошо, мы не можем переместить фоновый слой над другим слоем. Что, если мы попробуем переместить другой слой ниже фонового слоя? Я нажимаю на слой 1 и пытаюсь перетащить его ниже фонового слоя, но это тоже не работает.Я получаю тот же маленький символ Охотников за привидениями, говорящий мне, что Photoshop не позволяет мне это сделать:

Тот же значок «не произойдет» появляется при попытке перетащить слой 1 ниже фонового слоя.

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

Правило 5. Мы не можем изменить режим наложения, прозрачность или заливку

Давайте быстро подведем итоги. Мы узнали, что Photoshop не позволяет нам перемещать содержимое фонового слоя с помощью инструмента «Перемещение», потому что слой зафиксирован на месте.Мы узнали, что фоновый слой не поддерживает прозрачность, поэтому удалить что-либо на слое невозможно. И мы узнали, что фоновый слой всегда должен оставаться нижним слоем в документе. Мы не можем перетащить его над другими слоями, и мы не можем перетащить другие слои под ним.

Есть еще несколько вещей, которые мы не можем сделать с фоновым слоем, и мы быстро рассмотрим их. Я нажимаю на свой фоновый слой, чтобы выбрать его, и замечаю в левом верхнем углу панели слоев, что параметр «Режим наложения» (поле, установленное на «Нормальный») неактивен.Обычно мы можем изменить режим наложения слоя, который изменяет способ смешивания слоя со слоем (ами) под ним. Но поскольку фоновый слой всегда должен оставаться нижним слоем в документе, под ним никогда не будет никаких слоев, что делает параметр режима наложения бесполезным.

То же самое касается параметров «Непрозрачность» и «Заливка» прямо напротив параметра «Режим наложения». Оба они неактивны, когда выбран фоновый слой, и это потому, что они оба регулируют уровень прозрачности слоя.Поскольку фоновый слой не поддерживает прозрачность, настраивать его не нужно:

Параметры «Режим наложения», «Непрозрачность» и «Заливка» недоступны для фонового слоя.

Простое решение

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

Чтобы переименовать фоновый слой, вы можете перейти в меню Layer вверху экрана, выбрать New , а затем выбрать Layer From Background :

Переход к слою> Создать> Слой из фона.

Однако более быстрый способ — просто нажать и удерживать Alt (Win) / Option (Mac) на клавиатуре и дважды щелкнуть в любом месте фонового слоя:

Удерживая Alt (Win) / Option (Mac) и дважды щелкнув фоновый слой.

Это мгновенно меняет имя фонового слоя на «Слой 0»:

Фоновый слой был переименован в Слой 0.

И просто переименовав его, мы превратили фоновый слой в нормальный слой, а это значит, что мы больше не связаны ни одним из правил, которые мы только что рассмотрели! Мы можем перемещать содержимое слоя с помощью инструмента «Перемещение», мы можем удалить что-либо на слое и заменить его прозрачностью, и мы можем свободно перемещать слой выше или ниже других слоев!

Например, мне все еще нужно переместить фоторамку над изображением на слое 1.Теперь, когда рамки больше нет на фоновом слое, это просто! Я могу просто щелкнуть слой 0 и перетащить его вверх, пока над слоем 1 не появится полоса выделения . Полоса сообщает нам, куда будет перемещен слой, когда мы отпустим кнопку мыши:

Перетаскивание слоя 0 над слоем 1.

Я отпущу кнопку мыши, и в этот момент Photoshop опускает слой 0 над слоем 1, точно так, как мне нужно:

Слой 0 теперь появляется над слоем 1, что было бы невозможно, если бы слой 0 оставался фоновым.

Ранее мы видели, что мне не удалось удалить белую область внутри кадра, пока изображение находилось на фоновом слое, но теперь, когда я переименовал его в Layer 0, это больше не проблема. Я щелкну внутри рамки с помощью инструмента Magic Wand Tool, чтобы мгновенно выделить белую область, как и раньше:

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

Затем я нажимаю Backspace (Win) / Delete (Mac) на моей клавиатуре, и на этот раз, вместо того, чтобы получать диалоговое окно «Заливка», Photoshop действительно делает то, что я ожидал, удаляя область из слой и открывая фотографию под ним:

Область внутри кадра наконец-то была удалена, и открылась фотография внизу.

Я нажму Ctrl + D (Win) / Command + D (Mac) на клавиатуре, чтобы отменить выделение области внутри рамки и удалить контур выделения. Затем, чтобы быстро закончить работу, я нажимаю на Layer 1 на панели Layers, чтобы выбрать его и сделать активным слоем:

Выбор уровня 1.

Я возьму инструмент «Перемещение» на панели «Инструменты», затем щелкну по фотографии и перетащу ее на место внутри рамки, сдвинув немного влево. Несмотря на то, что слой 1 теперь является нижним слоем в документе, это не настоящий фоновый слой, поэтому он не зафиксирован на месте.Я могу перевезти его куда захочу:

Перетаскивание фотографии на место внутри рамки.

Преобразование нормального слоя в фоновый

Наконец, мы увидели, что можем преобразовать фоновый слой в нормальный, просто переименовав его в любое другое имя, кроме «Background». Но что, если мы хотим пойти другим путем? Что, если мы хотим преобразовать обычный слой в фоновый? Является ли это возможным? Да, конечно, но то, как вы это делаете, не так очевидно.

Вы можете подумать, что одна и та же логика применима в обоих направлениях; если мы можем преобразовать фоновый слой в нормальный слой, переименовав его во что-то другое, кроме «Background», тогда мы сможем преобразовать нормальный слой в фоновый слой, переименовав его в «Background». Имеет смысл, правда? К сожалению, это не работает. Все, что у вас получится, — это обычный слой, который называется «Фон».

Чтобы преобразовать обычный слой в настоящий фоновый слой, сначала выберите слой, который нужно преобразовать.Я нажимаю на нижний слой в моем документе (Layer 1), чтобы сделать его активным. Однако обратите внимание, что вам технически не нужно выбирать самый нижний слой в документе, потому что любой слой , который вы конвертируете в фоновый слой, будет автоматически отправлен вниз, как только вы его конвертируете:

Выбор слоя для преобразования в фоновый слой.

Выбрав слой, перейдите в меню Layer вверху экрана, выберите New , а затем выберите Background from Layer :

Переходим в Layer> New> Background from Layer.

И теперь мы видим на панели «Слои», что мой нижний слой, ранее «Слой 1», теперь является официальным фоновым слоем моего документа:

Слой 1 был преобразован в фоновый слой.

Куда идти дальше …

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

Удалить фон в Photoshop 2020

С незапамятных времен Adobe превратила Photoshop в мощный инструмент для управления и затемнения пикселей. Одна вещь, которой он известен, — это его способность легко удалять фон на любой фотографии. Что ж, с Photoshop 2020 они сделали это еще проще с помощью кнопки удаления фона, но обязательно ли это лучше?

В новом Photoshop 2020, если вы выберете разблокированный слой (заблокированный фоновый слой не позволит этого), теперь вы можете удалить фон одним нажатием кнопки. Эта замечательная маленькая кнопка находится на палитре свойств. С одним щелчком мыши и мгновением времени ваш фон волшебным образом исчезнет.

На первый взгляд эта новая функция НЕВЕРОЯТНА! Это похоже на акт волшебства. Но когда вы присмотритесь, вы обнаружите, что с волосами ему приходится нелегко.

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

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

Давайте не будем забывать, что, хотя у нас есть доступ к подобным инструментам в Photoshop, всегда лучше фотографировать объект таким образом, чтобы его было легко удалить, если это ваша цель. Photoshop может только немногое, поэтому не фотографируйте девушку в ветреный день с деревьями позади нее и не ждите, что произойдет волшебство 🙂 Не удивляйтесь, если ваши инструменты выделения не работают в точности так, как вы их просите. Иногда нужно нанести на них немного смазки Select и Mask!

f.64 Academy и f.64 Elite — детище Блейка Рудиса. Хотя он пейзажный фотограф, он очень увлечен постобработкой изображений в Photoshop и наставничеством других.

Для Блейка это не столько искусство, сколько процесс. Он глубоко погружается в сложные темы и делает их легкими для понимания благодаря своему нестандартному мышлению.

Ластик для фона — Как удалить фон в Photoshop CC

Часто бывает необходимо удалить фон фотографии и оставить только объект. Затем объект фотографии можно разместить на совершенно другом фоне. Это руководство покажет, как стереть фон фотографии с помощью Photoshop CC.С новейшей версией Photoshop CC удаление фона стало проще, чем когда-либо!

Во-первых, убедитесь, что Photoshop — подходящий инструмент для работы. Если вы просто хотите быстро удалить фон, это можно сделать просто без Photoshop, используя один из этих веб-сайтов:

Вот шаги, чтобы удалить фон с помощью Photoshop.

Шаг 1. Откройте изображение в Photoshop.

Откройте изображение. Если у вас несколько слоев, убедитесь, что выбран слой, содержащий фон, который вы хотите удалить.

Это заставит Photoshop угадать часть объекта фотографии.

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

Шаг 3: Вернитесь в меню «Выбрать» снова и нажмите «Выбрать и замаскировать».

Откроется окно, в котором вы сможете внести изменения в выбор.

Шаг 3. Настройте режим просмотра и прозрачность.

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

Шаг 3. Настройте обнаружение края.

Это полезно для детального выделения, например, волос. Радиус пикселя обнаружения края указывает, что край, включая все детали, может находиться в пределах этого количества пикселей с каждой стороны от того, что в данный момент выбрано. Если вы выберете «Умный радиус», Photoshop автоматически определит радиус пикселя.

Шаг 4. Задайте глобальные настройки, например сглаживание.

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

Шаг 5: Используйте инструменты слева, чтобы уточнить выбор.

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

Инструмент «Уточнение края» корректирует область границы и полезен для добавления волос или других мелких деталей к выделенной области.

Инструмент «Кисть» используется для точной настройки выделения, а инструмент «Лассо» используется для рисования выделения от руки.

Шаг 6: Подтвердите выбор и примените маску слоя.

В окне «Выбрать и замаскировать» нажмите ОК. Ваш передний план теперь выбран. Чтобы завершить удаление фона, нажмите кнопку маски слоя, чтобы применить выделение к маске.

Когда вы создаете маску слоя, фон по-прежнему доступен за маской на случай, если он вам когда-нибудь понадобится снова.Если вы хотите навсегда избавиться от фона, вы можете скопировать передний план и вставить его в другое изображение или инвертировать выделение (выберите «Выделение»> «Инвертировать») и нажмите «удалить», чтобы удалить фон навсегда.

Три простых способа заливки фона в Photoshop

В какой-то момент вам нужно будет изменить белый фон Adobe Photoshop CS5 по умолчанию. К счастью, научиться заливать фон в Photoshop — это несложный процесс.

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

Как создать слой с заливкой сплошным цветом на панели слоев

Хотя есть несколько способов поиграть со слоем сплошной заливки, мы рассмотрим наиболее распространенный вариант: создание сплошного цвета фона в Photoshop.

Шаг 1

Откройте свой проект (с фоновым слоем, который вы хотите заполнить) в Adobe Photoshop.Если вы не видите панель «Слои» справа, нажмите F7, и она появится.

Шаг 2

На панели «Слои» щелкните «Фоновый слой».

Шаг 3

Из фонового слоя перейдите к раскрывающемуся меню «Выбрать» и нажмите «Все». Вы также можете нажать Ctrl + A., чтобы сделать выбор.

Шаг 4

Щелкните «Изменить», а затем щелкните «Заливка».

Шаг 5

Появится окно.Выберите раскрывающееся меню рядом с «Использовать» и нажмите «Цвет», чтобы открыть палитру цветов.

Шаг 6

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

Шаг 7

Щелкните OK еще раз, чтобы изменить цвет фона.Не довольны слоем сплошных цветов фона? Ctrl + Z сотрет последнее изменение, которое вы сделали на этом слое, и вы можете вернуться на панель «Слои», чтобы повторить попытку.

Как изменить цвет фона в Photoshop с помощью заливки с учетом содержимого

Иногда для нового слоя нужно использовать не сплошной цвет, а нежелательные элементы или объекты. Content-Aware Fill — удобный способ сделать это. Заливка с учетом содержимого плавно заполняет эти разделы содержимым, полученным из других частей изображения.

Шаг 1

Выберите часть изображения, которую хотите заполнить.

Шаг 2

После того, как вы сделали свой выбор, нажмите Edit, а затем Fill. Если вы хотите быстро получить доступ к диалоговому окну из фонового слоя, нажмите «Удалить» или «Backspace».

Шаг 3

Щелкните Content-Aware, чтобы заполнить ваш выбор соответствующим содержимым поблизости.

Шаг 4

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

Шаг 5

Щелкните OK, чтобы завершить второй метод изменения цвета фона в Photoshop. Теперь ваш выбор должен быть плавно заменен заливкой с учетом содержимого. Если вам не нравятся результаты, нажмите Ctrl + Z, чтобы отменить их.

Как установить цвет фона в Photoshop

Иногда вы можете работать с файлом изображения, у которого есть фон, который вы хотите изменить. Если существует определенный контраст между фоном и объектами переднего плана, можно легко изменить цвет фона.

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

Вы видите четкий контраст между слоями? Читайте дальше, чтобы узнать, как установить цвет фона в Photoshop.

Шаг 1

Откройте изображение в Adobe Photoshop.

Шаг 2

Щелкните по инструменту быстрого выбора (находится на панели инструментов).

Шаг 3

Щелкните объект, который вы хотите изолировать, перетащив курсор по диагонали по длине объекта. Теперь ваш объект должен быть обведен пунктирной линией.Если какая-либо область не включена, продолжайте щелкать, пока полностью не выделите объект.

Шаг 4

Нажмите «Уточнить край» на панели управления «Быстрый выбор». Появится диалоговое окно с ползунком радиуса, где вы можете поэкспериментировать с настройками. Перетащите ползунок радиуса до тех пор, пока край вокруг объекта не станет правильным. Щелкните ОК.

Шаг 5

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

Шаг 6

Щелкните «Слой», затем «Новый слой заливки», затем выберите «Сплошной цвет». Выберите нужный цвет в Photoshop и нажмите «ОК». Теперь у вас должен быть новый цвет фона.

Как размыть фон в Photoshop (шаг за шагом!)

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

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

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

Использование Photoshop для размытия фона

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

Откройте изображение в Photoshop. Поместите его в рамку. Если он был импортирован как смарт-объект (значок бумаги в правом нижнем углу), растрируйте его. Щелкните правой кнопкой мыши имя слоя и выполните растеризацию .

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

Сначала отключите нижний слой, мы будем работать с с первым верхним . Выберите тему (и) с помощью выбранного инструмента выбора. Создайте слой-маску и залейте все, что не , а не вашего выделения черным. Этот шаг скрывает от верхнего слоя все, что не является вашим предметом.

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

Удерживайте Ctrl / Cmd, щелкая по маске верхнего слоя. Это выберет маску. Затем увеличьте новое выделение, щелкнув правой кнопкой мыши и Transform selection. Сделайте достаточно большим, чтобы охватить весь объект, а — немного больше .

Затем выберите любой из инструментов выделения в левом столбце. Щелкните правой кнопкой мыши по своему выбору и нажмите Fill. В раскрывающемся меню выберите с учетом содержимого . Если вы все сделали правильно, ваш объект должен исчезнуть. Не стремитесь к максимальной точности, так как этот слой все равно будет размытым.

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

В любом случае, создаст маску слоя для фонового слоя (из которого мы удалили объект). Закрасьте черным цветом там, где вы хотите, чтобы ваш слой оставался резким. (Эти области исчезнут: не беспокойтесь. Мы вернем их.)

Когда закончите, перейдите на панель свойств и выберите маску. Потяните Feather вверх, пока переходы в маске не покажутся постепенными . Удерживая Alt / Option, щелкните маску, чтобы раскрыть ее полностью. Щелкните любой слой, чтобы закрыть вид маски.

Это потому, что настоящие линзы также создают постепенное размытие. Чем ближе объект к плоскости фокуса, тем менее размытым он будет. Если вы хотите, чтобы этот эффект казался реалистичным на вашем изображении, вам нужно добиться нужной степени и постепенности.

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

Перейдите к Фильтр / Размытие / Размытие линз. Примечание. Если он неактивен, значит, вы не растрировали нижний слой, но можете сделать это сейчас.

Если вы хотите получить больший контроль над типом создаваемого размытия, выберите один из вариантов в Галерея фильтров / размытия. Размытие поля, в частности, отлично подходит для этой цели. Вы также можете сложить их, сначала создав слой размытия с помощью Field Blur, а затем добавив постепенности с помощью Lens Blur.

Выберите Layer Mask как карту глубины. Эта опция использует вашу ранее созданную маску, чтобы определить, где размыть, а где нет. Увеличьте фокусное расстояние Blur Focal Distance примерно до 20, чтобы оставить резкую плоскость фокуса. Это очень важно для реалистичности эффекта.

Отрегулируйте Радиус по своему вкусу. Если вы работаете с фотографией, на которой видны отчетливые размытые световые шары, выберите лепестки диафрагмы круглыми, 100%.

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

Отключите маску слоя размытого слоя (Shift + левый щелчок по нему).

Снова включите верхний слой и отрегулируйте его маску, чтобы она идеально сочеталась с нижним слоем. Примените дальнейшее редактирование, если хотите, добавив новые слои поверх.

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

В моем примере я намеренно слишком сильно размыл фотографию. Такое размытие редко достигается в реальной жизни.

Заключение

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

Чтобы получить больше знаний о редактировании, попробуйте наш курс «Легкое редактирование с помощью Lightroom» сегодня!

Как сделать фон прозрачным в Photoshop

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

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

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

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

Белее против. Прозрачный фон

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

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

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

Фон — это первый слой изображения, он будет заполнен цветом, выбранным в настройках. Однако они могут работать с дополнительным слоем, который они могут добавить к изображению.

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

Использование инструмента выделения Photoshop

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

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

Инструмент Magic Wand

Magic Wand Tool выберет пиксель изображения, который является стандартным цветом. На белом фоне может быть логотип. Затем выберите белую область для выделения. После этого все равно удалите область для очистки фото. Но невозможно удалить фон за один присест, если есть разные типы фона. В этом случае дизайнер должен снова и снова использовать описанный выше процесс.

Прямоугольная и эллиптическая область

Если фоторедакторы хотят выделить объект с идеальным кругом, используйте этот инструмент выделения. Поэтому подумайте, что вы хотите сохранить, а затем начните раздел.

Лассо, выберите тему и маску

Иногда редакторам приходится иметь дело со сложным фоном. Тогда эти инструменты пригодятся для этого типа фона. Главная очаровательная сила Photoshop также заключена в этих инструментах.Вы можете использовать инструмент «Ластик для фона».

Инструменты выделения Photoshop

Прозрачный фон легко создать с помощью Photoshop. Использовать готовый к Интернету формат для сохранения файла очень просто. Если кто-то знает, как пользоваться программой Photoshop, то ему все будет на пользу. Следующее описание посвящено простым шагам создания прозрачного фонового изображения

1. Использовать изображение в многослойном файле

2.выберите желаемый участок на фотографиях

3. стереть фон

4. веб-формат для сохранения изображений

5. теперь сохраняем файл

Как сделать фон прозрачным в Photoshop [Пошаговое руководство]

Шаг 01: Используйте фотографии в многослойном файле

Сначала откройте Photoshop. Затем откройте в нем изображение товара. Большая часть изображения в формате JPG.Изображение продукта с одним цветом фона используется для завершения этого урока.

Панель «Найти слои» в Adobe Photoshop. Таким образом, панель останется справа от окна фотографий. Если его там не было, найдите его, щелкнув по окну. Затем перейдите к разделу слоев на панели меню. Это было вверху окна Photoshop.

В области панели слоев есть фоновый слой. Дважды щелкните фоновый слой. Появится диалоговое окно нового слоя.Затем он попросит переименовать слой. Назовите его как хотите или не меняйте название. Тогда имя будет слоем по умолчанию 0. После этого сохраните его и нажмите ОК.

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

Затем будет создан прозрачный фон.

Шаг 02: Выберите желаемую область на фотографиях

Используйте инструмент под названием «Волшебная палочка». Вы можете найти этот инструмент слева. Теперь найдите панель параметров в Photoshop. Увидев его, найдите выбранный предмет и щелкните его. Это поможет выделить объект на изображении. Следовательно, фон будет отделен от объекта изображения.

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

В указанном выше продукте Photoshop не может удалить тень от объекта после выделения.Затем найдите панель параметров. Есть значок под названием «Вычесть из выделенного» и выбрать этот вариант. После этого используйте инструменты Magic Wand, чтобы выделить тень. После этого процесс выбора завершается, если товары выбраны.

На изображении может остаться много дыр после процесса выбора. Итак, охватите области, которых не хватает во время выбора.

Шаг 03: Стереть фон

На предыдущем шаге вы выбираете продукт. Затем выполните поиск обратного, набрав SHIFT + CTRL + I. Этот параметр доступен на панели «Выбор». Когда вы щелкаете кнопкой мыши, в нижней части меню появляется обратная опция.

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

Если редакторы хотят отменить выбор, нажмите CTRL + D.

Шаг 04: Интернет-формат для сохранения фотографий

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

PNG-24 — лучший формат для сохранения изображения. У этого формата много преимуществ, например, прозрачность нескольких слоев. Пиксельный «ореол» не будет создан на другом цветном фоне при использовании формата PNG-24. PNG-8 и GIF — старые форматы файлов с прозрачным фоном. Однако эти форматы также могут добавить невероятный эффект ореола. Наконец, PNG-24 — лучший формат для создания эффекта прозрачного фона.

Чтобы сохранить файл в формате PNG-24, необходимо выполнить несколько действий с клавиатуры. Поэтому нажмите SHIFT, затем ALT. Также CTRL и W. все эти кнопки нажимаются вместе. Однако другой способ — открыть опцию файла и перейти в Экспорт также в Экспортировать как.

Эта функция доступна в более старой версии фотошопа.Если параметр «Экспортировать как» не найден, эта версия находит параметр «Сохранить для Интернета». Затем выберите PNG-24, который находится в меню «Preset». Это предустановленное меню находится в правой части диалогового окна…

Далее в диалоговом окне справа от окна находится набор файлов. Есть опция «Форматировать» и есть формат PNG. Есть опция прозрачности и отметьте ее. Будьте осторожны при использовании 8-битного файла, потому что тогда преобразование файла будет PNG-8.

Выполнив указанную выше задачу, дождитесь файла PNG с желаемым форматом.Этот формат можно найти в левой части изображения. Уточняйте размер фото на сайте. Тем не менее, фотографии большого размера снизят скорость загрузки сайта. Фотографии веб-сайтов размером 200 КБ или меньше подходят для использования в Интернете.

Когда редакторы выполняют этот процесс, справа появляется диалоговое окно. Следовательно, есть опция под названием «Размер изображения», где вы можете регулировать глубину размера фотографии. Когда объем фотографии меньше, файл изображения меньше, а когда объем фотографии большой, значит файл большого размера.Кроме того, внимательно относитесь к размеру и объему изображения. Кроме того, поддерживайте минимальное соотношение размеров изображения, чтобы фотография не была размытой при загрузке.

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

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

Шаг 5: Теперь сохраните файл как .PNG

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

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

Эффективное использование прозрачного фона при редактировании графики

Живопись и обои — это фон в мире графического дизайна.

Если фон отличный, который сочетается с фотографией и создает великолепное пространство, то это правильно. Но будет неправильно, если фон будет отклоняться от вопиющего отвлекающего взгляда.

Веб-сайт, листовки и фотографии в социальных сетях — не очень подробный фон.Редакторы должны помнить, что фон фотографии не должен быть похож на краску, поскольку зрители не могут сосредоточиться на определенных областях.

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

01. Сделайте фон простым

Демонстрационный или декоративный фон может добавить дизайну много характера. Однако этот тип фона слишком сложно увидеть в тексте. Тогда полупрозрачный фон — решение для них.

02. Создание видимости текста

Реклама на веб-сайтах и ​​в социальных сетях — это инструменты для маркетинга продуктов на веб-сайтах. Печатные СМИ тоже обычное место для рекламы. Однако это зависит от фона фотографий. Кроме того, цвета, экспозиция, яркость, контраст, композиция и т. Д. Должны соответствовать изображению для синхронизации с фотографией.

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

Это может применяться и в обратном порядке. Где белый цвет текста на темном прозрачном фоне фото.

03. Сделайте присутствие воздушным и свежим

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

04. Используйте фокус зрителей напрямую

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

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

05. Показать внутренний материал

Графические редакторы

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

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

06. Создание многослойного образа:

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

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

07.Отобразите текстуру

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

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

09. Эффекты наложения творческих результатов

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

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

10. Укрепление брендов

При проектировании фона должна быть первая мысль. Более того, этот дизайн может быть полезен для демонстрации уникальности и стиля компании. Многие бренды могут иметь свои цвета и признавать привлекательность.

Годовой отчет Google демонстрирует яркие цвета и прозрачный фон.Этот тип дизайна похож на новый концептуальный проект, направленный на усиление ценности бренда.

11.Целевая область видимости:

Есть несколько областей фотографий или веб-сайтов, чтобы выделить важный текст или элементы стратегии. После объявления красный баннер, добавленный к черному цвету и белому цвету, придает броский вид. Также акция продвигается со скидкой. Так на фотографиях используется прозрачность.

12. Композиция должна создавать сногсшибательную идею:

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

Следующий пример завершит наше описание. Прозрачный фон будет частью творчества. Также часть визуальной дизайнерской композиции.

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

Окончательный вердикт о создании прозрачного фона в Photoshop:

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

Итак, интересно сделать прозрачную технику в фотошопе. Если возможно, сделайте это. Потому что выше мы уже приводили несколько дизайнов, которые могут помочь вам в создании различных дизайн-проектов. Как графический дизайнер, вы должны помнить об этом цвете, композиции, текстуре, прежде чем использовать прозрачность в проекте.

Вы можете прочитать:

Удаление белого фона с помощью инструментов Photoshop

Как удалить фон с изображения в PowerPoint

Учебное пособие по использованию инструмента «Перо» в Photoshop | Создание обтравочного контура

Как быстро удалить фон в Photoshop

Photoshop предлагает множество различных методов удаления нежелательного фона с изображения.Для простых фонов использование стандартного инструмента Magic Wand для выделения и удаления фона вполне может быть более чем адекватным.

Для более сложных фонов вы можете использовать инструмент Background Eraser . Этот инструмент выбирает цвет в центре кисти, а затем удаляет пиксели того же цвета, что и вы «рисуете». Это похоже на рисование кислотой. Позвольте мне показать вам, как это работает.

1. Откройте изображение

—

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

2. Выберите «Ластик для фона»

–

Выберите инструмент «Ластик для фона» на панели инструментов Photoshop. Он может быть скрыт под инструментом «Ластик». Если это так, просто нажмите и удерживайте инструмент «Ластик», чтобы открыть его.

На панели параметров инструмента в верхней части экрана выберите круглую жесткую кисть. Наиболее подходящий размер кисти зависит от изображения, над которым вы работаете.Используйте квадратную скобку ( [ или ] ) для быстрого изменения размера кисти.

Затем на панели параметров инструмента установите Sampling на Continuous , Limits от до Find Edges и Tolerance где-то между 20-25% — хорошее начало.

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

4. Начните стирание

–

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

Примечание: Для изображения в качестве примера я фактически использовал довольно высокий Tolerance , чем рекомендованные выше 20-25% из-за широкого диапазона синего за этим объектом.

При стирании увеличьте масштаб рабочей области и постарайтесь, чтобы перекрестье не накладывалось на край переднего плана. Скорее всего, вам придется в некоторых местах уменьшить размер кисти, чтобы случайно не стереть часть объекта на переднем плане.

5. Выбор эффективных пределов и настроек выборки

—

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

Для областей изображения переднего плана, которые имеют общие цвета с фоном (например, этот), вам может потребоваться отрегулировать Sampling и Limits . На этом изображении я переключился на выборку : как только опцию , установите мои Limits на Discontinguous и установите Tolerance на 30% .

Выборка : как только опция выполняет выборку цвета под перекрестием только в тот момент, когда вы щелкаете , и она не выполняет повторную выборку, когда вы перемещаете кисть. Параметр Discontiguous Limit позволяет стереть все пиксели, соответствующие выбранному цвету, который вы удаляете. Это позволило мне попасть между прядями волос, не стирая их.

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

Но если нет, читайте дальше.

Хотя удаление фона на нашем примере изображения в основном простое из-за довольно твердого фона, неизбежно есть области нашего объекта переднего плана, которые стираются неправильно, когда мы работаем близко к краям переднего плана.

В нашем примере передний план и задний план имеют похожие цвета из-за освещения. Проще всего это исправить с помощью инструмента «Перо» в Photoshop. Мне нужно подправить только небольшой участок, поэтому я воспользуюсь пером, чтобы создать четкое выделение и удалить ненужный фон.

Заключение

—

Если вы работаете с основным изображением с достаточным визуальным контрастом между объектом и фоном, вам, скорее всего, удастся использовать только инструмент «Ластик для фона».