Как сделать прозрачный фон в gimp 2.10 изображения в 3 шага

Теперь, когда установлен gimp, можно перейти к практическому его применению. В этой статье будет продемонстрировано, как сделать прозрачный фон в gimp 2.10 произвольного растрового изображения. Такая потребность часто возникает при проработке дизайна сайта, включая его отдельные компоненты, имеющие определенное значение (создание или редактирование логотипов и иконок всех вариантов, при аккуратном точном наложении одних изображений на другие и т.д.).

Общий подход

Все просто. Прежде всего, необходимо открыть требуемый элемент графики (предпочтительно в формате png) и прибавить к нему альфа-канал, с помощью которого увязывается степень прозрачности с конкретным объектом. Далее фон объекта выделяется, а его цвет удаляется, становясь прозрачным. На последнем этапе, уже измененный, он сохраняется в формате поддерживающем прозрачность (предпочтительно также в png). На этом процесс преобразования фона завершается.

Как сделать прозрачный фон в gimp 2.10 - подробности

Предлагается рассмотреть весь процесс преобразования поэтапно и подробно на примере иконки бургер. Все действия с иными графическими компонентами будут аналогичны.

Требуется поэтапно выполнить следующую последовательность пунктов, впрежде всего предварительно запустив gimp.

1-й шаг - открытие файла

• в верхнем горизонтальном меню, содержащего основные функции, щелкнуть на «Файл» (1), потом на пункт «Открыть» (2);
• в середине рабочего поля откроется требуемый графический компонент (3), если он слишком мал, как в настоящем случае, то для удобства можно увеличить его масштаб, нажав на выпадающие варианты рядом со 100% (4);
• как результат он будет увеличен (5).

2-й шаг - работа с фоном

• в основном списке функций найти и нажать следующую последовательность кнопок: «Слой» (1) --> «Прозрачность» (2) --> «Добавить альфа-канал» (3);
• в левой верхней части набора инструментов найти и активизировать «Выделение смежных областей» (4), этот инструмент представлен виде «волшебной палочки»;
• кликнуть на редактируемый фон, который отобразится, как выделенный (5);
• в главном списке функций найти и кликнуть на «Правка» (6) --> «Очистить» (7);
• как результат вышеперечисленных действий фон данного элемента станет прозрачным (8).

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

3-й шаг - сохранение файла

• «Файл» (1) --> «Сохранить как ...» (1-1);
• как результат откроется окно с предложением сохранения измененного элемента графики в формате xcf;
• определиться (2-1) с его именем (прежним или новым) и расширением (предпочтительно png), также указать место его хранения (2-2), а в итоге нажать «Сохранить» (2);
• появится небольшое окно с сообщением, что это расширение неправильное, необходимо «Перейти к диалогу экспорта» по предлагаемой ссылке (3);
• далее поочередно кликнуть на кнопки в появляющихся окнах «Экспортировать» (4) --> «Экспорт» (5);

На этом процесс преобразования исходного фона в прозрачный завершается, а измененный объект сохраняется.

Рекомендации

В данном примере работу с редактором возможно значительно упростить и ускорить, если знать следующие его особенности:

• к главному набору функций можно обратиться, нажав на правую кнопку мышки, если курсор находится в любом месте свободного пространства центральной части рабочего поля окна;
• удобно использовать специальные клавиши на клавиатуре, которые являются альтернативой пунктов меню (подсказки находятся справа от них), например клавиша «Delete» заменяет на экране кнопку «Очистить» (пункт 7 во 2-м шаге).

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

Заключение

Таким образом, в статье представлено решение часто встречающейся проблемы, как сделать прозрачный фон в gimp 2.10 любого растрового изображения.

В других статьях будет предложено продолжение освоения gimp через создание разных нужных для сайта вещей (водяных знаков, анимации ...), а также векторного редактора Inkscape.