Обрезка фона: Upload Image – remove.bg

Удаление фона рисунка

1. Выберите рисунок, фон на который вы хотите удалить.

2. Выберите «Формат рисунка> удалить фон или> «Удалить фон».

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

3. По умолчанию область фона будет закрашена пурпурным (что показывает, что ее можно удалить), а изображение на переднем плане сохранит естественные цвета.

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

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

   • Чтобы удалить дополнительные части рисунка, выберите «Пометить области для удаления» и пометить их с помощью карандаша.

5. Когда все будет готово, выберите «Сохранить

   изменения» или «Отменить все изменения».

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

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

1. Выберите рисунок, фон на который вы хотите удалить.

2. В группе «Средства работы с

   рисунками» на вкладке «Формат» в группе «Настройка» выберите «Удалить фон».

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

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

   Совет: Чтобы отменить пометки областей, выберите

   «Удалить пометку», а затем выберите линию.

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

   • Выберите «Пометить области для сохраняемой области» карандашом, чтобы пометить области на рисунке, которые нужно сохранить.

   • Выберите «Пометить области для удаления»

     и карандашом , чтобы пометить их.

5. Когда все будет готово, выберите «Сохранить изменения» или «Отменить все изменения».

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

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

инструкция по вырезанию фона с помощью Photoshop и других программ

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

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

Как удалить фон в Adobe Photoshop

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

Инструменты, с помощью которых проще всего убрать фон с картинки в Photoshop:

1. быстрое выделение,

2. выделение объектов,

3. выделение и маска,

4. фоновый ластик,

5. прямолинейное лассо,

6. цветовой диапазон.

Все способы я буду показывать на примере Adobe Photoshop 2020 года. 

Быстрое выделение (Quick Selection tool)

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

Теперь можно смело выделять мышкой фон вокруг объекта, а инструмент Quick Selection Tool сделает остальную магию. Будьте внимательны – пунктирная линия не должна «съедать» объект, иначе вместе с фоном вы отрежете кусок от главного героя. Если все же инструмент съел ненужную часть, с зажатой клавишей Alt можно снять выбор с захваченной области. Если пунктирная линия правильно отделила фон от объекта, нужно снять замочек у этого слоя, а затем нажать клавишу Delete, чтобы вырезать бэкграунд.

Выделение объектов (Object Selection Tool)

Выбираем «Быстрое выделение» (W).

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

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

Выделение и маска (Select and mask)

С помощью этой функции можно максимально точно и аккуратно отделить объект, а потом убрать фон с фотографии. И да, это очень просто.

Выбираем «Быстрое выделение» (W), нажимаем в верхней панели «Выделить предмет», а затем «Выделение и маска…». Предмет уже выделен автоматически, и теперь ползунками можно уточнить границы, сделать края более мягкими и контрастными.

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

Как только вы будете довольны тем, как выглядит объект, нажимайте ОК, а затем инвертируйте выделение и удалите фон.

Фоновый ластик (Background Eraser Tool)

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

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

«Фоновый ластик» довольно точно определяет предмет, поэтому с его помощью легко удалить фон целиком.

Прямолинейное лассо (Lasso Tool)

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

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

Прямолинейное лассо находится на той же панели инструментов слева и обозначается угловатой петлей.

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

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

Как только вы выделили предмет целиком, убедитесь, что слой не заблокирован (если заблокирован, снимите замочек). Нажмите правой кнопкой мыши на «Инверсия выделенной области». Теперь можно убрать фон, нажав Delete.

Цветовой диапазон (Color Range)

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

Онлайн-сервисы для удаления фона с картинки

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

Я покажу 5 онлайн-сервисов, которые лучше всего справляются со своими задачами:

1. Adobe Photoshop Express,

2. RemoveBG,

3. PhotoScissors,

4. Pixlr,

5. Clippingmagic.

Adobe Photoshop Express

Adobe Photoshop Express — это бесплатный онлайн-редактор, который работает прямо в браузере. Ничего скачивать и устанавливать не нужно. Для того чтобы убрать фон с картинки, здесь есть специальная кнопка, расположенная на панели слева. Загружаем фото, нажимаем «Удалить фон». Вуаля! Интеллект Фотошопа сам отделяет фон, и выглядит все довольно аккуратно. Теперь можно применить изменения и скачать картинку без фона. Большой плюс онлайн-версии в том, что она сохраняет изначальное качество фото. А еще это полностью бесплатно.

Photoshop Express замечательно определяет и вырезает фон в пару кликов, однако с более сложными изображениями он справляется едва ли – если фон и объект похожи по цвету, автоматическое определение сработает хуже. Попробуйте сами!

RemoveBG

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

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

PhotoScissors

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

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

Pixlr

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

Clippingmagic

Этот онлайн-сервис для удаления фона полностью платный и работает только по подписке. Вы можете посмотреть, как он вырезает фон, но скачать фото даже в низком разрешении не выйдет. Я протестировала Clippingmagic на изображениях разного типа, и можно сказать, что со всеми он справился на ура. Действительно, magic.

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

Приложения для удаления фона 

Чтобы вырезать фон с картинки, не нужно иметь под рукой компьютер. Существует множество приложений для смартфонов, которые помогут справиться с этой задачей просто и быстро. Давайте посмотрим, какие решения предлагают App Store и Google Play:

1. Pixomatic – фоновый ластик,

2. PhotoRoom,

3. Background Eraser,

4. Pro Knockout.

Pixomatic – фоновый ластик

Приложение Pixomatic имеет довольно широкий функционал для обработки изображений. Но самое главное для нас – оно умеет автоматически определять и удалять фон функциями «Волшебные ножницы» и «Замена фона». Функционал приложения платный, но разработчик обещает 7-дневный пробный период.

PhotoRoom

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

Background Eraser

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

Pro Knockout

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

Заключение

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

Надеюсь, теперь вы справитесь с задачей!

Remove.bg — бесплатный сервис для удаления фона с фотографий за пять секунд Статьи редакции

Пока он работает только с картинками, на которых изображены люди.

76 469 просмотров

Основатель Product Hunt Райан Гувер (Ryan Hoover) рассказал в своём Twitter о сервисе, который помогает автоматически удалять фон с фотографий. На это обратил внимание TJ.

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

Так как ИИ сервиса обучен распознавать в качестве переднего плана только фигуры людей и их лица, пока Remove. bg работает только с картинками, где есть хотя бы один человек. В будущем компания планирует доработать технологию.

TJ

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

{ «author_name»: «Лера Михайлова», «author_type»: «editor», «tags»: [«\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b»], «comments»: 47, «likes»: 57, «favorites»: 142, «is_advertisement»: false, «subsite_label»: «services», «id»: 53775, «is_wide»: false, «is_ugc»: false, «date»: «Wed, 19 Dec 2018 12:53:20 +0300», «is_special»: false }

{«id»:78969,»url»:»https:\/\/vc. ru\/u\/78969-lera-mihaylova»,»name»:»\u041b\u0435\u0440\u0430 \u041c\u0438\u0445\u0430\u0439\u043b\u043e\u0432\u0430″,»avatar»:»84516d92-b701-d03f-a7c7-e52be4c7a9df»,»karma»:89400,»description»:»»,»isMe»:false,»isPlus»:true,»isVerified»:false,»isSubscribed»:false,»isNotificationsEnabled»:false,»isShowMessengerButton»:false}

{«url»:»https:\/\/booster.osnova.io\/a\/relevant?site=vc»,»place»:»entry»,»site»:»vc»,»settings»:{«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}},»isModerator»:false}

Блоги компаний

Еженедельная рассылка

Одно письмо с лучшим за неделю

Проверьте почту

Отправили письмо для подтверждения

Как обрезать фон в Фотошопе

Вариант 1: Работа с фоном

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

Читайте также: Создание красивого фона в Adobe Photoshop

Удаление фона

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

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

   Подробнее: Выделение и вырезание объектов в Adobe Photoshop

2. Сложные объекты, особенно сливающиеся с фоном из-за цветовой палитры, лучше всего подвергнуть дополнительной обработке. Выберите нужный слой и создайте точную копию с помощью сочетания клавиш «CTRL+J».

   Подробнее: Работа с копированием в Adobe Photoshop

   Через главное меню программы разверните «Изображение» и в списке «Коррекция» воспользуйтесь эффектом «Обесцветить». В результате фотография станет черно-белой.

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

