Создать в gimp рисунок с прозрачным фоном. Создание прозрачного фона в программе 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 отвечает так называемый альфа-канал. Рассмотрим все три перечисленных выше варианта в самом простом исполнении.

1. Создание нового файла с прозрачным фоном. Открываем меню Файл Создать . Появится окно, в котором можно задать все параметры нового изображения. Шаблон и размер изображения являются основными параметрами. Остальные вызываются нажатием плюсика возле фразы Расширенные параметры . Среди расширенных параметров и находится опция Прозрачный фон. Чтобы добраться до нее, нажимаем треугольничек напротив слова Фон и выбираем Прозрачный . При не следует забывать, что расширение jpg не поддерживает прозрачность.

2. Другой вариант. У нас уже есть изображение в формате jpg — это скачанная из интернета рамочка, которая почему-то потеряла свою прозрачность в центре. Что с ней сделать? , который должен быть, чтобы можно было вставить внутрь фотографию. Понятно, что нужно удалить, то есть стереть эту самую середину. Обычно она белого цвета, следовательно можно воспользоваться инструментом, который в Gimp называется Выделение смежных областей, но по привычке, оставшейся от фотошопа, его называют волшебной палочкой. Все бы хорошо, но почему-то вместо вырезанной области все равно остается цвет фона. Не прозрачный. Исправить ситуацию можно, добавив к изображению альфа-канал. Итак, выбираем либо в верхнем меню, либо, в контекстном по правому щелчку мыши, Слой — Прозрачность — Альфа-канал. Теперь при удалении любой области пространство под ней становится прозрачным.

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

Так как выделение в дальнейшем не понадобится, снимаем его: Выделение Снять .

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

Инструкция

Обязательно сделайте резервную копию оригинала изображения (либо сохраните его под другим именем и лишь затем приступайте к модификации).

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

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

Можно обойтись и без создания нового изображения. Для этого в меню «Правка» выберите пункт «Инвертировать выделение». Объект перестанет быть выделенным, зато таковым станет фон. Чтобы его удалить, в старой версии GIMP нажмите Ctrl+K, а в новой - Ctrl+X. После этого выберите желаемый цвет фона и выполните операцию «Изображение» - «Свести изображение».

Для удаления фона вторым способом вместо инструмента «Ножницы» используйте инструмент «Ластик». Выберите желаемый цвет фона , а затем установите такой диаметр ластика, чтобы им было легко стирать фон вокруг объекта. Расчистив пространство вокруг него, оставшиеся участки фона удалите, используя инструмент «Прямоугольное выделение» и сочетание клавиш Ctrk+K (либо Ctrl+X). Затем сведите изображение, как указано выше.

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

Связанная статья

Источники:

  • как удалить фон на фото в гимпе

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

Инструкция

Самый простой вариант – это воспользоваться программой Adobe Photoshop. Откройте программу и загрузите фотографию, которую требуется обрезать. На панели инструментов найдите инструмент Crop, которого как черная . Левой клавишей мыши выделите на прямоугольный фрагмент, скадрируйте его на глаз или укажите нужные в верхней панели, и нажмите Enter. Сохраните изображение под любым именем.

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

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