Me gustaría usar esta imagen en un sitio web.
Lo que debo hacer es cambiar el fondo de negro a transparente, para poder usar la flecha en mi sitio manteniendo el fondo de la página.
Usé Gimp para convertir la imagen a .png, pero ¿cómo procedo ahora?
La herramienta Color to Alpha de GIMP es muy útil si sabe cómo usarla , y esta tarea parece particularmente adecuada para ella:
#000000
) como color para hacerlo transparente.Puede usar la herramienta Seleccionar por color de GIMP o la herramienta Varita mágica. De todos modos lo haces, simplemente selecciona todos los píxeles negros. Luego, en lugar de eliminar los píxeles seleccionados, aplique una máscara de capa:
Layer -> Mask -> Add layer mask
Seleccione el Selection
botón de radio " " y asegúrese de seleccionar la Invert mask
casilla de verificación " ". Ahora, todos los píxeles negros son transparentes.
Exportar como PNG o GIF.
El problema está en los bordes alrededor de la flecha, donde podrías tener algunos píxeles negros para formar un mate. No sé en GIMP, pero Photoshop tiene una buena función para eliminar el mate anterior y/o agregar un mate de su elección.
No uso gimp, pero esta imagen es un caso simple en el que debería ser sencillo obtener una transparencia decente.
Si selecciona la imagen completa y luego la usa (o más bien la versión en escala de grises) como un canal alfa, casi ha terminado.
Dependiendo de las funciones de exportación de su software, puede elegir el alfa como la transparencia PNG o puede usar el canal alfa como una máscara de selección y eliminar la selección (mala) o usar la selección como una máscara de capa (no destructiva), luego exportar.
Aquí hay una técnica útil de GIMP que utilicé recientemente para esto, probablemente similar a "Color To Alpha" (Color To Alpha estaba atenuado para mí, aunque estaba en modo RGB), pero este método me dio una personalización útil para cómo "suave "Quería que los bordes salieran (a diferencia de las técnicas de varita mágica que dejan un borde negro delgado alrededor de la imagen, en lugar de hacer que los bordes sean parcialmente transparentes).
En pocas palabras, copié una versión en escala de grises de la imagen original en su Máscara de capa/Canal alfa, y luego usé Curvas en el Canal alfa para hacer que la mayor parte de la imagen fuera opaca mientras ajustaba la translucidez de los bordes. Efecto muy bonito y muy personalizable.
Aquí hay un paso a paso para hacerlo:
Colors > Desaturate... > Lightness
en la capa "imagen alfa"Add Alpha
(si aún no lo ha hecho)Select All
& Copy
)Paste
en el canal alfa de "imagen" (haga clic en la miniatura derecha de la capa "imagen" y luego péguela)
Opcional: haga clic derecho en "imagen" y Show Layer Mask
(debería mostrarle lo que pegó). Si omite esto, puede ver el cambio de transparencia, en vivo, durante el siguiente paso.
Color > Curves
Desmarque Show Layer Mask
para ver la transparencia aplicada.
Mover el punto de saturación de las curvas (en la parte superior de las curvas) y la velocidad con la que declina le permite ajustar cuánto de los bordes de la imagen son transparentes y cuánto.
Puedes usar Adobe Photoshop. Vaya a Seleccionar -> Gama de colores . Mientras mantiene presionada la tecla Mayús , haga clic en el color que necesita eliminar (negro en su caso). Presiona OK. Entonces todo su negro será seleccionado; ahora presiona eliminar.
John