Елена Сергеева, 25.09.2015 6882 22

Как сделать прозрачный фон изображения из белого или однотонного? Инструмент Волшебная палочка


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


Обсудить статью (уже 22 коммент.)
Опубликовать свой материал

Почему в презентациях лучше использовать изображения с прозрачным фоном?

Слева — изображение с непрозрачным фоном, справа — с прозрачным.

Как найти изображения PNG в Яндекс или Гугл картинках?

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

Обратите внимание на «клетчатый» фон изображения в примере поиска Google. Именно таким образом во всех редакторах изображений показывается «прозрачный» фон рисунка.

В примере поиска «Яндекса» отображение прозрачного фона будет другим (картинка на темном фоне):

В любом случае, на картинке можно нажать правую кнопку мыши, скопировать ее в буфер обмена и тут же вставить в презентацию, проверить.

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

Скачать этот редактор можно по ссылке http://www.wnsoft.com/ru/pixbuilder/

После скачивания установите и запустите программу.

Шаг 1. Как открыть изображение в редакторе Pixbuilder Studio

Первый способ

Подходит тем, кто пользуется браузерами Google Chrome, Яндекс.Браузер или Firefox.

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

После этого в редакторе выберите меню Файл — Новый.

В появившемся окне, не меняя никаких параметров, нажмите ОК.

Далее, в меню редактора нажмите Правка — Вставить.

Второй способ

Скачайте картинку к себе на компьютер.

Перетащите файл с картинкой на поле редактора или откройте картинку через Файл — Открыть.

Перетаскивание

Команда: Файл — Открыть

В любом случае результат должен быть таким:

Шаг 2. Делаем прозрачный фон:
функция «Волшебная палочка»

В редакторе слева от картинки находится панель инструментов.

Нам потребуется «Волшебная палочка». Выберите ее, затем проконтролируйте, чтобы допуск был в пределах 20-40 единиц.

Нажмите на картинку для увеличения

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

Далее, нажмите на клавиатуре кнопку Delete или выберите в меню редактора Правка — Вырезать.

И после этого должен получиться вот такой результат (картинка на прозрачном фоне).

Шаг 3. Сохраняем картинку с прозрачным фоном

Этот результат надо сохранить на жесткий диск через меню Файл Сохранить как…

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

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

Картинка с прозрачным фоном готова!

Дополнительные советы:

  • Волшебной палочкой можно выделять не только внешние контуры, но и внутренние (например, для буквы «О» или «Ю»). То есть сначала надо выделить и удалить фон снаружи, а потом — внутри.
  • Если палочка не помогает (неправильно выделяет фон), то можно воспользоваться Стирательной резинкой, и стереть фон вручную.
  • Если палочка выделяет слишком много или слишком мало фона (это случается, когда цвета изображения и фона похожи), то можно изменить настройку Допуск в ту или другую сторону, и выделить фон заново. (См.комментарии).
  • Если вам не понравится результат ваших действий, то его всегда можно отменить (вплоть до момента открытия картинки в редакторе) через меню Правка — Отмена или через выбор действия в окне История (окно находится в редакторе справа, второе снизу).

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

Об авторе: Сергеева Елена Михайловна, учитель начальных классов, ГБОУ гимназия №498 Невского района г. Санкт-Петербурга.


Есть мнение? Оставьте свой комментарий:
avatar

Комментарии:
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
21 lud9054265 • 11:49, 05.10.2015
В Power Point есть такая функция - "Установить прозрачный цвет". Нажимаете на кнопочку, потом по однородной области изображения, и пиксели становятся прозрачными. Если фон неоднородный, тогда целесообразно использовать сторонние программные продукты.
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
22 Екатерина_Пашкова • 17:45, 05.10.2015
Да, верно, в статье есть упоминание этого инструмента. По-моему, он работает в основном некорректно. И тогда приходится использовать другие редакторы.
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
20 Екатерина_Пашкова • 13:13, 28.09.2015
<Комментарий от Наталии Власовой от 28 сен. в 8:06>
Спасибо большое!
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
19 anna256820 • 09:28, 28.09.2015
Огромное вам спасибо! Очень интересная и полезная информация, а главное доступная и не сложная программа. Мне очень понравилось!
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
18 shabalina • 16:29, 27.09.2015
Огромное Вам СПАСИБО!!! Очень и очень полезная информация! Я скачала программу и уже потренировалась!!!
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
17 dynis • 15:35, 26.09.2015
Маленькая хитрость.
Если не получается убрать что-то, то можно это сделать при помощи ластика. Просто стерев фон, элемент, просто подровнять грани объекта. Так же можно воспользоваться помощью элемента "Лоссо". Выделяя определённую область фото и удалить фон нажав клавишу "Delete".
Желаю Вам успехов.
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
16 Федорина • 14:12, 26.09.2015
Громадное спасибо, очень полезная и нужная информация.
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
15 Дара9678 • 10:16, 26.09.2015
Большое спасибо - четко,внятно и доступно!!!!!!!!!
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
14 Галина4298 • 06:22, 26.09.2015
Уважаемая Елена Михайловна! Благодарю за мастер-класс! Про этот графический редактор не знала. Пользовалась другим. Но хочется освоить и Pixbuilder Studio. Творческих Вам успехов!
С уважением, Галина Владимировна.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
5 Ileo • 16:54, 25.09.2015
-----•Если палочка выделяет слишком много или слишком мало фона (это случается, когда цвета изображения и фона похожи), ------
Сомневаюсь, что это так. (Данной программы не знаю, но предполагаю, что фотошоп устроен так же)
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
6 Екатерина_Пашкова • 17:46, 25.09.2015
Вот цитата про Фотошоп: "Число из этого диапазона определяет яркость пикселя. Допустим, Допуск (Tolerance) был установлен на 10 и Вы кликнули на холсте на пикселе с яркостью 88. Инструмент выделит смежные пиксели с яркостью между 98 (88 + 10) и 78 (88 – 10). Если в настройках инструмента параметр Смежные пиксели (Contiguous) выключен, то будут выделены все пиксели с яркостью между 98 и 78." и примеры разного допуска:

По-моему, автор именно это имел в виду. Или я не правильно поняла Вас?
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
8 Ileo • 18:06, 25.09.2015
наверное, это. Формулировка, мне кажется, не совсем корректна. Но вот про яркость Вы мне стало интересно. Я думала там в цветовой составляющей дело. Хотя, может, имеется ввиду LAB...
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
9 Екатерина_Пашкова • 18:14, 25.09.2015
Здесь я уже не могу сказать: яркость или цветовая составляющая берется. А формулировка, наверное, для простоты восприятия текста. Потому что начинающим так будет понятнее. А вот с картинками теперь совсем понятно.
Но статья про убирание однотонного фона, поэтому там не имеет знания этот допуск.
Но! Спасибо за поправки! Очень важные замечания. Буду использовать допуск)
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
10 Ileo • 18:18, 25.09.2015
Согласна
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
4 Ileo • 16:49, 25.09.2015
-----проконтролируйте, чтобы допуск был в пределах 20-40 единиц.----
Для однородного фона это непринципиально, а вот разобраться, что такое этот допуск будет полезно, если фон будет состоять из разных оттенков одного цвета.
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
7 Екатерина_Пашкова • 17:47, 25.09.2015
Думаю, да, если фон сделан в электронном виде белым, то, скорее всего, он однороден и допуск значения не имеет. Разве что фон градиентный.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
3 Аркадьевна2051 • 16:32, 25.09.2015
Огромноее спасибо за мастер- класс!!! Творческих вам успехов!
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
2 IReNa3606 • 16:32, 25.09.2015
Очень полезная информация, спасибо!!!
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
1 Екатерина_Пашкова • 14:13, 25.09.2015
Спасибо за статью! Как раз именно такой материал нам был нужен для статьи 19 ошибок в создании презентаций . Можно отметить, что функция Волшебная палочка есть во многих редакторах, поэтому просто откройте свой графический редактор и поищите эту функцию.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
11 liro • 21:18, 25.09.2015
Намного проще сделать изображение прозрачным на сайте pixlr.com/editor. Достаточно загрузить изображение с компьютера, два раза нажать на замок в окне "Слои", выбрать инструмент "волшебная палочка", нажать на фон, который нужно удалить, в меню "редактировать" выбрать пункт "Очистить", в меню "Файл" выбрать пункт "Сохранить", в появившемся окне выбрать формат PNG.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
12 ElenG • 21:52, 25.09.2015
Спасибо! Действительно, получается быстро и качественно!
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
13 Екатерина_Пашкова • 23:04, 25.09.2015
Да, конечно, можно использовать и онлайн-редактор. Лично мне удобнее пользоваться установленным, но некоторые вещи я делаю онлайн. В школах и вообще в стране может не быть интернета / интернета хорошего качества, работа онлайн может быть невозможна, тогда использовать придется только установленные на компьютер программы.
Каждый сам выбирает себе удобный инструмент. За ссылку спасибо.