Как белый фон сделать прозрачным в paint. Мастер-класс "как убрать белый фон у изображений". Делаем прозрачный фон на картинке

Дорогие друзья, я рад приветствовать вас на САЙТЕ.Сегодня, япознакомлю вас, сне большим уроком – КАК СДЕЛАТЬ КАРТИНКУ С НЕВИДИМЫМ ФОНОМ. И хотя урок не большой и простой, но, тем не менее, важный. Очень часто возникает необходимость вставить картинку в картинку и тогда эти навыки будут незаменимы.

Открываем программу Paint и вставляем туда фотографию, с которой надо убрать фон. И еще одно маленькое отступление, я пользуюсь программой Paint . net , а не просто Paint . Поэтому на скринах могут быть не большие отличия. Программы практически одинаковые, но PAINT . net имеет больше возможностей и удобств, как более свежая версия. При желании вы можете скачать ее из интернета, программа бесплатная. Как это сделать я писал в статье — КАК СКАЧАТЬ ПРОГРАММУ ПРАВИЛЬНО И БЫСТРО. Все программы скачиваются по одному и тому же принципу.

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

Теперь находим инструмент под названием «Волшебная палочка» (1) Кликаем по ней и потом по той области, которую нужно убрать. У меня это белый фон. Та область, которая будет убрана, окрасилась в голубой фон. Теперь нажмите – Delete (Стереть) на клавиатуре и фон исчез. В программе невидимый фон будет в виде квадратиков.

Теперь надо картинку сохранить. Как это сделать, я писал уже много раз. Кто забыл, можно прочитать в статье – ПОДПИСЫВАЕМ ФОТО ДЛЯ САМЫХ-САМЫХ . Единственное, что нужно будет сделать при сохранении, это поменять формат картинки. Не прозрачные картинки, как правило, в формате JPEG , а нам надо прозрачный, например PNG , это универсальный. Возьмите за правило на все свои работы ставить этот формат – не ошибетесь.

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

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

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

Слои

Для того, чтобы попытаться понять «что такое слои изображения» рассмотрим две фотографии. Одна из них будет использоваться в качестве фона (или нижнего слоя), а другая - в качестве первого слоя, помещаемого над фоном:

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

Пиксели и прозрачность

Каждый слой в Paint.NET составлен из пикселей которые сохранены в формате RGBA. Часть аббревиатуры «RGB» обозначает цвета (красный, зеленый и синий) используемых, для передачи интенсивности цвета. Часть «A» (Альфа) обозначает переменную используемую, для хранения информации о прозрачности пикселя. Альфа может принимать значение от 0 (полностью прозрачный) до 255 (полностью непрозрачный). Другие программы могут использовать границы в пределах от 0 до 100 %.

Если пиксель прозрачен, то вместо его цвета будет показан цвет пикселя расположенного «под ним», тоесть цвет пикселя нижнего слоя. Для того, чтобы отобразить слоистое изображение на стандартном компьютерном мониторе, Paint.NET использует методику альфа-каналов.

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

Прозрачность

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

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

Слои и непрозрачность

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

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

Верхний слой полностью непрозрачен

Верхний слой полупрозрачен

Верхний слой полностью прозрачен

Режимы смешивания

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

Не все названия режимов смешивания слоев «интуитивно понятны», поэтому в любом случае рекомендуется экспериментировать. Каждый режим смешивания описанный ниже применен к двум слоям рассмотренным выше с уровнем непрозрачности установленным на отметке 255.

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

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

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

Добавление (Additive)
Интенсивность цвета пикселей обоих слоев складываются вместе. Композиция, всегда ярче, за исключением полностью черных пикселей изображений.

Затемнение основы (Color Burn)
Создает эффект испепеления нижнего слоя под воздействием верхнего. То есть темные участки верхнего слоя используются для затемнения нижнего. Используется умножение цветов и увеличение насыщенности. Результат выглядит очень контрастно.

Осветление основы (Color Dodge)
Противоположность предыдущему режиму - нижнее изображение «выгорает» под воздействием верхнего цвета. При использовании этого режима светлые участки верхнего слоя усиливают яркость нижнего слоя. Темные участки не оказывают никакого воздействия. То есть наибольшие изменения происходят в сторону белого цвета.

Отражение (Reflect)
Этот режим смешивания может быть использован для придания блеска объектам или светлым участкам.

Свечение (Glow)
Тоже что и предыдущий режим, но как-бы после смены очередности слоев.

Перекрытие (Overlay)
В зависимости от интенсивности цвета пикселей слоя применяется режим«Экранное осветление» (для темных цветов) или «Умножение» (для светлых).

Разница (Difference)
Вычитание верхнего слоя из нижнего. Если пиксель на верхнем слое белый, то пиксель на нижнем слое инвертируется. Если пиксель на верхнем слое черный, то пиксель на нижнем слое не изменяется. Если пиксель на верхнем слое совпадает с нижнем, то результат - черный пиксель. Тоесть совпадающие цвета будут черными. Несовпадающие фрагменты будут цветными.

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

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

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

Экранное осветление (Screen)
Противоположен режиму «Умножение» в том смысле, что перемножает цвет нижнего слоя с верхним слоем. В результате картинка посветлеет, как если бы мы проецировали её при помощи двух диапроекторов.

Исключение (Xor)
Этот режим в основном используется для анализа изображения, а не обработки изображения или композиции.

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

Жмём кнопку «Скачать paint.net».

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

Нажимаем на кнопку с надписью «Скачать актуальную версию...»

В открывшемся новом окне видим актуальную последнюю версию paint.net, кликаем на ссылку, и скачиваем архив.

Делаем в paint.net прозрачный фон

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

1. Берём инструмент – волшебная палочка;
2. Режим выделения – замена или объединение;
3. Заполнение — непрерывное, если выбрать "глобальное", то также будут выделены и не смежные белые пиксели, например внутри туфельки, а нам это сейчас не нужно;
4. Ставим чувствительность около 40%, чем больше процент, тем больше похожего цвета будет попадать в выделение;
5. Нажимаем "волшебной палочкой" на белый фон.

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

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

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

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

Объединение – если нужно что-то добавить к уже выделенной области.
Вычитание – наоборот, из выделенной области нужно некоторую часть удалить.

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

Итак, дорабатываем выделение как нужно, и удаляем белый фон.

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

Есть ещё интересный вариант удаления фона инструментом «Ластик» .

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

На практике попадаются сложные фоны — градиент, перелив, различные узоры. В этом случае фон удаляется постепенно, чувствительность у «волшебной палочки» ставим небольшую, примерно 20-30%.
Далее кликаем по фону – выделится некоторая часть, удаляем её.
Выделяем следующую часть – снова удаляем, и так далее, пока весь фон не станет прозрачным. Но таким способом можно пропустить некоторые пиксели, поэтому лучше режим выделения поставить «Объединение», и кликать палочкой по всем не выделенным участкам. И конечно не забываем про инструменты овал, лассо, прямоугольник. С их помощью добавляем или вычитаем нужные участки изображения.

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

Итак, Вам нужно, чтобы у определённого объекта на изображении был прозрачный фон вместо существующего. Все методы имеют схожий принцип: области картинки, которые должны быть прозрачными, просто удаляются. Но с учётом особенностей изначального фона придётся использовать разные инструменты Paint.NET.

Способ 1: Выделение «Волшебной палочкой»

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

Способ 2: Обрезка по выделению

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

При необходимости настройте чувствительность. Когда всё, что нужно, будет выделено, просто нажмите кнопку «Обрезать по выделению» .

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

Способ 3: Выделение с помощью «Лассо»

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

Вот такие незамысловатые методы создания прозрачного фона на картинке можно использовать в программе Paint.NET. Всё, что Вам потребуется, – это умение переключаться между разными инструментами и внимательность при выделении краёв нужного объекта.

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях - это использования инструмента «волшебная палочка » или «magic wand ». Далее дана пошаговая инструкция:

Ластик

Инструмент «волшебный ластик » удаляет близкие цвета, более того он автоматически преобразует фоновый слой в обычный. Далее дана пошаговая инструкция по созданию прозрачного фона у картинки:

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

Замена фона

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

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

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