3. Разобравшись с выделением основного объекта, фон вокруг которого необходимо удалить, выберите основной слой и на нижней панели воспользуйтесь кнопкой «Добавить маску».

   Подробнее: Работа с масками в Adobe Photoshop

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

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

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

Подробнее: Удаление зеленого фона в Adobe Photoshop

Изменение фона

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

Подробнее: Изменение, заливка, затемнение и перекраска фона в Adobe Photoshop

Вариант 2: Изменение размеров

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

Подробнее: Как обрезать изображение в Adobe Photoshop

Помогла ли вам эта статья?

Удаление фона на фотографии: Инструмент Фоновый ластик

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

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

Если я случайно передвину перекрестье курсора на синюю область Photoshop возьмёт за образец синий цвет и начнёт удаление синих пикселей, при этом не удаляя зелёные:

Ошибочное удаление отменяем, как обычно, комбинацией Ctrl+Alt+Z.

Примечание. Если Вы стираете Фоновым ластиком на фоновом слое, а т.к фоновый слой не поддерживает прозрачность, то Photoshop автоматически преобразует фоновый слой в обычный.

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

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

Однако, если перекрестье попадёт на ветку или лист дерева, т.е. на другой цвет, Photoshop начнёт стирать дерево, в этом случае следует отменить последний шаг и попробовать еще раз:

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

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

Настройка параметров Фонового ластика

Одним из самых важных параметров инструмента является то, каким образом инструмент выбирает образцы цвета для удаления.

В правой части панели параметров расположены три значка в виде пипеток — это и есть переключатели трёх разных режима сбора образцов. Режимы выбора образцов слева направо:
  — Непрерывный (Continuous)
  — Однократный (Once)
  — Образец фона (Background Swatch)

Из этих трех режимов наиболее часто используются первые два. Работу режима «Непрерывный», включенного по умолчанию, мы только что рассмотрели. В данном режиме хорошо работать, когда на изображении имеется всего несколько хорошо отличимых друг от друга цветов, но когда на картинке имеются плавные переходы из одного цвета в другой и цвета не слишком различаются между собой, как в случае с ветками деревьев, лучше подойдёт второй режим — Однократный (Once). Я включу его, нажав на среднюю иконку.

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

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

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

Если у вас возникли проблемы с выбором образца цвета для удаления (что само по себе случается довольно редко), попробуйте выбрать третий режим — Образец фона (Background Swatch).
В этом режиме Вы самостоятельно можете выбрать цвет для удаления на цветовой палите, а потом переключить его с основного на фоновый. На рисунке я выбрал синий цвет для удаления:

Ограничения стираемых областей

Еще одним важным параметром для удаления фона является «Ограничения» (Limits). После того, как Photoshop узнаёт, какой цвет необходимо стереть, «Ограничения» задают установку, где выбирать пиксели для удаления. Два основных варианта выбора для опции «Ограничения» являются «Смежные пиксели» (Contiguous) и «Все пиксели» (Discontiguous):

Опция «Смежные» включена по умолчанию и означает, что Photoshop может стирать только пиксели в областях, которые физически соприкасаются с пикселями под перекрестьем курсора.

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

Чтобы обойти эту проблему, я переключил опцию в режим «Все пиксели».

