Слои и режимы смешивания. Мастер-класс "как убрать белый фон у изображений"

16.09.2019

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

Слои

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

Вы можете рассматривать «слои» как несколько прозрачных слайдов, помещенных в одну стопку. 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 - бесплатный растровый графический редактор рисунков и фотографий для Windows, разработанный на платформе.NET Framework. Paint.NET является отличной заменой редактору графических изображений, входящему в состав стандартных программ операционных систем Windows.

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

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

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

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

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

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

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

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

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

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

Б) В появившемся окне выбираем Формат PNG (поддерживает прозрачность, максимальное качество), нажимаем на кнопку Сохранить:

Г) ОК - Готово. Сравните:

Желаю удачи!

PaintNet.
Заменить фон на прозрачный. Вырезать изображение с картинки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для просмотра текста ответа достаточно щелкнуть указателем мыши на текст вопроса. Информация на странице постоянно дополняется по мере возникновения вопросов.

Как в paint.net сделать блик света?

Здесь мы рассмотрим довольно простой и эффектный момент, как сделать световой блик на изображении при помощи Paint.NET. Этот вопрос не случайно размещен в разделе уроки Paint.NET для новичков, потому что выполняется он в одно действие.

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

Итак, выберем в качестве основного цвета белый цвет, а в качестве дополнительного цвета установим прозрачный. Для этого параметр "Прозрачность (альфа)" в окне палитра в Paint.NET нужно установить 0. На приведенном выше рисунке можно увидеть, что этот параметр расположен в нижнем правом углу. На рисунке значение этого параметра указано как 225, потому что рисунок представлен для основного цвета - белого, который не является прозрачным. Выберете тип градиента - круговой, как он выглядит можно увидеть на выше приведенном рисунке в левом верхнем углу. И при помощи левой кнопки мыши сделайте градиент в том месте изображения, где должен быть цветовой блик. Результат, который получился у нас можно увидеть на рисунке ниже. Мы специально сохранили маркеры градиента на рисунке ниже.

Как в paint.net сделать рисунок с прозрачным фоном? Как заменить белый цвет фона на прозрачный?

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

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

Обратите внимание, что прозрачный фон поддерживают два основных формата PNG или GIF. Если вы сохраните изображение с прозрачным фоном, например, в формате JPG, то Paint.NET заменит прозрачный цвет фона на белый цвет, потому что формат JPG не поддерживает прозрачные изображения.

Что лучше формат PNG или GIF? Оба этих формата поддерживают прозрачные цвета и могут использоваться для отображения в современных интернет-браузерах. В отличие от формата GIF, 32-х битный формат PNG поддерживает не просто прозрачный цвет, но и полупрозрачные тона. С другой стороны прозрачные цвета в изображениях в 32-х битном формате PNG не всегда корректно отображаются в старых интернет-браузерах, например в Internet Explorer 6.

Как уменьшить выделенное изображение с сохранением пропорций?

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

Как нарисовать стрелку в paint.net? Как нарисовать пунктирную линию в paint.net?

Возможности настройки стиля инструмента "линия или кривая" в программе Paint.NET позволяют довольно просто нарисовать стрелку, пунктирную линию и т.д. На рисунке ниже приведены три примера использования инструмента "линия или кривая" в программе Paint.NET.

Стиль линии и другие ее параметры задаются в панели инструментов, поэтому для наглядности на приведенном рисунке приведено изображение настроек значений в этой панели для трех примеров. На первом примере нарисована просто зеленая стрелка. Во втором примере нарисована синяя пунктирная стрелка-наконечник. В третьем примере нарисована красная штрихпунктирная стрелка, с заливкой 50%, а не сплошной, как в первых двух примерах. Возможные варианты настройки стиля окончания линии так же приведены в третьем примере в виде открытого меню. Графический редактор Paint.NET позволяет изменять стиль обоих окончаний линии и самой линии.

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

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

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

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

Откройте нужное изображение и нажмите «Волшебная палочка» в панели инструментов.

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

В этом случае нужно немного уменьшить чувствительность, пока ситуация не исправится.

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

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

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

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

Осталось сохранить результат Ваших трудов. Нажмите «Файл» и «Сохранить как» .

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

Все значения можно оставить по умолчанию. Нажмите «ОК» .

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

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

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

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

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

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

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