Как сделать прозрачный фон изображения в GIMP. Как сделать прозрачный фон в 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 отвечает за прозрачность. Этим композитом является альфа-канал. В дальнейшем это знание пригодится нам. Также следует сказать, что прозрачность поддерживают не все типы изображений. Например, файлы формата PNG или GIF могут иметь прозрачный фон, а JPEG – нет.
Прозрачность требуется в различных случаях. Она может быть уместна как в контексте самого изображения, так и являться элементом для накладывания одной картинки на другую при создании комплексного изображения, а также применяться в некоторых других случаях.
Варианты создания прозрачности в программе GIMP зависят от того, создаем ли мы новый файл, или редактируем уже готовое изображение. Ниже мы подробно разберемся, как можно добиться желаемого результата в обоих случаях.
Создание нового изображения с прозрачным фоном
Для того, чтобы создать изображение с прозрачным фоном, прежде всего, открываем в верхнем меню раздел «Файл», и выбираем пункт «Создать».
Появляется окно, в котором задаются параметры создаваемого изображения. Но, на них внимание мы заострять не будем, так как целью является показать алгоритм создания изображения с прозрачным фоном. Жмем на «плюсик» около надписи «Расширенные параметры», и перед нами открывается дополнительный список.
В открывшихся дополнительных настройках в пункте «Заполнение» отрываем список с вариантами, и выбираем «Прозрачны слой». После этого жмем на кнопку «OK».
Затем, вы можете приступать непосредственно к созданию изображения. В итоге, оно будет располагаться на прозрачном фоне. Но, только не забудьте сохранить его в одном из форматов, поддерживающем прозрачность.
Создание прозрачного фона у готового изображения
Тем не менее, чаще всего требуется сделать прозрачным фон не у картинки, создаваемой «с нуля», а у готового изображения, которое следует отредактировать. Для этого, опять в меню заходим в раздел «Файл», но на этот раз выбираем пункт «Открыть».
Перед нами открывается окно, в котором нужно выбрать редактируемое изображение. После того, как мы определились с выбором картинки, жмем на кнопку «Открыть».
Как только файл откроется в программе, опять возвращаемся в главное меню. Последовательно кликаем на пункты «Слой» — «Прозрачность» — «Добавить альфа-канал».
Далее применяем инструмент, который носит название «Выделение смежных областей», хотя большинство пользователей из-за характерной иконки называют его «волшебной палочкой». «Волшебная палочка» расположена на панели инструментов в левой части программы. Кликаем по логотипу этого инструмента.
Поле этого, кликаем «волшебной палочкой» по фону, и жмем на кнопку Delete на клавиатуре. Как видим, вследствие данных действий, фон становится прозрачным.
Сделать прозрачный фон в программе GIMP не так просто, как кажется на первый взгляд. Непосвященный пользователь может долго разбираться с настройками программы в поисках решения, но так и не найти его. Вместе с тем, зная алгоритм выполнения данной процедуры, создание прозрачного фона у изображений, с каждым разом, по мере «набивания руки», становится все проще и проще.
С открытым исходным кодом, который можно установить бесплатно на Linux и Windows.
Как изменить фон изображения в приложении GIMP.
По функционалу уступает Фотошопу , но тем не менее содержит широкие возможности:
- Настройка рабочей среды.
- Удобный полноэкранный режим.
- Коррекция фотографий: трансформация, перспектива, цветокоррекция, различные фильтры.
- Ретуширование.
- Поддержка различного оборудования и форматов файлов, в том числе psd.
GIMP позволяет работать со слоями, контурами, масками, каналами, использовать инструменты рисования, выделения, оформления текста, добавлять плагины и скрипты. С официального сайта программы можно скачать весьма подробную инструкцию на русском языке. По сути, приложение упрощённо повторяет функции известного редактора Photoshop . Используется для быстрого редактирования фото и рисунков, например, иконок для интернета. Плюсом по сравнению Фотошопом является его намного более быстрая загрузка при средних характеристиках компьютера.
Часто при подготовке изображений для интернета требуется поменять фон в GIMP или сделать его прозрачным. Для этого не нужно обладать специальными навыками, но требуются терпение, усидчивость и аккуратность.
Создание прозрачности
Если вы хотите создать новое изображение, у которого прозрачный фон, выполните следующее:
После того как изображение готово, вы должны сохранить его в одном из форматов, поддерживающих прозрачный слой, например, png или gif.
ВАЖНО. Популярный формат jpeg не поддерживает такую возможность, и прозрачные слои будут заменены белыми.
Убрать фон у готового изображения можно следующим образом:
Сделать корректное выделение в GIMP можно при помощи следующих инструментов:
После удаления выделенного фона вы можете подкорректировать края ластиком, убирая лишнее. В также если остались ненужные области внутри изображения, можно опять выделить его указанными выше инструментами и нажать Delete.
Изменение заднего плана
GIMP, как и Фотошоп , располагает инструментами замены заднего плана и создания простых коллажей. Выполните следующее:
Откройте изображение. Выделите задний план одним из описанных выше инструментов. Измените фон.
Прозрачность слоя или фона позволяет накладывать друг на друга разные части изображения или сливать несколько изображений в одно. Это принцип мультипликации, в частности. В Gimp, как и в других редакторах растровой графики, можно создать новый файл с заранее заданным прозрачным фоном. Можно задать прозрачность фона для уже существующего файла, сохраненного даже в форматах, ее не поддерживающих. Наконец, можно использовать разные эффекты на базе прозрачности.
За прозрачность в Gimp отвечает так называемый альфа-канал. Рассмотрим все три перечисленных выше варианта в самом простом исполнении.
1. Создание нового файла с прозрачным фоном. Открываем меню Файл — Создать . Появится окно, в котором можно задать все параметры нового изображения. Шаблон и размер изображения являются основными параметрами. Остальные вызываются нажатием плюсика возле фразы Расширенные параметры . Среди расширенных параметров и находится опция Прозрачный фон. Чтобы добраться до нее, нажимаем треугольничек напротив слова Фон и выбираем Прозрачный . При не следует забывать, что расширение jpg не поддерживает прозрачность.
2. Другой вариант. У нас уже есть изображение в формате jpg — это скачанная из интернета рамочка, которая почему-то потеряла свою прозрачность в центре. Что с ней сделать? , который должен быть, чтобы можно было вставить внутрь фотографию. Понятно, что нужно удалить, то есть стереть эту самую середину. Обычно она белого цвета, следовательно можно воспользоваться инструментом, который в Gimp называется Выделение смежных областей, но по привычке, оставшейся от фотошопа, его называют волшебной палочкой. Все бы хорошо, но почему-то вместо вырезанной области все равно остается цвет фона. Не прозрачный. Исправить ситуацию можно, добавив к изображению альфа-канал. Итак, выбираем либо в верхнем меню, либо, в контекстном по правому щелчку мыши, Слой — Прозрачность — Альфа-канал. Теперь при удалении любой области пространство под ней становится прозрачным.
Теперь уже можно смело щелкнуть волшебной палочкой по центру и нажать DELETE. Появится желаемая прозрачность в центре рамочки. Для большего эффекта можно до вырезания немного растушевать выделение. Для этого выбираем Выделение — Растушевать . Задаем нужное количество точек растра или других единиц. Только потом производим операцию удаления. Вот что может получиться.
Так как выделение в дальнейшем не понадобится, снимаем его: Выделение — Снять .
3. Наконец, рассмотрим один из простых, но очень интересных эффектов, который называется Карта без швов . Еще этот фильтр называют бесшовным прозрачным фоном. Используем для работы ту же рамочку, что и прежде. Смотрим скриншоты. Открываем файл с рамочкой, выбираем в меню Фильтры — Карта — Без швов . Далее работаем в окне Слои, Каналы, Контуры, Отменить . Если это окно не видно, то активируем его и делаем видимым через пункт меню Окна .