Как сделать прозрачный фон в Gimp. Графический редактор GIMP: алгоритм выполнения основных задач

25.04.2019

Данная статья расскажет вам как сделать прозрачный фон изображения в графическом редакторе GIMP. Хоть сделать прозрачный фон изображения в данном редакторе не сложно у начинающего пользователя данного редактора могут возникать трудности с освоением интерфейса, и соответственно с прозрачный фоном изображения. В данной статье рассказывается помимо всего прочего и как аккуратно вырезать часть изображение из выбранной картинки, ведь в некоторых случаях сделать прозрачный фон изображения можно таким способом.

Инструменты и меню GIMP для создания прозрачного фона картинки

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

В панели инструментов рассматриваются только два инструмента для создания прозрачного фона картинки:

1. Свободное выделение произвольными линиями или отрезками;

2. Выделение смежных областей по схождению цвета.

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

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

Добавление в графический редактор GIMP изображения

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

Два способа сделать фон изображения прозрачным в GIMP

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

Первый способ сделать фон изображения прозрачным в GIMP

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

1. Откроем картинку в редакторе.

2. Выберем в панели инструментов инструмент, который называется выделение смежных областей по схождению цвета, нажимаем на картинку с изображением волшебной палочки, и далее на открытом изображении в редакторе нажмём мышкой на однотонном цвете картинки. Однотонный цвет будет выделен

3. После выделения однотонного цвета, переходим в раздел меню, и выбираем пункт - цвет. В раскрывшемся списке меню выбираем пункт - в альфа канал. После выбора данного пункта в диалоговом окне будет показан примерный вид нашей картинки.

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

Теперь чтобы изображение было в конечном итоге на прозрачным фоне, надо экспортировать его в один из форматов файлов, которые поддерживают бесцветный фон. Если сохранить изображение в формате GIF или PNG то эффект бесцветности фона будет точно. Я сам использую такие форматы изображений, даже не обязательно имеющее прозрачный фон.

Второй способ сделать фон изображения прозрачным в GIMP

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

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

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

Создание изображения имеющего прозрачный фон из буфера обмена в редакторе GIMP

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

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

Чаще всего прозрачный фон в изображении требуется для создания фирменных знаков, коллажей и логотипов для видеороликов. Титры в фильме, графические мемы в Internet, в конце-концов технология chromakey (зеленый фон при съемках фильма) так же имеют много общего с технологией прозрачного фона.

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

У нас есть две картинки и мы хотим сделать из них коллаж. Разместить изображение пингвина на фото тропического пляжа. Почему бы и нет. Пингвинам тоже нужно отдыхать 🙂

Пингвин - символ Linux .

Тропический пляж - место, где отдыхают пользователи Linux 🙂

Быстрый способ

Запускаем Gimp и открываем оба файла с картинками.

Начинаем переносить пингвина под пальму. Воспользуемся широко распространенным способом "Скопировать" -> "Вставить". Для этого:

активируем окно с пингвином и через копируем пингвина в буфер обмена;
затем переходим в окно с пальмой через Правка/Вставить (Ctrl+V) вставляем изображение с пингвином.

Готово. Пингвин под пальмой, но что-то не так. Если мы просто скопируем одно изображение поверх другого, то увидим, что белый фон вокруг пингвина закрывает часть изображения с тропическим берегом. Это нам не подходит. Значит нам необходимо избавиться от белого фона. Или, иными словами, сделать фон прозрачным . Тогда через этот прозрачный фон будут видны объекты с картинки тропического берега.

Правильный способ

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

Шаг 1. Альфа-канал

На первом этапе нужно определиться есть ли в изображении альфа-канал. Если его нет, то его надо создать. Именно он будет отвечать за прозрачность. Привыкайте сразу, если где-то говорят об альфа-канале значит подразумевается прозрачность и наоборот. Выбираем в меню Слой/Прозрачность/Добавить альфа

Если альфа-канал уже есть (меню неактивное), то ничего добавлять не нужно. В случае, если меню активное (позволяет добавить), то добавляем альфа-канал к нашему изображению.

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

Шаг 2. Зоны прозрачности

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

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

Этот инструмент действует по принципу добвавить в выделенную зону "Все пикселы одного цвета " вокруг того по которому кликнули мышкой. В нашем случае с пингвином - это то, что надо.

Шаг 3. Прозрачный фон

Теперь все готово к созданию прозрачного фона. Для этого жмем клавишу Delete и изображение принимает вид.

