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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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, «Маски слоя» .

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

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

Данная статья расскажет вам как сделать прозрачный фон изображения в графическом редакторе 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. Она является единственным приложением, которое по своему функционалу практически не уступает платным аналогам, в частности 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, а широкий функционал этого графического редактора просто поражает.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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