Елена Сергеева, 25.09.2015 23

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


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


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

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

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

Как найти изображения 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
Поддерживаю комментарйи0Не согласен с высказыванием
23 freedomt • 23:38, 21.09.2019
Спасибо большое! Давно хотела подобный мастер-класс найти.
[Материал]
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
Да, конечно, можно использовать и онлайн-редактор. Лично мне удобнее пользоваться установленным, но некоторые вещи я делаю онлайн. В школах и вообще в стране может не быть интернета / интернета хорошего качества, работа онлайн может быть невозможна, тогда использовать придется только установленные на компьютер программы.
Каждый сам выбирает себе удобный инструмент. За ссылку спасибо.
[Материал]