То что раньше было белым, стало в серый "квадратик", таким способом Gimp показывает прозрачные области.

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

Шаг 4. Запись в файл

Чаще всего картинки с прозрачным фоном хранят в форматах PNG, GIF и TIFF. В PNG и TIFF прозрачность реализуются через alpha канал, который отвечает за участки с прозрачным фоном. С помощью alpha канала можно сделать не только прозрачное, но и полупрозрачное изображение. В GIF несколько другая технология, там нет alpha канала и прозрачность реализуется в виде самостоятельного цвета в палитре. Полупрозрачности в GIF нет.

Для записи изображения с прозрачными областями в формате PNG выбираем меню Файл/Export As (заметьте, именно Export As, а не экспорт, в некоторых версиях Gimp эта строка не переведена на русский язык) и в появившемся диалоге вводим имя файла, например linux.png. Далее жмем кнопку "Экпортировать ", в диалоге настройке параметров PNG ничего не трогаем и жмем "Экспорт ".

А так выглядят настройки при экспорте в GIF. Тоже ничего нетрогаем и жмем "Экспорт ".

Тут вот еще какой интересный момент. Когда вы открываете в Gimp изображение из PNG или GIF, тот нет необходимости проверять есть ли там альфа-канал или нет, как это описано на Шаге 1. Альфа канал в PNG или GIF всегда существует и можно сразу же начинать работать с прозрачным фоном без ручного добавления альфа-канала.

Шаг 5. Сводим все вместе

Теперь проверим результат нашей работы. Мы возьмем изображение с прозрачным фоном и наложим его поверх обычного изображения. Давайте разместим пигвина в тени от пальмы:
На картинке с пингвином: Правка/Копировать видимое (Shift+Ctrl+C) копируем пингвина в буфер обмена.
На картинке с пальмами: Правка/Вставить (Ctrl+V) вставляем изображение с пингвином на фото с пальмами.

Как видно, прозрачность работает. Там, где раньше был белый прямоугольник, теперь видны море, пальма и песок. Коллаж готов. Изображение с пингвином органично вписалось в тропический пейзаж. Теперь объединим все видимый слои (а у нас их всего два) командой меню Слой/Прикрепить слой (Ctrl+H) . И запишем готовый коллаж в файл Файл/Export As .
Интересно, что после сведения слоев, прозрачный фон исчез. В финальном изображении, где пингвин под пальмой уже нет прозрачного слоя. Если вы хотите, чтобы прозрачный фон на слое с пингвином остался для дальнейшей работы над коллажом, то запишите готовое изображение в файл формата XCF (родной формат для GIMP), только не сводите все слои воедино, пусть остаются раздельными.

Заключение

В этой статье мы рассмотрели, как сделать прозрачный фон в gimp 2.8. Как наложить изображение с прозрачным фоном поверх существующего. Быстро пробежались по альфа-каналу. Узнали какие графические форматы поддерживают прозрачность. На простом примере была продемонстрирована работа с прозрачным фоном.

Среди множества графических редакторов, следует выделить программу GIMP. Она является единственным приложением, которое по своему функционалу практически не уступает платным аналогам, в частности Adobe Photoshop. Возможности у этой программы по созданию и редактированию изображений действительно велики. Давайте разберемся, как работать в приложении GIMP.

Прежде всего, узнаем, как создать совершенно новое изображение. Для создания новой картинки, открываем в главном меню раздел «Файл», и выбираем в открывшемся списке пункт «Создать».

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

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

Итак, заготовка изображения готова. Теперь вы можете выполнять дальнейшую работу, для придания ей вида полноценной картинки.

Как вырезать и вставить контур объекта

Теперь давайте разберемся, как вырезать контур объекта из одного изображения, и вставить его в другой фон.

Открываем нужное нам изображение, перейдя последовательно в пункт меню «Файл», а затем в подпункт «Открыть».

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

После того, как изображение открылось в программе, переходим в левую часть окна, где расположены различные инструменты. Выбираем инструмент «Умные ножницы», и общелкиваем ими вокруг фрагментов, которые желаем вырезать. Главным условием является то, чтобы линия обвода замкнулась в той же точке, откуда она началась.
Как только объект обведен, кликаем по его внутренней части.

Как видим, пунктирная линия замерцала, что означает завершение подготовки объекта к вырезанию.

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

После этого, переходим в главное меню, и выбираем раздел «Выделение», а из раскрывшего списка кликаем на пункт «Инвертировать».

Опять переходим в тот же пункт меню – «Выделение». Но на этот раз в раскрывшемся списке кликаем по надписи «Растушевать…».

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

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

Затем создаем новый файл, как было описано в предыдущем разделе, или открываем уже готовый файл. Опять переходим в пункт меню «Правка», и выбираем надпись «Вставить». Или же просто жмем сочетание клавиш Ctrl+V.

Как видим, контур объекта успешно скопирован.

Создание прозрачного фона

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

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

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

Как создать надпись на изображении

Процесс создания надписи на изображении тоже интересует многих пользователей. Для этого нам следует, прежде всего, создать текстовый слой. Этого можно достичь, кликнув на символ в левой панели инструментов в форме буквы «A». После этого, кликаем на ту часть изображения, где хотим видеть надпись, и набираем её с клавиатуры.

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

Инструменты рисования

Приложение Гимп имеет в своем багаже очень большое количество инструментов для рисования. Например, инструмент «Карандаш» предназначен для рисования резкими штрихами.

Кисть, наоборот, предназначена для рисования плавными штрихами.

С помощью инструмента «Заливка» можно заливать целые области изображения цветом.

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

Для стирания изображения или его части используется инструмент «Ластик».

Сохранение изображения

В программе GIMP существуют два варианта сохранения изображений. Первый из них предполагает сохранение картинки во внутреннем формате программы. Таким образом, после последующей загрузки в GIMP, файл будет готов для редактирования в той же фазе, в которой работа над ним была прервана перед сохранением. Второй вариант предполагает сохранение изображения в форматах доступных для просмотра в сторонних графических редакторах (PNG, GIF, JPEG и др.). Но, в этом случае, при повторной загрузке картинки в Гимп, редактировать слои уже не получится. Таким образом, первый вариант подходит для изображений, работу над которыми планируется продолжить в будущем, а второй – для полностью готовых картинок.

При этом появляется окно, где мы должны указать директорию сохранения заготовки, а также выбрать в каком именно формате хотим её сохранить. Доступен файловый формат сохранения XCF, а также архивные BZIP и GZIP. После того, как мы определились, жмем на кнопку «Сохранить».

Сохранение изображения в формате доступном для просмотра в сторонних программах несколько сложнее. Для этого полученную картинку следует конвертировать. Открываем в главном меню раздел «Файл», и выбираем пункт «Export As…» («Экспортировать как…»).

Перед нами открывается окно, в котором мы должны определить, где наш файл будет храниться, а также установить его формат. Доступен очень большой выбор сторонних форматов, начиная от традиционных форматов изображений PNG, GIF, JPEG, и заканчивая форматами файлов для конкретных программ, например Photoshop. Как только мы определились с местом расположения изображения и его форматом, кликаем на кнопку «Экспортировать».

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

После этого, изображение сохранится в нужном вам формате в заранее указанном месте.

Как видим, работа в приложении GIMP довольно сложна, и требует определенной начальной подготовки. Вместе с тем, обработка картинок в этом приложении все-таки проще, чем в некоторых аналогичных программах, например Photoshop, а широкий функционал этого графического редактора просто поражает.

С открытым исходным кодом, который можно установить бесплатно на Linux и Windows.

Как изменить фон изображения в приложении GIMP.

По функционалу уступает Фотошопу , но тем не менее содержит широкие возможности:

Настройка рабочей среды.
Удобный полноэкранный режим.
Коррекция фотографий: трансформация, перспектива, цветокоррекция, различные фильтры.
Ретуширование.
Поддержка различного оборудования и форматов файлов, в том числе psd.

GIMP позволяет работать со слоями, контурами, масками, каналами, использовать инструменты рисования, выделения, оформления текста, добавлять плагины и скрипты. С официального сайта программы можно скачать весьма подробную инструкцию на русском языке. По сути, приложение упрощённо повторяет функции известного редактора Photoshop . Используется для быстрого редактирования фото и рисунков, например, иконок для интернета. Плюсом по сравнению Фотошопом является его намного более быстрая загрузка при средних характеристиках компьютера.

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

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

Если вы хотите создать новое изображение, у которого прозрачный фон, выполните следующее:

После того как изображение готово, вы должны сохранить его в одном из форматов, поддерживающих прозрачный слой, например, png или gif.

ВАЖНО. Популярный формат jpeg не поддерживает такую возможность, и прозрачные слои будут заменены белыми.

Убрать фон у готового изображения можно следующим образом:

Сделать корректное выделение в GIMP можно при помощи следующих инструментов:

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