У меня есть несколько jpg-изображений, и мне нужно, чтобы каждое из них имело прозрачный фон.
В качестве графического инструмента у меня GIMP.
Мне нужно поместить их на веб-страницу, при этом я должен видеть только основной элемент и иметь прозрачный фон.
Развивая ответ utopicam'a, можно сказать, что иногда изображение может содержать области, например, тени, которые необходимо сделать полупрозрачными. Например, допустим, у вас есть фотография, снятая в лайтбоксе, такая как эта красивая и свободно лицензируемая фотография шведской деревянной игрушечной лошадки, любезно предоставленная Creative Tools:
В общем случае первым шагом будет настройка уровней изображения до тех пор, пока фон не станет сплошным белым, за исключением теней и отражений, которые мы хотим сохранить. (Эту технику можно использовать и с серым или цветным фоном, но добиться хороших результатов в этом случае несколько сложнее). В данном случае изображение уже хорошо откорректировано, поэтому нам ничего не нужно делать.
Следующий шаг - выделение фона. Это оказалось довольно просто сделать с помощью инструмента Волшебная палочка, хотя мне пришлось подправить некоторые места, где белые полосы на объекте сливаются с фоном, с помощью инструмента Лассо. Кроме того, после выделения фона я расширил выделение на несколько пикселей (при полном разрешении), чтобы избежать появления беловатого ореола вокруг объекта из-за алиасинга. (На уменьшенном скриншоте этого не видно, но, если можно так выразиться, мне действительно удалось проделать неплохую работу с выделением).
Теперь, 39;вот в чем хитрость: вместо того чтобы просто вырезать фон, я использовал Colors → Color to Alpha, чтобы изменить цвет фона (белый) на прозрачный. (Можно также использовать ведерную заливку с режимом Color Erase, как советует utopicam). Если применить это ко всему изображению, то объект тоже будет выглядеть полупрозрачным, но поскольку выделен только фон, тени становятся полупрозрачными, а сам объект остается непрозрачным:
А вот то же самое изображение на бледно-голубом фоне, чтобы лучше показать полупрозрачные тени и отражения:
Еще один прием, который я не показал: часто удобнее сделать две копии слоя с изображением, преобразовать выделение в маску слоя на верхнем слое, а к нижнему применить Color to Alpha. Это позволяет точно настроить края объекта, редактируя маску, и при этом видеть вживую, как будет выглядеть результат. (Совет: создайте несколько фоновых слоев, заполненных разными цветами, чтобы можно было легко проверить, как выглядит изображение на разных фонах). В частности, иногда можно сделать блики у краев объекта слегка полупрозрачными, чтобы результат выглядел приятнее и естественнее, поскольку это имитирует отражение фона от объекта.
Примечание: Этот учебник также доступен в формате PDF
.
В некоторых типах изображений отсутствует канал прозрачности, например, в JPG. В этом случае добавьте альфа-канал прозрачности.
Для этого выберите команду Слой → Прозрачность → Добавить альфа-канал
.
Следующий шаг необязателен и заключается в том, что область, которая должна стать прозрачной, сначала заливается обычным цветом. Выберите инструмент "Ведерная заливка" или нажмите Shift+B. В опциях панели инструментов Заливка ковша
выберите опцию Заливать прозрачные области
только в случае необходимости. Выберите BG color fill
и Sample merged
и проведите несколько попыток, регулируя Threshold
для достижения наилучшего результата. В промежутках нажимайте Ctrl+Z для отмены.
Некоторое смешение цветов будет неизбежным и даже желательным. (Поэтому выберите цвет, совместимый с фоном, на котором будет использоваться полученное изображение.
Для изменения цвета фона щелкните на прямоугольнике цвета фона в верхней половине окна Опции инструмента
.
Здесь я использовал f3f3e9
в качестве цвета фона для простой цветовой заливки.
Однако можно также использовать инструмент "Пипетка", чтобы выбрать цвет из любого места на рабочем столе.
Теперь правильнее всего будет выполнить команду Select → By Colour
.
Может возникнуть соблазн выполнить команду Цвет к прозрачности
, однако это приведет к изменению полупрозрачных областей в нужной области изображения.
На этот раз выберите опцию Заполнить прозрачные области
, а также Объединить выборку
. В данном примере я не стал применять ни Сглаживание
, ни Размытие краев
. Тем не менее, поэкспериментируйте с этими настройками и выберите то, что выглядит лучше всего. Для достижения наилучших результатов проведите несколько попыток, регулируя Threshold
. В промежутках нажимайте Ctrl+Z для отмены.
Иногда бывает трудно добиться точного выбора цвета. Часть нужной области изображения может быть выделена и из-за совпадения цвета. В данном случае, и это едва заметно, девять нужных пикселей в середине трубы также были выбраны для удаления. В этом случае используйте Ctrl+Drag
с выбранным инструментом Select
для выделения вычитаемой области выделения.
.
При выделении желаемого изображения некоторые оттенки фона могут остаться невыделенными. В этом случае увеличьте выделение на пиксель с помощью команды Выделить → Увеличить... → 1px
.
Как только нужная область прозрачности будет выделена, просто нажмите кнопку Delete.
После выделения нужной области прозрачности просто нажмите Delete]8.
Наконец, экспортируйте прозрачное изображение командой File → Export As...
в формат файла, поддерживающий прозрачность. Желательно, чтобы это был PNG, но подойдет и GIF.
Похоже, что нужно обрезать некоторые части jpg-файлов (например, главную фигуру) и удалить "фон". Это можно сделать с помощью инструмента "Лассо".
На сайте gimp есть много руководств и объяснений. Посмотрите этот http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection и этот: http://docs.gimp.org/en/gimp-tool-free-select.html.
При полигональном выделении при каждом щелчке создается точка привязки. Затем перемещение указателя мыши рисует линию с новой точкой привязки, которую можно перемещать до тех пор, пока вы не щелкнете снова.
Инструмент "Лассо" можно использовать различными способами:
Из строки меню изображения Инструменты → Инструменты выделения → Свободное выделение,
щелчком на значке инструмента в панели инструментов,
с помощью сочетания клавиш F
.
Чтобы сделать сплошной фон изображения прозрачным, добавьте альфа-канал и выделите фон с помощью Волшебной палочки. Затем с помощью инструмента Color Picker выберите цвет фона, который станет цветом переднего плана в Toolbox. Используйте инструмент "Ведерная заливка" для выбранного цвета. Установите режим заливки "Color Erase", при котором стираются пиксели с выбранным цветом; остальные пиксели стираются частично, а их цвет изменяется.