Expertos en el tema, necesito su ayuda !

Computer XTress · #1 (**permalink**) 22/12/2005, 01:04

¿Que tal? Estoy en este foro como "sapo de otro pozo" ya que no me dedico al diseño grafico pero me veo obligado por un proyecto a realizar algo dentro del area.

Les comento mi terrible y dramatico problema:
Lo que hice fue crear una imagen de 2x2 en photoshop, luego con "la cubeta", en color blanco (y configurando una saturacion de 30%), pinte la imagen sobre un fondo Transparente...

Quise salvarla en GIF ya que es para una pagina web, pero la verdad NO HUBO FORMA de hacer que el GIF quede bien, siempre me salian resultados monstruosos que no reflejaban la imagen creada en photoshop. Intente cambiar 10 mil parametros pero no lo convenci para que me de un buen resultado.

Termine grabandola en PNG y quedo perfecto, pero desgraciadamente el Internet Explorer la renderiza mal.

¿Existe alguna forma de crear BIEN un .GIF con transparencia en color Blanco para no tener que usar PNG ?

Desde ya les agradesco muchisimo su pasciencia, ya que no tengo nada que ver con el area de diseño y de seguro esto que pregunto es una tonteria.

Muchas gracias.

vale · #2 (**permalink**) 22/12/2005, 06:38

Menú Help/Export transparent image

metacortex · #3 (**permalink**) 22/12/2005, 08:24

Cita:

¿Existe alguna forma de crear BIEN un .GIF con transparencia en color Blanco para no tener que usar PNG?

Sí. En lugar de convertir tú mismo manualmente la imagen (Modo > Indexado) puedes optar por Guardar para Web (Shift + Control + Alt + S) y se te abrirá un completo panel donde puedes jugar tanto con la cantidad de colores como transparencias y otros detalles importantes, además de tener un preview instantáneo de los resultados. De hecho creo (No estoy seguro) que bajo ese método se elimina la información innecesaria de la cabecera, por lo cual el GIF te queda más liviano que si lo prepararas manualmente.

Saludos.

Computer XTress · #4 (**permalink**) 22/12/2005, 16:38

Que tal. Gracias por su ayuda.

Ya habia probado hacerlo mediante "Save for web..." y tambien con el menu en de "HELP -> Export blabla", pero la verdad siempre consegui el mismo resultado. En vez de salir una imagen transparente sale una imagen transparente con algunos puntitos blancos sobre la misma.

Tal vez estoy configurando mal los parametros necesarios para que salga correctamente... sera cuestion de investigar un poco mas?

¿Que parametros me pueden recomendar para obtener un resultado satisfactorio?

Gracias.

Caminante · #5 (**permalink**) 22/12/2005, 16:49

http://www.absolutecross.com/tutoria...nsparent-gifs/

http://www.mediacollege.com/graphics...arent/gif.html

http://www.desarrolloweb.com/articulos/1233.php

Computer XTress · #6 (**permalink**) 22/12/2005, 18:39

Creo que no me supe explicar.

Ahora que veo he leido los tutoriales que el Moderador ha enviado, tal vez este en mejores condiciones de hacerlo:

Esta es la imagen (En formato PNG) que desearia tener en formato GIF:

http://www.computerxtress.com.ar/imagen.html

En los tutoriales muestran como dejar un fondo transparente, pero eso solo sirve si el fondo REALMENTE va a ser transparente. Ahora entiendo que lo que necesito yo es un fonod "PARCIALMENTE TRANSPARENTE", ya que la imagen, como dije, no es mas que un cuadro de 30x30, donde se PINTO con el baldesito en color blanco, con una saturacion de 30% (Lo que hace que se vea UN POCO de blanco y UN POCO de fondo transparente.)

Espero me puedan ayudar, muchas gracias!!

arthpix · #7 (**permalink**) 23/12/2005, 00:44

El formato gif no admite fondos parcialmente transparentes, busca en la web cualquier cantidad de imagenes gif "transparente" que tengan por ejemplo sombras difuminadas y verás como convierte a blanco los bordes de dichas sombras. Por eso no obtienes el resultado que deseas. El formato png en cambio si admite diferentes valores de transparencia (alfa), por ahi en el foro de html o en el de javascript lei en alguna ocasión de un script que corrige el error de IE con los pngs, prueba eso para solucionar tu problema.

Saludos

Computer XTress · #8 (**permalink**) 23/12/2005, 05:50

Bueno me voy acercando al tema... Gracias por la informacion arthpix, has sido de GRAN ayuda!

Dejo un saludo, y prometo volver cuando tenga la solucion ya que tal vez a alguno le sirva tambien.

Computer XTress · #9 (**permalink**) 23/12/2005, 07:02

Aqui esta el fix:

Fix usando javascript:
http://homepage.ntlworld.com/bobosola/index.htm

Fix usando CSS:
http://www.daltonlp.com/daltonlp.cgi...=1&item_id=217

Espero sirva a alguien mas. Saludos.

arthpix · #10 (**permalink**) 24/12/2005, 12:09

Excelente, Me falto comentar lo de los "puntitos blancos"... si ampliaras ese gif en photoshop vas a ver que el gif está formado por pixeles blancos y espacios vacios. Photoshop trata de simular el efecto usando las limitaciones del formato gif cuando utilizas el dialogo "save for web".

Yo no he tenido necesidad de utilizar efectos asi pero es bueno saber el dato del script gracias por el link.

Saludos

marioStudios · #11 (**permalink**) 24/12/2005, 14:59

Computer Xtres, lo quieres para mostrar en una web, usa Hojas de Estilo y obtendras estupendos resultados!!!, si no, funde las dos imagenes que decees corel 12 lo hace excelentemente!!!

Computer XTress · #12 (**permalink**) 26/12/2005, 16:15

Mario: Es para una web, pero tengo que utilizar el "hack" de css con la imagen igualmente por que la web deje de cumplir con los stadards WC3 (que aceptan el uso de "transparencias css" aceptadas por IE y Firefox.

Gracias de todos modos, utilice un archivo png de 1 pixel y no ocupa nada jeje

Saludos.

Arthpix: Me alegro mucho de que te hayan servido los links :]

metacortex · #13 (**permalink**) 26/12/2005, 17:17

Bueno, en realidad no es un hack sino una capacidad de los estándares (y los navegadores que los aceptan) para asignar transparencia a elementos. Si quieres implementarla en un color plano, quizás te convenga más un cuadro o botón html que una imagen.

Vean este tema:

http://www.forosdelweb.com/f53/funcion-opacity-241823/

Saludos.