Me gustaría usar esta imagen en un sitio web.

ingrese la descripción de la imagen aquí

Lo que necesito 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?

Comentarios

  • Para cualquiera que busque una solución de Photoshop para convertir fondos blancos o negros transparentes, vea este hilo .

Responder

La herramienta Color to Alpha de GIMP «es muy útil si sabe cómo usarlo , y esta tarea parece particularmente adecuada para ello:

  1. Abra la imagen en GIMP y cámbiela al modo de color RGB si es necesario.
  2. Seleccione Capa → Transparencia → Color a alfa …
  3. Seleccione negro (#000000) como color para hacerlo transparente.
  4. Haga clic en «Aceptar».
  5. Guarde la imagen resultante en formato PNG:
    Imagen con transparencia

Comentarios

  • Fantástico, ¡esa fue la respuesta que necesitaba! Solo un aviso: si la opción ‘ color a alfa ‘ está atenuada, significa que su imagen está en modo de color indexado. Para rectificar, vaya a Imagen – > Modo – > RGB. ¡Salud!
  • @Heather: Gracias por ver eso, ‘ he agregado una nota al respecto a la respuesta. De hecho, la conversión a RGB suele ser lo primero que desea hacer en las imágenes indexadas en GIMP de todos modos, a menos que desee que sus ediciones se limiten a la paleta existente.
  • Cómo ¿haces esto en el editor gráfico Paint.NET?
  • @Boris_yo: Parece que el Unblend plugin para Paint.NET debería hacer lo mismo como Color a Alfa en GIMP. Sin embargo, ‘ no lo he probado yo mismo.
  • Gracias, funcionó, pero la firma era negra porque era un poco más brillante. Intenté jugar con brillo y contraste y solo ayudó un poco.

Respuesta

Podrías usar GIMP » s seleccione la herramienta de color o la herramienta Varita mágica. De todos modos, seleccione 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 botón de opción «Selection» y asegúrese de seleccionar la casilla de verificación «Invert mask«. Ahora, todos los los píxeles negros son transparentes.

Exportar como PNG o GIF.

El problema está en los bordes alrededor de la flecha, donde puede haber algunos píxeles negros para formar un mate. No » No lo sé en GIMP, pero Photoshop tiene una buena función para eliminar el mate anterior y / o agregar un mate de su elección.

Respuesta

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 en lugar de la versión en escala de grises) como canal alfa, ya casi ha terminado.

Dependiendo de las características de exportación de su software, puede elegir el alfa como transparencia PNG o puede usar el canal alfa como una selección enmascarar y eliminar la selección (mala) o usar la selección como una máscara de capa (no destructiva), luego exportar.

Responder

Aquí hay una técnica de GIMP útil 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 cuán «suaves» quería que salieran los bordes (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é un 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 sea opaca mientras ajusta qué tan translúcida los bordes deben ser. Efecto muy bonito y muy personalizable.

Aquí hay un paso a paso para hacerlo:

  • Comenzando con una capa con la imagen original llamada «imagen»
  • Duplica la capa «imagen» en una nueva capa llamada «imagen alfa» (con el botón Duplicar capa en el cuadro de diálogo Capas)
  • Colors > Desaturate... > Lightness en «imagen alfa» capa
  • Haga clic con el botón derecho en la capa «imagen» y Add Alpha (si aún no lo ha hecho)
  • Copie toda la «imagen alfa» ( en la capa «image alpha», Select All & Copy)
  • Paste en el canal Alfa de «imagen» (haga clic en la miniatura derecha de la capa «imagen» y luego péguela)

    • Los pasos anteriores son posiblemente idénticos al comando «Color a alfa»
  • Opcional: haga clic con el botón derecho en «imagen» y Show Layer Mask (debería mostrarte lo que pegaste). Si omite esto, puede ver el cambio de transparencia, en vivo, durante el siguiente paso.

  • Color > Curves
  • En el cuadro de diálogo Curvas, haga que la curva sea plana en la parte superior & y luego disminuya rápidamente hacia la izquierda, lo que hace que la mayoría de los píxeles brillantes se vuelvan completamente blancos (es decir, la imagen es opaca allí).
  • Desmarque Show Layer Mask para ver la transparencia aplicada.

    Moviendo el punto de saturación de 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.

Comentarios

  • Hola Demis, bienvenido a GDSE y gracias por tu respuesta! Para que tu procedimiento sea más legible, ‘ recomiendo el uso de la ‘ lista de viñetas ‘ o ‘ lista numerada ‘ opciones. ¡Gracias de nuevo y disfrute del sitio!

Respuesta

Puede utilizar Adobe Photoshop. Vaya a Seleccionar -> Gama de colores . Mientras mantiene presionada la tecla Shift , haga clic en el color que necesita eliminar (negro en su caso). Presiona OK. Entonces se seleccionará todo su negro; ahora presiona eliminar.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *