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

Привет посетителю моего блога!

Я часто встречаю такие вопросы среди новичков:

• Как скачать картинку на компьютер
• Как уменьшить картинку
• Как сохранить её в нужном Вам формате
• Как сделать картинку круглой
• Как сделать картинки на прозрачном фоне

А это сделать очень просто! И воспользоваться можно бесплатным уже встроенным в наш Windows редактором картинок Paint.net. Вот официальный сайт программы https://paintnet.ru/. На фотографии показан конечный продукт наших манипуляций, фон соответственно может быть любой. На картинке вы видите, как выглядит картинка на прозрачном фоне в каком-либо графическом редакторе.

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

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

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

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

Все непонятные моменты вы сможете посмотреть в видеоуроке.

• Открываем картинку в программе Paint.net.
• Её можно перетащить мышкой, а можно открыть через Файл и в выпадающем меню, нажать Открыть.
• 1 Нажимаем на круглый инструмент выделения
• 3 Выделяем нужный нам фрагмент
• 2 Нажимаем на ножницы команда «Вырезать» и программа сохраняет вырезанный фрагмент в буфер обмена

Получаем вот такой вид в Paint. И нажимаем на инструмент «Создать» (белый листок с зелёным значком)

Выходит окошко с указанием размера будущего документа, жмём «ок».

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

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

И один очень важный момент, сохраняем ОБЯЗАТЕЛЬНО в формате.png Иначе фон не будет прозрачным.

Если вы делаете изображения для блога, то не забывайте . И удаляйте с блога , которые нагружают блог замедляют его загрузку.

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

Paint.net Обрезать, сделать круглой, прозрачный фон.

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

P.S. Если Вам что то не понятно, то пишите пожалуйста в комментариях.

Программное обеспечение: программа Paint.NET.
Аудитория: учителя, классные руководители, ученики.
Цель мастер-класса: знакомство с программой Paint.NET.

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

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

Как же сделать так, чтобы картинка смотрелась более привлекательно и наглядно?
Белый фон можно легко убрать с помощью программы Paint.NET. Paint.NET - бесплатный растровый графический редактор рисунков и фотографий для Windows, разработанный на платформе.NET Framework. Paint.NET является отличной заменой редактору графических изображений, входящему в состав стандартных программ операционных систем Windows.

Шаг 1. Скачиваем Paint.NET. Сайт, с которого можно эту программу скачать: http://paintnet.ru/download/ .

Шаг 2. Следуя подсказкам устанавливаем программу на компьютер.

Шаг 3. Запускаем Paint.NET. После запуска окно программы выглядит так:

Шаг 3. Открываем нужную нам картинку через Файл - Открыть.

В появившемся окне выбрать нужную картинку на вашем компьютере.

Шаг 4. Убираем белый фон.
А) На панели инструментов выбираем инструмент «Волшебная палочка».

Б) Этой волшебной палочкой кликаем на белый фон, который нужно удалить. Картинка принимает вид (изменился цвет фона):

В) Нажимаем на клавиатуре на клавишу Delete , изображение принимает вид (появились квадратики):

Г) Мы видим, что белый фон убран не везде (см. рисунок выше). Поэтому повторяем операцию: Волшебная палочка - щелчок по белому фону - Delete :

Шаг 5. Сохранение изображения.
А) Выбрать в меню «Файл» пункт «Сохранить как …»:

Б) В появившемся окне выбираем Формат 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. Если у вас его нет, то перейдите по ссылке для скачивания .
Существует как минимум 4 способа, как сделать фон картинки прозрачным:

Способ №1:

Если изображение располагается на белом или однородном фоне, то лучше всего воспользоваться инструментом "Волшебная палочка". Она располагается в панели инструментов, выбираем и нажимаем ею на область, которую мы хотим удалить. Обратите внимание: Фон желательно должен быть одноцветный(или с минимальным разнообразием цветов), иначе Палочка "не поймёт" что вы хотите выделить и вам придётся долго с ней возиться. У палочки есть настройка чувствительности. Чем больше фон совпадает цветом с нужной частью, тем меньше чувствительность нужна для выделения.

"Открыть..." → "Берём картинку" →"Открыть" (Загружаем изображение в Paint.net)→"Волшебная палочка" → Нажимаем на белый фон →"Правка" →"Вырезать". Готово. Если вы видите на месте стёртой области шахматный узор, значит при сохранении она будет прозрачной. Важно! Теперь сохраняем полученную картинку в формате "PNG" или "GIF". Советую PNG так, как этот формат поддерживает, в отличие от GIFа, более высокое качество изображения, а так же он позволяет сохранить изображение с полупрозрачным фоном. Почему же не "JPEG" ? Потому что он и остальные форматы не поддерживают эффекта прозрачности и при сохранении вырезанный фон превратиться в белый.

Способ № 2:

Если же у нас рисунок с разноцветным фоном, то палочкой тут не обойтись. Вся процедура такая же как и в способе № 1 , но вместо волшебной палочки мы будем использовать инструмент под названием "Лассо". Им придётся обвести от руки ту область, которую нам нужно оставить.

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

Способ № 3:

Этот способ тоже заслуживает внимания. Если вам не нравится первые 2 описанные выше, то вот что нужно делать: Над слоём с изображением создаем новый пустой слой ("Создать новый слой"). Выбираем любой цвет и инструмент "Линия или кривая". В этом пустом слое по краям нужной области проводим линию и искривляем её по нужной нам траектории. Обратите внимание: Между линиями не должно быть никакого зазора. А ширина не должна быть меньше 3. Как только мы обвели нужную область Выбираем "Волшебную палочку" и выделяем всё что внутри. Не снимая выделения переходим на слой с изображением и нажимаем кнопку Delete. Теперь можно удалить слой с линиями.

Способ № 4:

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

Любой фон.

Инструмент "Ластик"→Увеличиваете масштаб изображения→Ставьте небольшой радиус охвата ластика и вперёд!!! Когда аккуратно сотрёте вокруг нужного объекта тонкий периметр, увеличьте радиус охвата ластика и уже грубо стирайте всё "за бортом".

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

1. Открыть файл (Файл - Открыть - Выбрать нужное изображение из папки.)

2. Берём "Волшебную палочку" (щелчок левой кнопки мыши) слева в Панели инструментов, кликаем по белому фону на картинке. Белый фон потемнеет.

3.В Меню программы выбираем "Правка"- "Инвертировать выделение"

4. Теперь выбираем "Изображение" - "Обрезать по выделению".

Можно и не инвентировать, а выбрать "Изображение" - "Очистить выделение".

А теперь смотрим, что получилось.

Теперь второй способ . С помощью плагина цветозаменяемости Color Replace

После открытия картинки, идём "Эффекты" - "Color Replace"
Двигаем рычажки, наблюдая за эффектом. Можно отключить не нужные цвета (убрать галочки).

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

Вот, что у нас получается.

Вырезаем нужный участок

Открываем картинку, берём "Лассо" и выделяем нужный участок. Я выделю бутон мака. Выделять нужно, чтобы обязательно было замкнутое пространство.

Теперь идём в Меню. "Изображение" - "Обрезать по выделению"

Можно подправить кое-что ластиком.