«Все пиксели» означает, что Photoshop без ограничений будет стирать все пиксели в любом месте изображения, соответствующие цвету взятого образца.
Как только я кликнул перекрестьем на голубое небо, я могу просто перетаскивать Фоновый ластик через ветки и при этом стирать небо (режим сбора образцов установлен на «Однократный» (Once):

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

Допуск (Tolerance)

Это подводит нас к третьей важной опции для удаления фона, которая сможет задать допуск различия оттенков удаляемого цвета, эта опция так и называется — «Допуск» (Tolerance):

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

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

Я собираюсь отменить мои предыдущие шаги по удалению неба и попробую ещё раз, но теперь я увеличу значение «Допуска» до 70%, т.к. небо отличается по цвету от веток деревьев. Я нажмите чтобы попробовать площадью голубое небо с символом цели, и на этот раз, с более высокими значениями «Допуска», Фоновый ластик даёт гораздо лучший результат:

Защита цвета переднего плана от стирания

Очень интересная опция. В Photoshop с русскоязычным интерфейсом она называется «Основной цвет», в англоязычном — Protect Foreground Color.
Смысл опции заключается в том, что в цветовой палитре Вы задаёт основной цвет, который будет защищён от стирания.

Для её активации нажмите на соответствующий флажок:

На рисунке ниже показана работа «Фонового ластика» при активных опциях «Образец фона», «Все пиксели» и «Основной цвет». На цветовой палитре основным цветом задан зелёный, а фоновым — синий. Соответственно, «Фоновый ластик» будет удалять синий и оставлять зелёный. Я сделал всего один клик по изображению, причём перекрестьем курсора по зелёному цвету. Но, в результате, зелёный цвет остался нетронутым (т.к. он на данный момент основной), а удалён синий цвет (т.к. он фоновый, а опция «Сбор образцов» в режиме «Образец фона»), хотя повторяюсь, я кликнул перекрестьем по зелёному:

Надеюсь, этот момент понятен. Теперь рассмотрим действие опции «Основной цвет» на практическом примере.

На фотографии ниже цветы очень похожи по цвету на фон, в результате чего Фоновый ластик, наряду с фоном, частично стирает эти цветы (опция «Основной цвет отключена):

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

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

Теперь попробуем стереть фон, результат гораздо лучше:

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

Фон в PDF документах

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

Добавление фона в открытом документе.

Для добавления фона в PDF документ выберите в меню: Документ>Фон>Добавить.

• Исходный документ Выбор вида вставляемого фона Это может быть заливка цветом либо изображение из PDF файла.
  Цвет При установленном маркере фон страницы документа будет представлять собой заливку каким-либо цветом. Выберите цвет фона из списка.
  Файл При установленном маркере исходным материалом для фона будет являться изображение, загруженное из PDF файла.
  Обзор — Выбор исходного PDF файла для фона.
  Номер страницы — Номер страницы файла, изображение которой будет использоваться в качестве фона. (Общее количество страниц файла отображается в пункте Всего страниц)
  Масштаб — Масштаб фона по отношению к исходному изображению, вставляемого из PDF файла. Чтобы этот пункт стал активным, удалите маркер в пункте Вид > Масштаб относительно целевой страницы.

• Сохраненные настройки Список сохраненных шаблонов фона.
  Для добавления шаблона укажите требуемые фона и нажмите Сохранить. В появившемся диалоговом окне запишите имя шаблона.
  Для удаления шаблона выберите его в списке сохраненных параметров. В появившемся диалоговом окне подтвердите удаление шаблона.

• Вид Установка параметров вставляемого изображения.
  Поворот — Значение угла поворота (в градусах) фона по отношению к странице документа.
  Непрозрачность — Значение непрозрачности (в процентах).
  Масштаб относительно целевой страницы — Масштаб фона по отношению к странице документа, на которую фон будет добавлен.

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

• Единицы измерения — Выбор единиц измерения для указания расстояния сдвига.

• Диапазон страниц Выбор диапазона страниц документа для добавления фона.

Удаление фона из документа.

Для удаления фона выберите в меню Документ>Фон>Удалить. Будет удален фон на всех страницах документа.

Автоматическое удаление фона. Как удалить фон с фотографии онлайн

Добрый вечер, читатели. Ранее я уже писал о такой программе, которая быстро позволяет (например, посторонних людей, они-то могут испортить фото). Некоторые могут спросить: «Зачем? Есть же фотошоп!». И будут правы, фотошоп тоже такое умеет, но там все сложнее и дольше. И если Вам нужно поставить этот процесс на поток (например, для интернет-магазина), то лучше использовать специализированные программы.

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

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

Как мы видим, сверху на панели есть большое количество инструментов, но нам нужно «Замена фона» . Нажимаем на иконку.

Способ 1.

Шаг 1. Теперь нам нужно выделить наш объект, который мы хотим вырезать.

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

Как Вы видите, есть два типа кисти. Зеленая с символом плюса и красная с символом минуса. Зеленым нам нужно выделить объект или внутренние контуры объекта, красным внешние контуры или фон.

Вот таким способом:

Когда все готово, нажимаем кнопку «Следующий шаг» .

Шаг 2. Мы перешли в инструмент «Уточнение краев» , если Вы что-то упустили на шаге №1, то сейчас самое время это исправить. Можно приблизить изображение, чтобы наверняка все нормально выделить.

Когда и здесь всего готово, опять нажимаем на кнопку «Следующий шаг» .

Шаг 3. Готово! Осталось выбрать фон.

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

Например, как на скриншоте ниже. Но, он здесь не совсем в тему, это лишь пример:)

