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

Как залить прозрачный фон в фотошопе

  • автор:

Как сделать прозрачный фон на фотографии.

Процесс описан для Photoshop версии CS6, но он практически не отличается от версий CS3, CS4, CS5 и т.д.

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

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

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

Зачем нужен прозрачный фон на фотографии?

В большинстве случаев прозрачный фон требуется, что-бы перенести объект с картинки на другой фон. Так же прозрачный фон используется в строительстве веб сайтов, в формате PNG. Не секрет, что в интернет-магазинах самый распространенный фон — белый, а значит большинству заказчиков требуются фотографии товаров c цветом фона по RGB 255 255 255, а это фактически пересвет для цифровых камер.

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

Как сделать прозрачный фон в Фотошоп Онлайн?

Фотошоп онлайн на русском языке

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

Как сделать прозрачный фон в Фотошоп Онлайн?

Создание файла с прозрачной основой

При создании нового проекта мы можем выбрать один из четырёх вариантов заднего плана:

  • Белый.
  • Чёрный.
  • Прозрачный.
  • Задний план.

Нужный нам вариант – третий. Именно с таким параметром мы будем создавать прозрачную основу. Следуйте инструкции:

  1. Запустите Фотошоп Онлайн и создайте новый файл через меню Файл – Создать .
  2. Задайте в открывшемся окне имя проекта.
  3. Выберите ширину и высоту файла, укажите DPI (количество точек на дюйм).
  4. Выберите в выпадающем списке Задний план значение Прозрачный .
  5. Нажмите Создать .

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

Прозрачный фон за счёт удаления отдельных участков

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

  1. Запустите Фотошоп Онлайн.
  2. Загрузите изображение через меню Файл – Открыть .
  3. Выделите участок, на месте которого должен быть прозрачный фон – используйте элементы выделения с панели инструментов.
  4. Нажмите кнопку Delete на клавиатуре – выделенный участок исчезнет, на его месте появится шахматный рисунок, обозначающий прозрачность.

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

Частые вопросы:

  • Как сделать белый фон в Фотошоп Онлайн?
  • Как убрать задний фон в Фотошоп Онлайн?
  • Как наложить одну картинку на другую в Фотошоп Онлайн?
  • Как сохранить фото в Фотошоп Онлайн?
  • Как вставить рамку в Photoshop Online?
  • Как добавить шрифт в Photoshop Online?
  • Как заменить лицо в Photoshop Online?
  • Как улучшить фотографию в Photoshop Online бесплатно?
  • Как вставлять лицо в Photoshop Online?
  • Как увеличить изображение в Photoshop Online?
  • Как вырезать объект в Photoshop Online?

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

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

Рассказываем о быстрых способах, как сделать прозрачный фон, а также о том, что такое png-формат и как сохранить в нём изображение.

Прозрачный фон выглядит в Photoshop именно так. Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

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

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

Например, в некоторых фирмах, которые нанимают ретушёров для обработки каталожных снимков или школьных фотографий, в день просят обрабатывать больше 100 фотографий. И это далеко не предел!

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

Функция Удалить фон / Remove Background

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

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

Пока на фоновом слое стоит замок, сделать фон прозрачным нельзя — только залить другим цветом / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

Если вам нужно сохранить оригинал нетронутым, кликните по исходному слою правой кнопкой мыши и выберите функцию Копировать слой / Duplicate Layer, либо нажмите горячие клавиши Ctrl +J.

2. Откройте палитру Свойства / Properties.

Чтобы найти палитру, зайдите в командное меню Окно / Windows / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

3. В палитре Свойства найдите и нажмите кнопку Удалить фон / Remove Background.

Напоминаем — кнопка не будет доступна, пока вы не снимите замок с фонового слоя, либо пока не сделаете его дубликат / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

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

Серо-белая шахматная заливка означает, что в этих местах фон прозрачный, там нет пикселей. В данном случае программа стёрла также часть лимона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

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

Для этого кликните на чёрно-белый прямоугольник, который появился рядом со слоем, с которого вы стирали фон. Возьмите Кисть / Brush (горячая клавиша B). Чёрным цветом сотрите всё ненужное, белым — верните то, что Photoshop стёр.

Белая кисть дорисовывает, а чёрная — стирает пиксели. Удалённая часть лимона восстанавливалась именно белой кистью, которой рисовали по маске — чёрно-белый прямоугольник справа / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

Инструмент Выделить объект / Object Selection

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

1. Откройте файл. Снимите с исходного слоя замок или сделайте дубликат этого слоя.

2. На панели инструментов слева найдите Выделение объекта / Object Selection Tool.

Быстро найти инструмент можно с помощью горячей клавиши W / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

Теперь при наведении на объекты синим цветом будет подсвечиваться то, что Photoshop предлагает выделить.

Светло-синяя заливка показывает границы будущего выделенного объекта / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

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

Пунктир вокруг лимонов — марширующие муравьи — это то, что выделил Photoshop / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

3. Когда вы выделили то, что нужно, нажмите Ctrl + J. Программа скопирует выделенные объекты и удалит фон.

В палитре Слои появятся два слоя — исходник и дубликат с прозрачным фоном. Чтобы было видно, что фон удалился, отключите видимость фонового слоя, который находится внизу. Для этого нажмите на значок с глазом / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

Инструмент Волшебная палочка / Magic Wand

Волшебная палочка / Magic Wand выделяет цвет и его оттенки, после чего выбранные пиксели можно легко удалить. Лучше всего инструмент работает и выделение почти не нужно дорабатывать, если объект сфотографирован на однотонном фоне или циклораме. Это часто происходит при предметной и каталожной съемке одежды.

Как настроить Волшебную палочку в Photoshop, чтобы сделать прозрачный фон:

1. Размер образца / Sample Size: 3х3. При такой настройке за образец цвета, который будет искать программа, возьмется средний цвет из квадрата из 9 пикселей.

Если в размере образца стоит Точка / Point Sample, инструмент берёт за образец 1 пиксель, в который вы попали. Если на идеально белом фоне вы случайно попали в черную пылинку, Волшебная палочка выделит только тёмные пиксели, хотя вы рассчитывали на фон.

2. Допуск / Tolerance. То, как много оттенков от выбранного образца «захватит» Волшебная палочка. Чем выше число, тем больше разброс цветов. Подбирается под каждую фотографию отдельно в диапазоне от 0 до 100.

3. Смежные пиксели / Contiguous. Если галочка смежных пикселей нажата, Photoshop включает в выделение только то, до чего смог «дотянуться». То есть только фон.

Так как функция Смежные пиксели выключена, выделяется не только фон, но и похожая на него по цвету светлая кожура лимона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

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

Как сделать фон прозрачным в Photoshop инструментом Волшебная палочка

1. Откройте файл и снимите со слоя замок. На панели инструментов слева найдите Волшебную палочку / Magic Warp (горячая клавиша W).

2. Поставьте настройки, как сказано в предыдущем блоке.

3. Кликните инструментом по фону, который хотите удалить. Если выделенный вариант не нравится, сбросьте выделение с помощью клавиш Ctrl + D и кликните Волшебной палочкой в другом месте.

Волшебная палочка выделила почти весь фон, не считая желтоватых отражений под лимонами. Они, по мнению программы, сильно отличаются по цвету от выбранного образца / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

4. Если выделение не идеально, доработайте его с помощью кнопок в настройках инструмента. Чтобы добавить к выделению новые области, нажмите на Добавить выделение / Add to selection. Чтобы исключить из выделения то, что попало в него по ошибке, нажмите на кнопку Исключить из выделения / Subtract to selection.

Чтобы добавление или исключение из выделения было аккуратным, меняйте Допуск / Tolerance. Так, уменьшив его до 10, мы включили в выделение тень под лимоном, но оставили нетронутым его хвостик, который также в глубокой тени / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com

5. Нажмите клавишу Delete, чтобы сделать фон прозрачным. Снимите оставшееся выделение, нажав Ctrl + D.

Как сохранить файл с прозрачным фоном в Photoshop

Чтобы картинка на прозрачном фоне оставалась такой же вне Photoshop, её нужно сохранить в специальном формате. Для этого используется формат PNG (аббревиатура от английского portable network graphics).

Его разработали в 1995-1996 годах для использования в сети как замену более старого GIF-формата. Тем не менее полностью вытеснить GIF не получилось — только этот формат поддерживает анимацию.

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

Как сохранить файл в png-формате

Есть два способа, чтобы сохранить готовую картинку на прозрачном фоне. Важное «но» — фон не будет прозрачным, если сайт, на который вы загружаете файл, не поддерживает такую функцию. Так, например, «ВКонтакте» заполняет прозрачный фон png чёрным цветом на превью, а открывается файл только в отдельном окне на белом фоне.

1. В меню Файл / File найдите кнопку Сохранить как / Save as (горячие клавиши Ctrl + Shift + S).

В открывшемся окне выберите место, куда сохранять файл, название, а в выпадающем списке — формат / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

2. Меню Файл / FileЭкспорт / ExportСохранить для Web / Save for Web (горячие клавиши Ctrl + Shift + Alt + S).

В открывшемся окне найдите формат PNG, а также галочку Прозрачность / Transparency. Также в этом окне можно задать необходимый для будущей картинки размер / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Фон в Photoshop: как заменить, сделать прозрачным, почистить от мусора

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

Рассказываем, как сделать фон в Photoshop чистым, а если этого мало — удалить и заменить его.

Исправить фон для Photoshop — это несложная задача, решаемая за пару минут / Фото: unsplash.com

Как почистить фон в Photoshop

Царапины, пыль, волосы, следы от обуви — всё это есть на однотонных фонах. Причём даже в тех фотостудиях, которые пристально следят за своими залами. Рассказываем, как быстро почистить фон от дефектов, не используя сложные методы ретуши.

  • Откройте фотографию и сделайте одно из действий:

а) Создайте дубликат слоя. Делайте это в том случае, если почистить фон — первое, что вы собрались сделать в Photoshop. Для этого нажмите правой кнопкой мыши по исходнику и выберите Создать дубликат слоя / Duplicate Layer.

