Foros del Web » Creando para Internet » Diseño Gráfico »

Problema Gif Transparente con Photoshop

Estas en el tema de Problema Gif Transparente con Photoshop en el foro de Diseño Gráfico en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/10/2004, 06:11
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
Problema Gif Transparente con Photoshop

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
  #2 (permalink)  
Antiguo 07/10/2004, 06:22
 
Fecha de Ingreso: enero-2003
Mensajes: 60
Antigüedad: 14 años, 11 meses
Puntos: 0
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 !!!
  #3 (permalink)  
Antiguo 07/10/2004, 06:31
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 07/10/2004, 06:49
Avatar de ZuM@x  
Fecha de Ingreso: septiembre-2003
Ubicación: Bilbao
Mensajes: 547
Antigüedad: 14 años, 2 meses
Puntos: 1
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
__________________
La creatividad es radiactiva ;-)
http://www.elpomeloradiactivo.com/
http://bitacora.elpomeloradiactivo.com/
  #5 (permalink)  
Antiguo 07/10/2004, 06:49
Avatar de forecast  
Fecha de Ingreso: octubre-2004
Mensajes: 259
Antigüedad: 13 años, 2 meses
Puntos: 4
Es raro...
Asegurate de que no tienes ninguna capa blanca por abajo y de que la imagen no sea fondo (background).
Suerte.
  #6 (permalink)  
Antiguo 07/10/2004, 07:04
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
Ocurre lo que comenta [email protected], 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
  #7 (permalink)  
Antiguo 07/10/2004, 07:57
Avatar de -Defero-
Colaborador
 
Fecha de Ingreso: julio-2004
Ubicación: Guipúzcoa
Mensajes: 4.777
Antigüedad: 13 años, 4 meses
Puntos: 76
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.
__________________
abogado en Errenteria + procuradora en San Sebastián = equipo imparable
  #8 (permalink)  
Antiguo 07/10/2004, 08:13
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
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!
  #9 (permalink)  
Antiguo 07/10/2004, 10:40
Avatar de efal  
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 433
Antigüedad: 14 años, 6 meses
Puntos: 3
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
__________________
"Los Cambios se dan hacia arriba, no hacia los lados..." efal.
  #10 (permalink)  
Antiguo 07/10/2004, 12:04
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
Bueno, no lo he conseguido pero por lo menos he logrado disimular los bordes un poco.... Gracias a todos
  #11 (permalink)  
Antiguo 07/10/2004, 14:51
Avatar de momo  
Fecha de Ingreso: abril-2003
Mensajes: 898
Antigüedad: 14 años, 8 meses
Puntos: 0
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
  #12 (permalink)  
Antiguo 07/10/2004, 15:50
Avatar de bombon74  
Fecha de Ingreso: agosto-2004
Ubicación: D.F.
Mensajes: 30
Antigüedad: 13 años, 3 meses
Puntos: 0
save for web

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!!!!
__________________
Vive como si murieras mañana, sueña como si vivieras siempre

Última edición por bombon74; 23/03/2005 a las 17:27
  #13 (permalink)  
Antiguo 07/10/2004, 18:51
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
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!
  #14 (permalink)  
Antiguo 07/10/2004, 20:31
Avatar de RitaBbaa  
Fecha de Ingreso: junio-2004
Ubicación: Islas Canarias. España.
Mensajes: 1.191
Antigüedad: 13 años, 6 meses
Puntos: 8
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.
__________________
La vida es bella.
  #15 (permalink)  
Antiguo 08/10/2004, 05:09
Avatar de sfx4ever  
Fecha de Ingreso: noviembre-2003
Ubicación: aqui
Mensajes: 384
Antigüedad: 14 años
Puntos: 2
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
  #16 (permalink)  
Antiguo 08/10/2004, 09:06
 
Fecha de Ingreso: agosto-2004
Mensajes: 129
Antigüedad: 13 años, 4 meses
Puntos: 0
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"
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:43.