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

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

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

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

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

Создание нового изображения с прозрачным фоном

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

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

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

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

Создание прозрачного фона у готового изображения

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

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

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

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

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

Сделать прозрачный фон в программе 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. Хоть сделать прозрачный фон изображения в данном редакторе не сложно у начинающего пользователя данного редактора могут возникать трудности с освоением интерфейса, и соответственно с прозрачный фоном изображения. В данной статье рассказывается помимо всего прочего и как аккуратно вырезать часть изображение из выбранной картинки, ведь в некоторых случаях сделать прозрачный фон изображения можно таким способом.

Инструменты и меню 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.

Часто при операциях на изображении вам необходимо, чтобы изменения затронули лишь его часть. В GIMP вы делаете это с помощью выделения этой части. Каждое изображение имеет ассоциированное с ним выделение . Большинство (но не все) операций в GIMP применяются только к выделенным частям изображения.

Рисунок 7.1. Как вы отделили бы дерево?

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

Рисунок 7.2. Выделение показно обычной пунктирной линией

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

В действительности выделение реализовано в виде канала . В терминах этой внутренней структуры он идентичен красному, зеленому, синему, и альфа каналам изображения. Следовательно, выделение содержит определённое к каждому пикселу изображения значение, в диапазоне между 0 (не выделен) и 255 (полностью выделен). Преимущество данного подхода заключается в возможности частичного выделения некоторых пикселей, устанавливая для них значения между 0 и 255. Как вы далее увидите, существует множество ситуаций, где желательно иметь сглаженные переходы между выделенными и невыделенными областями.

Тогда что это за пунктирная линия, появляющаяся когда вы создаёте выделение?

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

Рисунок 7.3. То же самое выделение в режиме быстрой маски

Смотря на пунктирную линию, отображающую выделение, вы всегда должны принимать во внимание, что это повествует вам лишь часть истории. Если вы хотите видеть выделение более детально, наиболее просто это сделать с помощью щелчка по кнопке «Быстрая маска » , расположенной в левом нижнем углу окна изображения. Это заставит отображаться выделение как полупрозрачное наложениие поверх изображения. Выделенные области незатронуты; невыделенные области окрашены в красный цвет. Чем больше область выделена, тем меньше красного цвета на ней проявляется.

Многие операции работают по-другому в режиме быстрой маски, как указано в главе Быстрая маска . Кнопка быстрой маски включает и выключает режим быстрой маски.

Рисунок 7.4. То же самое выделение в режиме быстрой маски после растушёвки

1.1. Растушёвка

С настройками по умолчанию основные инструменты выделения, такие как инструмент «Прямоугольное выделение » , создают чёткие выделения. Точки внутри контура полностью выделены, и точки снаружи полностью не выделены. Вы можете это проверить, включив быструю маску: вы видите чистый прямоугольник с чёткими краями, окружённый однотонным красным цветом. В параметрах инструмента имеется пункт «Растушёвка » . Если вы разрешите его использование, вместо этого инструмент будет создавать выделения с плавными переходами. Радиус растушёвки, который вы можете изменять, определяет расстояние, по которому происходит переход.

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

Растушёвка особенно полезна при вырезании и вставке, чтобы помочь вставленному объекту слиться гладко и неброско с окружением.

На самом деле можно растушёвывать выделение в любое время, а не только если оно было первоначально резким. Вы можете это сделать из меню изображения, выбрав Выделение → Растушевать… . Будет вызван диалог Растушёвка выделения. Установите радиус растушёвки и нажмите на кнопку OK . Вы можете выбрать противоположность - обострить плавное выделение в полностью резкое выбором Выделение → Убрать растушёвку .

1.2. Сделать выделение частично прозрачным

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

Для простых выделений, используйте Ластик с нужной прозрачностью.

Для сложных выделений используйте команду Выделение → Сделать плавающим . Это создаст новый слой с именем «Плавающее выделение » . Активируйте его и используйте ползунок непрозрачности, чтобы получить необходимую прозрачность. Затем закрепите это выделение: вне выделения курсор мышки станет похож на якорь. При щелчке плавающее выделение исчезает из диалога слоёв, и выделение оказывается в правильном месте и частично прозрачным (крепление работает таким образом только при активном инструменте выделения; также можно использовать команды из контекстного меню при нажатии правой клавиши мышки на выделенном слое в диалоге слоёв).

И если вы часто используете эту команду нажмите Ctrl -C , чтобы скопировать выделение, Ctrl -V , чтобы его вставить, таким образом создавая плавающее выделение, укажите прозрачность и сделайте новый слой через Слой → Новый слой , в который вставится плавающее выделение. Прозрачность можно установить до и после создания нового слоя.

Другой способ: используйте команду Слой → Маска → Добавить маску слоя для добавления маски к слою с выделением. Затем используйте Кисть с нужной прозрачностью для окраски выделения чёрным цветом, т.е. окраски прозрачностью. Затем используйте команду Слой → Маска → Применить маску слоя . За дополнительной информацей обратитесь в разделе Раздел 2.1.3, «Маски слоя» .

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

Самый простой вариант это использовать команду Правка → Стереть , которая даёт полную прозрачность выделению.

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

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

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

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

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

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

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

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

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

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

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

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

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

Изменение заднего плана

GIMP, как и Фотошоп , располагает инструментами замены заднего плана и создания простых коллажей. Выполните следующее:

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