Способ 2.

Этот способ показался мне менее удобен, но, может, кому-то подойдет. Это инструмент «Лассо» , подобное есть и в фотошопе.

Шаг 1. Аккуратно выделяем наш объект, так как инструмент очень чувствительный. Если немного захватили лишнего или залезли на объект выделения, ничего страшного, помним про шаг 2, там можно будет исправить все. Главное, соединить начало и конец, чтобы объект выделился.

Когда выделили объект, нажимаем, как и ранее, на кнопку «Следующий шаг» .

Разработчики из компании Bonanza потратили более двух лет на создание программы для автоматического удаления фона с изображений. Задача оказалась гораздо сложнее, чем думали поначалу. Как оказалось, автоматическое удаление фона — одна из классических проблем компьютерного зрения, известная ещё с 80-х годов.

Как это часто бывает, если бы разработчики понимали всю сложность задачи, они бы вообще не брались за её решение. Но потом оказалось, что назад пути нет, и всё-таки им удалось добиться определённого успеха. 11 апреля они запустили конвертер Bonanza Background Burner , который неплохо очищает фон на произвольных фотографиях, при небольшой помощи или вовсе без неё. Доступ через API пока бесплатен, но в будущем владельцы сервиса что-нибудь придумают.

Сервис предназначен, в первую очередь, для интернет-магазинов. Известно, что товар на белом фоне продаётся как минимум на 10-15% лучше, чем без него. Так что простая автоматическая процедура сразу приносит материальный эффект. Кстати, по этой причине Amazon и некоторые другие интернет-магазины требуют, чтобы товары были представлены на белом фоне в обязательном порядке.

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

Результат обработки в Bonanza Background Burner показан на примерах ниже.

Авторы программы говорят, что за основу взяли OpenCV, написали слой на Ruby для настройки «движка» и испробовали более 100 комбинаций различных техник обработки изображений. Сейчас конвертер работает в 8 проходов и успешно удаляет фон на 70% фотографий. С учётом ручной доработки этот процент повышается до 85%. К концу 2014 года они намерены довести эффективность до 90% улучшить производительность вдвое, то есть до максимум 5 секунд на фотографию.

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

Clipping Magic – бесплатный онлайн сервис, который за несколько потраченных минут сэкономит Вам 1-2 часа работы в Photoshop или других графических редакторах. За пару кликов он сможет удалить фон с цифровой фотографии, а результат Вас точно порадует!

Итак, всё что Вам требуется сделать, это:

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

Вот что получилось у меня буквально (я даже засекал по часам) за 15 секунд работы (левая часть рабочего окна – оригинальное фото с маской, правая – результат):

Вот какие возможности есть у редактора Clipping Magic:

• режим ластика для удаления маски
• выбор размера кисти для рисования маски
• выбор типа фона (прозрачный либо цвет)
• отмена действий
• зумирование

Сразу предупрежу особо старательных): нет нужды полность закрашивать отделяемый объект зеленым, а фон красным – достаточно лишь несколько штрихов для их обозначения! Алгоритм сервиса сам хорошо угадывает границы, а вам следует лишь потом уточнить их в мелочах, переключив кисть на более мелкий размер.

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

Друзья, на данный момент сервис Clipping Magic – это самый быстрый, удобный и качественный способ удалить фон у фотографии онлайн. Если с Photoshop и иными графическими редакторами Вы не особо дружите, то потратьте пару минут на освоение этого сервиса и результатом Вы сможете хвастаться даже перед профессионалами!

Обязательно посмотрите мой обучающий видеоролик, в котором наглядно показано, как быстро и удобно работать в Clipping Magic!

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

