Сделать прозрачный фон gimp

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

Безусловно всем нравятся фотки с размытым фоном. В чем же привлекательность таких кадров? А дело в том, что с помощью размытия мы убираем весь лишний мусор , который засоряет фон на фотографии и остается резким, только основной объект съемки, который мы фотографируем. Взгляните на эти кадры.

Или например, при фотографировании какого нибудь блюда

От таких фотографий так и веет «профессиональностью».

Как же сделать такой размытый фон?

Создайте тишину…, сейчас я раскрою вам страшную тайну рецепта такого кадра. Вам понадобится:

1) Хороший фотоаппарат, преимущественно «зеркалка» со сменными объективами, например бюджетный вариант Canon 1100d

2) Объектив с большой диафрагмой, например если у вас фотокамера компании Canon (как и у меня), то самым дешевым вариантом будет покупка объектива Canon 50 1.8

3) Одеваем объектив на камеру и устанавливаем творческий режим AV (или ручной — М), который позволяет регулировать значение диафрагмы.

4) Выставляем диафрагму на 2, а еще лучше на 1.8

5) Снимаем…

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

И как это делается, мы сейчас узнаем из сегодняшнего урока.

Шаг 1. Открываем исходное фото в редакторе

Шаг 2. На следующем шаге нужно выделить основной объект на фото, который мы хотим сделать резким. Для этого самым простым, но и в тоже время универсальным методом будет использование инструмента «Свободное выделение» или так называемое «Лассо» (как в фотошопе). После этого аккуратно обводим объект. Чем больше контрольных точек вы поставите, тем лучше.

Шаг 3. Пока активно выделение создаем копию исходного фото через меню «Слой –Создать копию» или нажав на пиктограмму «Создать копию слоя»

Шаг 4. Теперь нужно щелкнуть правой кнопкой мыши по верхнему слою и из открывшего контекстового меню выбрать пункт «Добавить альфа-канал».

После этого нажимаем кнопку Del. Посмотрите, что должно у вас получиться если временно отключить видимость нижнего слоя.

Снова включаем видимость ниженго слоя и снимаем выделение через «Выделение -Снять»

Шаг 5. Теперь воспользуемся стандартным фильтром редактора размытия через меню «Фильтры – Размывание – Гауссово размывание» и в настройках выставляем нужное значение.

Справка: Данное значение зависит от исходной фотографии. Чем больше разрешение (размер фотки) тем больше вводимый параметр. Для данного примера я взял размер 30px

Шаг 6. По необходимости можно отрегулировать непрозрачность верхнего слоя с эффектом, для этого сдвиньте ползунок непрозрачности влево до получения желаемого эффекта. Например, я поставил значение 80.

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

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

На этом у меня все. Всем спасибо за внимание и до встречи в новых уроках.

P.S. Отдельное спасибо читательнице Lare, за идею урока!

С уважением, Антон Лапшин!

Маленький БОНУС:

Пожалуйста, , нажав на звездочки ниже:

P.S. Хотите получать АНОНСЫ НОВЫХ УРОКОВ к себе НА E-MAIL? Тогда подписывайтесь на обновления блога. Буду рад видеть вас среди своих читателей.

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

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

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

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

Как сделать прозрачный фон в Gimp

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


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

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

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

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


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

  • активируем окно с пингвином и через Правка/Копировать видимое (Shift+Ctrl+C) копируем пингвина в буфер обмена;
  • затем переходим в окно с пальмой через Правка/Вставить (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. Как наложить изображение с прозрачным фоном поверх существующего. Быстро пробежались по альфа-каналу. Узнали какие графические форматы поддерживают прозрачность. На простом примере была продемонстрирована работа с прозрачным фоном.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *