Problema Gif Transparente con Photoshop

changingman · #1 (**permalink**) 07/10/2004, 05:11

Hola a todos

Sé que la pregunta puede resultar absurda, ya que en teoría debería ser muy simple hacerlo pero... ¿cómo puedo hacer una imagen gif con fondo transparente en Photoshop? Bueno, en realidad la imagen con el fondo transparente ya la tengo, pero cuando voy a "Guardar para web" y pongo gif con transparencia, no me deja trasparentes los bordes de la imagen, salen siempre unos pixeles claros, y al importar la imagen a web se ven y queda bastante mal.

Supongo que la clave está en modificar las opciones del gif en la ventana de "Guardar para web", pero por más que lo intento no lo consigo. ¿Alguien podría echarme una mano?

Gracias

^Lucypher^ · #2 (**permalink**) 07/10/2004, 05:22

Lo que tienes que hacer es cuando le das a guardar para web, en la opciones de la derecha, marcar la opcion transparencia.

Espero que te sirva de algo.

Un saludo !!!

changingman · #3 (**permalink**) 07/10/2004, 05:31

Gracias Lucyfer, es lo que hago, pero aún así no me aplica la transparencia en los bordes de la imagen, los pixela en color blanco

ZuM@x · #4 (**permalink**) 07/10/2004, 05:49

Hola compañero:

Si la imagen que deseas que tenga fondo transparente no tiene los bordes bien definidos, siempre aparece ruido (debido a la limitación de 256 colores que tiene el formato GIF).
Prueba a guardar tu imagen de fondo transparente en formato PNG. Con este formato no tienes límites en las transparencias, pudiéndose hacer inclusos sombras.

Un saludo

forecast · #5 (**permalink**) 07/10/2004, 05:49

Es raro...
Asegurate de que no tienes ninguna capa blanca por abajo y de que la imagen no sea fondo (background).
Suerte.

changingman · #6 (**permalink**) 07/10/2004, 06:04

Ocurre lo que comenta Zum@x, no tiene los bordes bien definidos, de hecho en realidad no es una imagen sino un texto al que quiero darle fondo transparente, pero no hay forma. Me extraña que no puedan hacerse transparentes los bordes y las sombras con Photoshop excepto en formato PNG, ya que recuerdo que hace años conseguía hacerlo en gif utilizando el Paint Shop Pro.

(el formato PNG no me sirve, no puedo exportarlo a web)

Gracias por las respuestas

-Defero- · #7 (**permalink**) 07/10/2004, 06:57

Exportar el formato PNG a web? No tienes nada que "exportar", para poner una imagen en una web es tan simple como esto:

<img src="imagen.png" border="0" width="15" height="10" alt="Imagen" title="Imagen">

Eso sí, te advierto que el navegador MS Internet Explorer (por desgracia el más extendido) no es capaz de mostrar correctamente la transparencia del formato PNG. Así que tienes tres opciones: asimilar que los usuarios de MSIE verán mal tus imágenes, renunciar a utilizar este magnífico formato, o utilizar este truco.

changingman · #8 (**permalink**) 07/10/2004, 07:13

Cita:

Iniciado por Defero.tk

Exportar el formato PNG a web? No tienes nada que "exportar", para poner una imagen en una web es tan simple como esto:

<img src="imagen.png" border="0" width="15" height="10" alt="Imagen" title="Imagen">

Eso sí, te advierto que el navegador MS Internet Explorer (por desgracia el más extendido) no es capaz de mostrar correctamente la transparencia del formato PNG. Así que tienes tres opciones: asimilar que los usuarios de MSIE verán mal tus imágenes, renunciar a utilizar este magnífico formato, o utilizar este truco.

Pufff.... gracias Defero, me expresé mal, lo que quería decir es que no puedo insertar Png's porque no veo la transparencia (uso MSIE), y no me interesa ese formato por lo que comentas. Me apunto el truco para otra ocasión

, pero en este caso no me resulta práctico... tengo que insertar muchas imágenes con fondo transparente, necesito que sean gif. De todos modos, gracias!

efal · #9 (**permalink**) 07/10/2004, 09:40

Para comenzar tus gráficos deben tener muy baja resolución para que al momento de darles la transparencia pierdan su calidad.
Debes antes de darle la transparencia en Photoshop hacer que tus gráficos esten correctamente definido.
Dales 150 DPI y que esten en RGB. si es posible en PSD
Luego dale las trasparencia y al final los guardas es GIFs o PNG que al fin y al cabo el formato en HTML no afecta tu Web.
Saludos

changingman · #10 (**permalink**) 07/10/2004, 11:04

Bueno, no lo he conseguido pero por lo menos he logrado disimular los bordes un poco.... Gracias a todos

momo · #11 (**permalink**) 07/10/2004, 13:51

Yo tengo el mismo problema con los gif por el tema del borde blanco que aparece al exportarlo. Y exporto a PNG y listo. como laburo en flash... desde el flash importo el png y queda perfecto.
Salu2

bombon74 · #12 (**permalink**) 07/10/2004, 14:50

Hola!!!, cuando salvas en photoshop has intentado activandole la casilla de matte y ponerle none??, Esa opcion te permite que escojas el color de la orilla con el que va a quedar salvado, pero si le pones none entonces le recorta esos pequeños bordecitos y la imagen queda tal como es. En ocasiones si tu imagen es irregular, cuando la abres pueden verse como mordidos los contornos, asi que un truco es que en esa opcion escojas el color del fondo en el que va ir o el color del borde de tu imagen asi puedes evitar que se noten los pixeles que aveces se agregan. Como yo trabajo el photoshop en ingles, no se exactamente como se llama en español esa opcion, aqui pongo una imagen donde te lo marco para que lo cheques en tu version. Espero te sirva mi opinion.
Saludos!!!!

changingman · #13 (**permalink**) 07/10/2004, 17:51

Cita:

Iniciado por bombon74

Hola!!!, cuando salvas en photoshop has intentado activandole la casilla de matte y ponerle none??, Esa opcion te permite que escojas el color de la orilla con el que va a quedar salvado, pero si le pones none entonces le recorta esos pequeños bordecitos y la imagen queda tal como es. En ocasiones si tu imagen es irregular, cuando la abres pueden verse como mordidos los contornos, asi que un truco es que en esa opcion escojas el color del fondo en el que va ir o el color del borde de tu imagen asi puedes evitar que se noten los pixeles que aveces se agregan

Si, puse none en la casilla pero no me sirvió. Luego hice lo que comentas... puse un tono similar al fondo de la web en la casilla y conseguí disimularlo bastante bien

Gracias!

RitaBbaa · #14 (**permalink**) 07/10/2004, 19:31

Este tema ya lo he visto en el foro otras veces. No sabía que el formato PNG no se veía transparente en el Explorer y en los demás si, ya que uso el Explorer y nunca lo habia visto trasnparente cuando lo utilizaba.

La solución que utilizo para las imagenes en tu caso es simplemente guardarlas en JPG (ya que pesan menos) y no en GIF aunque también puedes dejarlo en este formato, y en vez de hacerle el fondo transparente dejarlo exactamente del mismo color del fondo de la web en donde vas a insertarlo. Claro que esto no sirve si tienes de fondo una imagen o un degradado, solo si estás usando un color sólido.

Un saludo.

sfx4ever · #15 (**permalink**) 08/10/2004, 04:09

Lo que yo hago para solucionar este tema no se si sera muy chapucero, pero mas o menos me funciona.
En el fireworks o photoshop pongo la imagen con un zoom muy alto, dependiendo del tamaño, mas o menos 800%, y con el borrador o con un pincel del color del fondo voy borrando el "ruido" de los bordes, asi luego la exporto a gif y le pongo como color transparente el color del fondo de la imagen.
Esto se complica cuando pongo sombras u otro efecto que se salga de la imagen.

¿Que os parece esta tecnica?¿la utilizais vosotros?¿es un poco cutre?¿me recomendais alguna otra forma de hacerlo?¿y en el caso de tener sombra cual es la solucion?¿existe vida despues de la muerte?

saludos

changingman · #16 (**permalink**) 08/10/2004, 08:06

Cita:

Iniciado por sfx4ever

¿y en el caso de tener sombra cual es la solucion?

He ahí el problema, amigo! sobre todo como cuando en mi caso tienes una imagen de fondo en la web

Yo también he hecho muchas veces lo que tú para guardar un gif transparente, es bastante costoso ir borrando pixel por pixel, pero me temo que es la única solución. Así que ya somos dos "chapuceros"