б) Создайте объёдинённую копию всех слоёв. Делайте это в том случае, если до чистки фона вы уже каким-либо образом обрабатывали фотографию в редакторе — ретушировали кожу, меняли цвет, использовали кривые и т.д. Для этого воспользуйтесь сочетанием горячих клавиш Ctrl + Shift + Alt + E.

Скриншот слева — образец случая, когда нужно делать объёдиненную копию слоёв. Когда же слой всего один — исходник, то делайте дубликат слоя, как на скриншоте справа / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

2. Встаньте на получившийся слой. Откройте палитру Окно / Window — Свойства / Properties. Нажмите на кнопку Выделить Объект / Select Subject. Программа сама найдёт на фотографии человека или предмет и выделит его.

Инвертируем выделение — сделаем так, чтобы выделялся фон, а не человек. Для этого зайдите в Выделение / Select — Инверсия / Inverse или нажмите Shift + Ctrl + I / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Теперь удалите царапины и пыль на фоне. Для этого зайдите в Фильтр / Filter — Шум/ Noise — Пыль и царапины / Dust and scratches.

Поднимайте значение Радиус / Radius до тех пор, пока пыль и царапины не исчезнут. Благодаря тому, что мы заранее выделили фон, но не выделяли человека, модель не размывается / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

4. Если на фоне остались крупные пятна, например, потому что он мятый, возьмите Микс-кисть / Mixer Brush. При этом важно не снимать выделение фона, которое вы сделали на предыдущем шаге.

Настройки микс-кисти / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Разгладьте оставшиеся пятна с помощью Микс-кисти, размазывая их. Сделанное выделение фона не позволит вам затронуть человека или предмет.

5. По прежнему не снимая выделения, добавьте к слою, очищающему фон, маску. Для этого в палитре Окно / Window — Слои / Layers нажмите на прямоугольник с кругом внутри.

Маска создается на основе выделения. Возьмите чёрную кисть и сотрите эффект очистки фона там, где выделение получилось неаккуратным. Например, в данном случае оно захватило волосы / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как убрать фон в Photoshop

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

1. Откройте фотографию. Найдите палитру Слои / Layer в меню Окно / Window — Слои / Layers.

2. Вы увидите единственный слой, который называется Фон / Background. Справа от него будет замок.

Нажмите на замок, чтобы у слоя можно было удалить фон / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Важно: если до удаления фона вы обрабатывали фотографию, то вместо пункта 2 создайте объединённую копию нижележащих слоёв. Для этого нажмите Ctrl + Shift + Alt + E.

3. Зайдите в палитру Свойства / Properties и нажмите кнопку Удалить фон / Remove Background. В течение нескольких мгновений она вырежет фон в Photoshop.

Если вы удаляли фон на объединённой копии слоёв, отключите их видимость, чтобы заметить эффект. Для этого нажмите на иконки с глазами / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Нажмите на маску, которую создал графический редактор, и в палитре свойства нажмите Выделение и Маска / Select and Mask / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. В открывшемся меню доработайте выделение. Инструментом Кисть / Brush дорисуйте то, что Photoshop «откусил». Если же нужно выделить волосы, шерсть, ресницы, то возьмите инструмент Уточнить край / Refine Edge Brush Tool (горячая клавиша K).

Когда закончите, выберите в нижнем правом углу Вывод в / Output to — Слой-маска / Layer Mask и нажмите Ок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

6. Готово! Фотографию без фона можно переносить на другой файл, если вы делаете коллаж, или сохранять на прозрачном фоне. Для этого выберите Файл / File — Сохранить как Копию / Save as Copy и в списке форматов выбрать .PNG.

Как заменить фон

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

1. Откройте фотографию и в палитре Слои / Layer (быстро вызвать палитру можно горячей клавишей F7) и снимите со слоя Фон / Background замок.

2. В меню Окно / Windows найдите палитру Свойства / Properties. Нажмите кнопку Удалить фон / Remove Background. Программа создаст чёрную маску, под которой будет «спрятан» фон.

Доработайте маску. Возьмите чёрную кисть и сотрите всё, что Photoshop недотёр. Белой же кистью можно вернуть то, что редактор стёр по ошибке.

Готово! У вас получится вырезанный объект на прозрачном фоне. Если ваша цель — заменить фон, то двигаемся дальше.

3. В палитре Слои / Layer нажмите на чёрно-белый круг и выберите инструмент Заливка цветом / Solid Color. Выберите любой, какой интересует. Если вы фотографируете для сайтов, то, скорей всего, это будет белый цвет.

Пока что слой перекрывает вырезанную модель / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

4. Чтобы поменять слои местами, зажмите слой с заливкой левой кнопкой мыши и перенесите под слой с вырезанной моделью.

В любой момент цвет фона можно изменить. Для этого кликнете два раза по плашке с заливкой фона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Важно: Если уже после переноса вы заметите огрехи в том, как программа стёрла фон, — не беда. Так как фон не удалился, а просто «спрятался» под маской, достаточно просто опять кликнуть на маску, а после доработать результат чёрной и белой кистями.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *