Я хотел бы использовать это изображение на веб-сайте.
Что мне нужно сделать, так это изменить фон с черного на прозрачный, чтобы я мог использовать стрелку на своем сайте, сохраняя фон страницы.
Я использовал Gimp для преобразования изображения в .png, но что мне делать дальше?
Инструмент GIMP Color to Alpha очень удобен , если вы знаете, как его использовать , и эта задача кажется особенно подходящей для него:
#000000
) в качестве цвета, чтобы сделать его прозрачным.Вы можете использовать инструмент GIMP «Выбор по цвету» или инструмент «Волшебная палочка». Как бы вы это ни делали, просто выберите все черные пиксели. Затем вместо удаления выделенных пикселей примените маску слоя:
Layer -> Mask -> Add layer mask
Выберите переключатель " Selection
" и обязательно установите флажок " Invert mask
". Теперь все черные пиксели прозрачны.
Экспорт в формате PNG или GIF.
Проблема заключается в краях вокруг стрелки, где у вас могут быть черные пиксели, образующие подложку. Я не знаю, как в GIMP, но в Photoshop есть хорошая функция, позволяющая удалить предыдущую подложку и / или добавить подложку по вашему выбору.
Я не использую gimp, но это изображение — простой случай, когда должно быть просто получить достойную прозрачность.
Если вы выберете все изображение, а затем используете его (или, скорее, версию в оттенках серого) в качестве альфа-канала, вы почти закончили.
В зависимости от функций экспорта вашего программного обеспечения вы можете просто выбрать альфа-канал в качестве прозрачности PNG, или вы можете использовать альфа-канал в качестве маски выделения и удалить выделение (плохое) или использовать выделение в качестве маски слоя (неразрушающий), а затем экспорт.
Вот полезный метод GIMP, который я недавно использовал для этого — вероятно, похожий на «Цвет в альфа-канал» (Цвет в альфа-канал был для меня серым, хотя я был в режиме RGB), но этот метод дал мне некоторые полезные настройки для того, как «мягко «Я хотел, чтобы края вышли (в отличие от методов волшебной палочки, которые оставляют тонкую черную рамку вокруг изображения, а не делают края частично прозрачными).
В двух словах, я скопировал версию исходного изображения в градациях серого в его слой-маску/альфа-канал, а затем использовал кривые на альфа-канале, чтобы сделать большую часть изображения непрозрачным, регулируя прозрачность краев. Очень хороший эффект и очень настраиваемый.
Вот шаг за шагом, чтобы сделать это:
Colors > Desaturate... > Lightness
на слое "изображение альфа"Add Alpha
(если это еще не сделано)Select All
и Copy
)Paste
его на альфа-канал «изображения» (щелкните правую миниатюру слоя «изображение», а затем вставьте его)
Необязательно: щелкните правой кнопкой мыши «изображение» и Show Layer Mask
(должно показать вам, что вы вставили). Если вы пропустите это, вы сможете увидеть изменение прозрачности вживую на следующем шаге.
Color > Curves
Снимите флажок Show Layer Mask
, чтобы увидеть примененную прозрачность.
Перемещение точки насыщения кривых (в верхней части кривых) и скорости, с которой она снижается, позволяет настроить, насколько края изображения прозрачны и насколько.
Вы можете использовать Adobe Photoshop. Перейдите в меню « Выбор » -> « Цветовой диапазон » . Удерживая нажатой клавишу Shift , щелкните цвет, который нужно удалить (в вашем случае черный). Нажмите ок. Тогда все ваше черное будет выделено; теперь нажмите удалить.
Джон