Excel для Office 365 Word для Office 365 Outlook для Office 365 PowerPoint для Office 365 Excel для Office 365 для Mac Word для Office 365 для Mac Outlook для Office 365 для Mac PowerPoint для Office 365 для Mac Excel 2019 Word 2019 Outlook 2019 PowerPoint 2019 Project профессиональный 2019 Excel 2016 Excel 2019 для Mac PowerPoint 2019 для Mac Word 2019 для Mac Word 2016 Outlook 2016 PowerPoint 2016 Project профессиональный 2016 Excel 2013 Word 2013 Outlook 2013 PowerPoint 2013 Excel 2010 Word 2010 PowerPoint 2010 Excel 2016 для Mac Outlook 2016 для Mac PowerPoint 2016 для Mac Word 2016 для Mac Word для Mac 2011 Excel для Mac 2011 Outlook для Mac 2011 PowerPoint для Mac 2011 Excel Starter 2010 Outlook 2019 для Mac Project Online Desktop Client Project профессиональный 2013 Project стандартный 2013 Project стандартный 2016 Project стандартный 2019 Word Starter 2010 Меньше

В Word, PowerPoint, Excel и Outlook из рисунка можно удалить фон, чтобы выделить или подчеркнуть основную идею или удалить отвлекающие детали.

Удаление фона недоступно для файлов с векторными рисунками, например в форматах SVG, AI, WMF и DRW.

Рисунок 1: исходный рисунок

Рисунок 2: тот же рисунок с удаленным фоном

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

Рисунок 3: исходный рисунок с линиями удаления фона

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

Сохранение измененного рисунка

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

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

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

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

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

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

Видео: удаление фона из рисунка в Office для Mac 2011.

PhotoScissors — «Фотоножницы» (а именно так переводится название программы) служат одной чёткой цели: убрать с фотографии ненужный фон, чтобы заменить его прозрачным слоем или простой одноцветной заливкой, и выполняется эта операция буквально за минуту, всего в несколько кликов мышкой.

Зачем удалять фон фотографии — спросите вы?

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

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

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

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

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

Вам не нужно никаких специальных навыков или профессионального программного обеспечения — PhotoScissors легко удалит фон с минимальными усилиями!

Основные особенности:

Легкое отделение объектов от фона

Создание изолированных изображений с цветным или прозрачным фоном

Никаких ограничений на размер изображения

Поддержка самых популярных графических форматов (PNG, JPG, BMP, TIF…)

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

Работать с программой PhotoScissors очень просто. Зеленым маркером выделяем область, которую мы хотим оставить, а красным маркером то, что нужно удалить. После запуска обработки, программа автоматически сделает все остальное. Ненужный фон заменяется(по Вашему выбору) на прозрачный либо цветной. Есть ластик, позволяющий подправить то, что Вы нарисовали недостаточно аккуратно. Есть, конечно и режимы Undo/Redo (Отменить/Восстановить), позволяющие отменить либо восстановить Ваши последние действия. Интерфейс программы выглядит стильно(как и у других продуктов этого разработчика).

Запустите PhotoScissors и загрузите нужное изображение. Программа поддерживает изображения во всех основных форматах, размерах и разрешений.

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

Красным маркером отделяем фон:

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

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

Видим, что у нас внизу слева осталась непрозрачная область. Давайте поправим(закрасим красным):

Опять запускаем обработку, получаем нормальный результат:

Бывает, что после повторной обработки получается неудачный результат:

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

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

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

Для этого выбираем нужный цвет на палитре:

Ещё здесь есть такие инструменты:

1. Сглаживание края

2. Обрезка

Таким приложениям как Photoscissors, выполняющим одну узкую функцию, необходимо выполнять её крайне хорошо — иначе и толку не будет. К счастью, Photoscissors справляется со своей задачей на отлично — простые фотографии лишаются фона всего за три-четыре клика мышкой, а если вам нужна большая точность или фон оказался почти одного цвета с главным объектом, то можно без труда подкорректировать результат, сделав маркер чуть потоньше и включив «зум» покрупнее, да и это не займёт много времени, рекомендую.
По материалам www.photoscissors.com, www.sngsnick.com,

ОС: Windows® XP, Vista, 7, 8

Скачать пробную версию программы Вы можете с сайта разработчика: http://www.photoscissors.com — оф.сайт программы Teorex PhotoScissors.

Если Вы хотите для ознакомления получить портативную версию программы Teorex PhotoScissors 1.2 Rus Portable, можете скачать её

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

Программное обеспечение для удаления фото-фона для Windows и Mac

История изменений

Что нового в PhotoScissors 8.2

• Повышенное удобство использования и стабильность
• Улучшенная поддержка цветовых профилей

Что нового в PhotoScissors 8.1

• Добавлена ​​функция пакетного удаления фона
• Повышенное удобство использования

Что нового в PhotoScissors 8.0

• Повышение производительности алгоритма альфа-сопоставления
• Добавлена ​​возможность удаления фона по цвету

Что нового в PhotoScissors 7.0

• Абсолютно новый алгоритм удаления фона
• PhotoScissors стал онлайн и позволяет использовать кредиты
• Добавлена ​​возможность поворота слоев переднего плана и теней
• Добавлена ​​возможность рисования прямой линии между двумя точками с помощью SHIFT и щелчка мышью

Что нового в PhotoScissors 6.1

• Повышена стабильность
• Добавлена ​​опция отключения предсказания маски

Что нового в PhotoScissors 6.0

• Новый алгоритм удаления фона на основе нейронных сетей
• Повышение производительности алгоритма альфа-сопоставления

Что нового в PhotoScissors 5.0

• Основные улучшения алгоритма альфа-матирования
• Основные улучшения алгоритма удаления фона
• Новый алгоритм сглаживания контуров
• Новый алгоритм Inpainting для восстановления фона
• Добавлена ​​возможность загрузки / сохранения проекта
• Добавлена ​​возможность восстановления заводских настроек по умолчанию для каждого слоя
• Множество улучшений удобства использования и стабильности

Что нового в PhotoScissors 4.0

• Добавлен инструмент альфа-матирования для прозрачных или полупрозрачных объектов (волосы, стекло…)
• Добавлены ярлыки для инструментов
• Добавлен пиксельный фильтр
• Добавлен отрицательный фильтр
• Добавлена ​​опция сохранения настроек по умолчанию
• Добавлена ​​возможность сохранять / загружать пользовательские отметки
• Добавлена ​​возможность сохранения альфа-маски
• Повышено удобство использования и стабильность

Что нового в PhotoScissors 3.0

• Основные улучшения пользовательского интерфейса
• Улучшения производительности
• Теперь PhotoScisors полностью интерактивен
• Добавлена ​​возможность переместить объект переднего плана
• Добавлены фильтры для фона и переднего плана
• Добавлена ​​возможность заливки (рисования) на заднем плане и перемещения основного объекта на изображение
• Добавлена ​​опция «Соотношение сторон» для фона
• Добавлен параметр «Радиус растушевки»
• Добавлен ручной режим для смены маски
• Добавлена ​​поддержка камеры Intel Real Sense
.

Что нового в PhotoScissors 2.1

• Добавлена ​​возможность установить изображение в качестве фона
• Улучшенная обработка краев (сглаживание краев), прощайте неровные края
• Добавлена ​​возможность изменить цвет тени

Что нового в PhotoScissors 2.0

• Основные улучшения алгоритма
• Основные улучшения производительности
• Улучшенный алгоритм сглаживания краев
• Добавлена ​​опция «Смещение границы»
• Добавлена ​​опция «Тень»
• Добавлена ​​опция «Подгонка к результату»
• Добавлена ​​опция «Обрезать и изменить размер»
• Улучшено использование памяти
• Повышено удобство использования и стабильность
• Улучшения графического интерфейса
• Добавлен интерактивный режим, теперь обработка вырезания выполняется после каждой разметки

Что нового в PhotoScissors 1.2

• Добавлен инструмент для обрезки
• Добавлена ​​опция сглаживания краев
• Повышено удобство использования и стабильность

Что нового в PhotoScissors 1.1

• Добавлен список последних файлов
• Добавлена ​​возможность перемещать изображение, удерживая кнопку пробела
• Пользовательские цвета сохранены для будущего использования
• Улучшения графического интерфейса
• Добавлена ​​поддержка дисплеев HiDPI и Retina
• Исправление мелких ошибок

Что нового в PhotoScissors 1.0

Почему размер фонового изображения изменяется и обрезается

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

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

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

Как это работает в Divi?

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

Соотношение сторон фонового изображения не изменяется во избежание сжатия или растяжения исходного изображения.Например, вот что происходит, когда вы пытаетесь применить фоновое изображение размером 100×100 пикселей (квадрат) к текстовому модулю с размером 100×150 пикселей (с горизонтальной ориентацией):

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

Вот еще один пример.Давайте попробуем применить фоновое изображение с портретной ориентацией к разделу с альбомной ориентацией. См. Следующий снимок экрана:

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

