Чаще всего прозрачный фон в изображении требуется для создания фирменных знаков, коллажей и логотипов для видеороликов. Титры в фильме, графические мемы в 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. В были рассмотрены основные операции по работе с изображениями - яркость, контраст, уровни, цветовой баланс, добавление надписей. В этой статье мы попробуем разобраться со слоями.
Чтобы представить себе, что такое слой , стоит вспомнить глубокое детство, когда на уроках труда в 1 классе мы делали аппликации из цветной бумаги - на картонку выкладывались вырезанные фигурки, формировалась картинка, а потом все эти фигурки приклеивались клеем к картонке. Этот же принцип лежит в основе работы со слоями в GIMP. Картонка - это фон, а фигурки - это слои. Пока картинка не "склеена", слои можно как угодно передвигать, растягивать, поворачивать независимо друг от друга. Но при сохренении изображеия в формате JPEG все слои намертво "приклеиваются" к фону и если их оторвать от фона, на этом месте останется "дырка".
Слои могут быть как сплошными, так и полупрозрачными. Их можно легко перегруппировывать друг относительно друга. Их можно трансформировать - изменять размеры и форму (например в виде перспективы). Словом, ни один фотомонтаж не обходится без использования слоев.
Давайте посмотрим "на одном квадратном миллиметре", как в GIMP вырезать фрагмент из одной фотографии и вклеить его в другую.
Предположим, нам нужно изображение 1 вставить в рамку, изображенную на изображении 2 с учетом перспективы.
Для выполнения этого немудреного задания нужно выполнить следующие шаги.
Таким образом, мы освоили базовые функции 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 отвечает за прозрачность. Этим композитом является альфа-канал. В дальнейшем это знание пригодится нам. Также следует сказать, что прозрачность поддерживают не все типы изображений. Например, файлы формата PNG или GIF могут иметь прозрачный фон, а JPEG – нет.
Прозрачность требуется в различных случаях. Она может быть уместна как в контексте самого изображения, так и являться элементом для накладывания одной картинки на другую при создании комплексного изображения, а также применяться в некоторых других случаях.
Варианты создания прозрачности в программе GIMP зависят от того, создаем ли мы новый файл, или редактируем уже готовое изображение. Ниже мы подробно разберемся, как можно добиться желаемого результата в обоих случаях.
Создание нового изображения с прозрачным фоном
Для того, чтобы создать изображение с прозрачным фоном, прежде всего, открываем в верхнем меню раздел «Файл», и выбираем пункт «Создать».
Появляется окно, в котором задаются параметры создаваемого изображения. Но, на них внимание мы заострять не будем, так как целью является показать алгоритм создания изображения с прозрачным фоном. Жмем на «плюсик» около надписи «Расширенные параметры», и перед нами открывается дополнительный список.
В открывшихся дополнительных настройках в пункте «Заполнение» отрываем список с вариантами, и выбираем «Прозрачны слой». После этого жмем на кнопку «OK».
Затем, вы можете приступать непосредственно к созданию изображения. В итоге, оно будет располагаться на прозрачном фоне. Но, только не забудьте сохранить его в одном из форматов, поддерживающем прозрачность.
Создание прозрачного фона у готового изображения
Тем не менее, чаще всего требуется сделать прозрачным фон не у картинки, создаваемой «с нуля», а у готового изображения, которое следует отредактировать. Для этого, опять в меню заходим в раздел «Файл», но на этот раз выбираем пункт «Открыть».
Перед нами открывается окно, в котором нужно выбрать редактируемое изображение. После того, как мы определились с выбором картинки, жмем на кнопку «Открыть».
Как только файл откроется в программе, опять возвращаемся в главное меню. Последовательно кликаем на пункты «Слой» — «Прозрачность» — «Добавить альфа-канал».
Далее применяем инструмент, который носит название «Выделение смежных областей», хотя большинство пользователей из-за характерной иконки называют его «волшебной палочкой». «Волшебная палочка» расположена на панели инструментов в левой части программы. Кликаем по логотипу этого инструмента.
Поле этого, кликаем «волшебной палочкой» по фону, и жмем на кнопку Delete на клавиатуре. Как видим, вследствие данных действий, фон становится прозрачным.
Сделать прозрачный фон в программе GIMP не так просто, как кажется на первый взгляд. Непосвященный пользователь может долго разбираться с настройками программы в поисках решения, но так и не найти его. Вместе с тем, зная алгоритм выполнения данной процедуры, создание прозрачного фона у изображений, с каждым разом, по мере «набивания руки», становится все проще и проще.
Данная статья расскажет вам как сделать прозрачный фон изображения в графическом редакторе 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.
