Додайте прозорість до існуючого PNG


63

Я хотів би використовувати це зображення на веб-сайті.

введіть тут опис зображення

Що мені потрібно зробити - це змінити фон з чорного на прозорий, щоб я міг використовувати стрілку на своєму сайті, підтримуючи фон сторінки.

Я використовував Gimp для перетворення зображення в .png, але як мені діяти зараз?


2
Для всіх, хто шукає рішення Photoshop для перетворення чорного або білого фонів у прозорий, дивіться цю тему .
Іван

Відповіді:


70

Інструмент " Колір до Альфи" GIMP дуже зручний, якщо ви знаєте, як ним користуватися , і це завдання здається особливо підходящим для нього:

  1. Відкрийте зображення в GIMP та при необхідності змініть його на кольоровий режим RGB.
  2. Виберіть Шар → Прозорість → Колір до Альфа ...
  3. Виберіть чорний ( #000000) як колір, щоб зробити прозорим.
  4. Натисніть "ОК".
  5. Збережіть отримане зображення у форматі PNG:
    Зображення з прозорістю

2
Фантастичний - це була лише відповідь, яка мені потрібна! Лише вгору - якщо опція "колір до альфа" замурована, це означає, що ваше зображення знаходиться в кольоровому режимі з індексом. Для виправлення перейдіть до зображення -> Режим -> RGB. Ура!

@Heather: Дякую, що помітили це, я додав примітку про це у відповідь. Насправді перетворення в RGB - це найперше, що ви хочете зробити з індексованими зображеннями в GIMP, за винятком випадків, якщо ви не хочете, щоб ваші зміни були обмежені існуючою палітрою.
Ільмарі Каронен

Як це зробити в графічному редакторі Paint.NET?
Boris_yo

1
@Boris_yo: Схоже, плагін Unblend для Paint.NET повинен робити те саме, що і Колір до Альфи в GIMP. Я сам цього не пробував.
Ільмарі Каронен

Спасибі це працювало, але підпис, який був чорним, тому що яскравіше трохи. Спробував грати з яскравістю контраст, і це лише трохи допомогло.
Boris_yo

11

Ви можете використовувати інструмент "Вибір GIMP" за кольором або інструмент "Чарівна паличка". Як би ви це не зробили, просто виберіть усі чорні пікселі. Потім замість видалення вибраних пікселів застосуйте маску шару:

Layer -> Mask -> Add layer mask

Виберіть Selectionперемикач " " і переконайтесь, що ви поставите Invert maskпрапорець. Тепер усі чорні пікселі прозорі.

Експорт у форматі PNG або GIF.

Проблема полягає в краях навколо стрілки, де у вас можуть бути чорні пікселі для формування матових. Я не знаю в GIMP, але Photoshop має гарну функцію видалити попередній матовий та / або додати матовий на ваш вибір.


4

Я не використовую gimp, але це зображення є простим випадком, коли для отримання гідної прозорості слід просто.

Якщо ви виберете все зображення, а потім використаєте це (а точніше - версію сірого масштабу) як альфа-канал, ви майже все зробите.

Залежно від ваших функцій експорту програмного забезпечення, ви можете просто вибрати альфа як прозорість PNG або ви можете використовувати альфа-канал як маску вибору та видалити виділення (неправильно) або використовувати функцію як маску шару (неруйнівної), потім експорт.


4

Ось корисна методика GIMP, яку я нещодавно використовував для цього - напевно, схожа на "Color To Alpha" (Колір для Альфи був для мене сірим, навіть якщо я був у режимі RGB), але цей метод дав мені корисну настройку для того, як "soft "Я хотів, щоб краї вийшли (на відміну від технік чарівної палички, які залишають навколо зображення тонку чорну облямівку, а не роблять краї частково прозорими).

Коротше кажучи, я скопіював версію оригінального зображення у відтінку сірого до свого шару "Маска шару" / "Альфа-канал", а потім використав "Криві" на Альфа-каналі, щоб зробити більшу частину зображення непрозорим, регулюючи, наскільки напівпрозорі краї повинні бути. Дуже приємний ефект і дуже настроюється.

Ось крок за кроком, щоб зробити це:

  • Починаючи з шару з початковим зображенням на ньому під назвою "зображення"
  • Скопіюйте шар "зображення" на новий шар, який називається "альфа зображення" (за допомогою кнопки "Дублікат шару" в діалоговому вікні "Шари")
  • Colors > Desaturate... > Lightness на шарі "зображення альфа"
  • Клацніть правою кнопкою миші шар "зображення" і Add Alpha(якщо цього ще не зроблено)
  • Скопіюйте весь "альфа зображення" (у шар "зображення альфа" Select Allта & Copy)
  • Paste перейдіть на альфа-канал "зображення" (клацніть правою ескізом шару "зображення" та вставте його)

    • Попередні кроки, можливо, ідентичні одній команді "Колір альфа"
  • Необов’язково: клацніть правою кнопкою миші «зображення» і Show Layer Mask(має показати вам, що ви вставили). Якщо пропустити це, під час наступного кроку ви побачите зміни прозорості.

  • Color > Curves
  • У діалоговому вікні "Криві" зробіть криву плоскою вгорі і потім швидко зменшуючи ліворуч, внаслідок чого більшість яскравих пікселів стають повністю білими (тобто зображення там непрозоре).
  • Зніміть прапорці, Show Layer Maskщоб побачити застосовану прозорість.

    Переміщення точки насичення кривих (у верхній частині кривих) та швидкість, з якою вона зменшується, дозволяє налаштувати лише те, наскільки краї зображень прозорі та скільки.


1
Привіт, Демісе, ласкаво просимо на GDSE і дякуємо за вашу відповідь! Для того, щоб зробити ваші "зрозуміліші", я б радив використовувати параметри "список куль" або "Пронумерований список". Ще раз дякую та насолоджуйтесь сайтом!
Вінсент

2

Ви можете використовувати Adobe Photoshop. Перейдіть до пункту Вибір -> Колірний діапазон . Утримуючи Shift , натисніть на колір, який потрібно видалити (чорний у вашому випадку). Натисніть ОК. Тоді буде вибрано все ваше чорне; тепер натисніть видалити.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.