Вот все доступные параметры в настройках фонового изображения:

Примечание: Параметры фона недоступны, если вы включили эффект параллакса.

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

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

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

Изменение размера фоновых изображений с помощью background-size — CSS: Cascading Style Sheets

Свойство CSS background-size позволяет изменять размер фонового изображения элемента, переопределяя поведение по умолчанию мозаичного размещения изображения до его полного размера, указав ширину и / или высоту изображения. Таким образом, вы можете масштабировать изображение вверх или вниз по желанию.

Давайте рассмотрим большое изображение, изображение логотипа Firefox размером 2982×2808. Мы хотим (по какой-то причине, вероятно, связанной с ужасающе плохим дизайном сайта) разместить четыре копии этого изображения в элементе размером 300×300 пикселей. Для этого мы можем использовать фиксированное значение background-size , равное 150 пикселям.

HTML

CSS

  .tiledBackground {
  background-image: url (https://www.mozilla.org/media/img/logos/firefox/logo-quantum.9c5e96634f92.png);
  размер фона: 150 пикселей;
  ширина: 300 пикселей;
  высота: 300 пикселей;
  граница: сплошная 2px;
  цвет: розовый;
}
  

Результат

Вы также можете указать как горизонтальный, так и вертикальный размер изображения, например:

  размер фона: 300 пикселей 150 пикселей;
  

Результат выглядит так:

На другом конце спектра вы можете увеличить изображение на заднем плане. Здесь мы масштабируем значок 32×32 пикселей до 300×300 пикселей:

 .square2 {
  фоновое изображение: URL (favicon.png);
  размер фона: 300 пикселей;
  ширина: 300 пикселей;
  высота: 300 пикселей;
  граница: сплошная 2px;
  тень текста: белый 0px 0px 2px;
  размер шрифта: 16 пикселей;
}
  

Как видите, CSS фактически идентичен, сохраните имя файла изображения.

Помимо значений , свойство background-size CSS предлагает два специальных значения размера: содержит и cover . Давайте посмотрим на них.

содержат

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

HTML

  

  
 Попробуйте изменить размер этого элемента! 
  

CSS

 .bgSizeContain {
  background-image: url (https://www.mozilla.org/media/img/logos/firefox/logo-quantum.9c5e96634f92.png);
  размер фона: содержать;
  ширина: 160 пикселей;
  высота: 160 пикселей;
  граница: сплошная 2px;
  цвет: розовый;
  изменить размер: оба;
  переполнение: прокрутка;
}  

Результат

cover

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

HTML

  

  
 Попробуйте изменить размер этого элемента! 
  

CSS

  .bgSizeCover {
  background-image: url (https://www.mozilla.org/media/img/logos/firefox/logo-quantum.9c5e96634f92.png);
  размер фона: обложка;
  ширина: 160 пикселей;
  высота: 160 пикселей;
  граница: сплошная 2px;
  цвет: розовый;
  изменить размер: оба;
  переполнение: прокрутка;
}  

Результат

Как масштабировать и обрезать изображения с помощью CSS объектного соответствия

Введение

Вероятно, вы столкнетесь со сценарием, когда вы захотите сохранить исходное соотношение сторон при работе с изображениями.Сохранение соотношения сторон предотвратит искажение изображений из-за растяжения или сжатия. Распространенным решением этой проблемы является использование CSS-свойства background-image . Более современный подход заключался бы в использовании CSS-свойства object-fit .

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

Предварительные требования

Если вы хотите продолжить эту статью, вам потребуется:

Наблюдение за поведением образца изображения по умолчанию

Рассмотрим следующий код, используемый для отображения образца изображения:

Этот код выдаст в браузере следующий результат:

Это изображение имеет исходную ширину 1200 пикселей и высоту 674 пикселей. Используя атрибуты img , ширина была установлена ​​на 600 и 337 - половина исходных размеров - с сохранением соотношения сторон.

Теперь рассмотрим ситуацию, когда макет предполагает, что изображения будут занимать ширину 300 пикселей и высоту 337 ​​пикселей:

Этот код выдаст в браузере следующий результат:

Полученное изображение больше не сохраняет исходное соотношение сторон и выглядит визуально «сжатым».

Использование подгонки объекта