Es en este último punto donde me voy a centrar en este artí culo, ya que de siempre ha sido tema de estudio y debate conseguir que nuestras pelí culas flash tengan la mejor calidad de imagen sin que esto incida negativamente en el peso final del proyecto, por lógica cuanto mayor es la calidad de la imagen, mayor es el peso del .SWF.
Hoy, he descubierto (no voy a negar que casualmente) el sistema definitivo para conseguir mostrar imágenes de alta definición en un SWF a un bajo coste (en Kb), lo defino como ‘descubrimiento’ pues no tení a noticia de este método para importar imágenes, lo que no significa que no se utilice, pero para mi es nuevo.
Importando imágenes de alta resolución.
Para mis pruebas (Flash MX) he utilizado:
- Un archivo TIFF con una resolución de 1024x760 px y 2,62 MB.
- Un archivo JPG a máxima calidad 41 Kb.
He importado ambos archivos a flash, con los siguientes resultados:
- TIFF 94 Kb (flash aplica compresión JPG automáticamente)
- JPG 41 Kb
Al ampliar varias veces la pelí cula en el reproductor, he comparado ambos archivos, el primero mantení a intacta su calidad mientras que la imagen JPG mostraba el tí pico efecto pixelado. Casi no me lo podí a creer!
Puede parecer que no es una gran ventaja debido al peso del TIFF importado (91 KB) con respecto al JPG (41Kb), por tanto, he repetido el experimento esta vez con una resolución de 600x380 px y 682 Kb para el TIFF, obteniendo al importar a flash una imagen de 31 Kb y que seguí a manteniendo su calidad frente a la del JPG, es decir, podemos obtener archivos más ligeros y con mejor definición!
Paso a paso
- 1.Abre una nueva pelí cula
- 2.Selecciona Menú > Archivo >Importar
- 3.Selecciona el archivo TIFF, flash lanza un mensaje advirtiendo que no reconoce el formato TIFF, y te pregunta si quieres usar QuickTime, selecciona ’si’ (Esto puede llevar unos segundos)
- 4.Una vez en el escenario, puedes escalar la imagen hasta que adquiera las proporciones que necesitas.
- 5.Para comprobar la calidad, prueba la pelí cula Ctrl.+Intro
- 6.Ve haciendo clic en ‘Aumentar’ y comprueba como la imagen no pierde calidad de manera tan brusca como lo harí a cualquier otro formato, puedes comprobar que el peso resultante nada tiene que ver con el del archivo original, abriendo el menú Ver > Visor de ancho de banda.
Evidentemente, cuanta más definición, más niveles de zoom se puede aplicar manteniendo la calidad de visionado.
Puedes ver el resultado de mis pruebas aquí (130 Kb paciencia)
Mayo 31st, 2004 at 6:42 am
increible!!!
cuando puedas, revisa este programa que tambien trata con imagenes y su resolucion, puede parecerte interesante: http://www.zoomify.com
Mayo 31st, 2004 at 8:09 am
interesante y la misma imagen en formato png?
Mayo 31st, 2004 at 8:20 am
si, creo que elñ PNG da una buena paleta de colores..pesa un poco mas, pero vale la pena.
Mayo 31st, 2004 at 12:01 pm
Me parece un allazgo impresionante. La de posibilidades que tiene son incalculables. Cualquier historia que queramos hacer con zooms y sin perder calidad, uffff.
Yo me he quedado de piedra, es la primera vez que lo veo, y no se si alguien más se habrá percatado pero esto hay que difundirlo worldwide. Yo lo pondré en las noticias de los foros de startdrag.com.¡Qué corra la voz!
Mayo 31st, 2004 at 12:40 pm
Para estas cosas las imágenes png (bien tratadas) tienen un ventaja con respecto al tiff, y es que tienen un canal alpha de transparencia, lo cuál para determinados trabajos,bien utilizado, es un chollo.
Desde la versión 5 de flash siempre he usado png’s, pero nunca me habí a puesto a comparar pesos. Bueno es saberlo.
Mayo 31st, 2004 at 12:40 pm
Yo probé hace tiempo con PNGs por el tema de las sombras y transparencias y ya me percaté de eso… lo que pasa es que con el TIFF se abre una nueva linea de investigación
Interesante… si
Mayo 31st, 2004 at 1:02 pm
Pues si, lo mismo se puede aplicar a PNG. Mi gozo en un pozo
Haciendo exactamente las mismas pruebas que con TIFF los resutados han sido los mismos (tanto en calidad como en tamaño de archivo).
Espero que todo esto le haya sido útil a alguien igualmente
Mayo 31st, 2004 at 1:29 pm
La posibilidad de usar pngs con alfa sin cortarnos es también muy tentadora!
Mayo 31st, 2004 at 8:21 pm
el png lo uso como alternetiva si necesito una transparencia.
el gif no es muy “compatible” con cualquier color de fondo.
no recuerdo bien; pero una imagen vectorial trabaja mejor en tiff que al jpg (aunque no recuerdo)
Mayo 31st, 2004 at 8:44 pm
Excelente Toni
Junio 12th, 2004 at 9:41 pm
Saludos, bueno lo mí o es un problema a ver si ustedes amigos ma dan una mano. Me esta pasando algo muy extraño y es q cuándo publico en Quicktime mi animación Flash, la misma se publica con un un fondo de transparencia identico al que se ve cuándo creas en documento en Photoshop con fondo transparente. Cómo puedo resolver esto por favor.
Julio 17th, 2004 at 1:46 am
yo no he podido importar las fotos tif,…no me sal ningun aviso quictime,..como puedo hacer para importarlos?
Julio 17th, 2004 at 8:47 am
Hola Alejandro,
¿puede ser que no tengas instalado quickTime? No sé por que motivo no puedes. De todas formas el formato PNG de da la misma calidad que TIFF y permite exportar imágenes con transparencia, exporta los TIFF desde Photoshop (o el programa de retoque de imagen que uses).
saludos
Julio 29th, 2004 at 4:57 pm
… y claro, todo esto aplicarlo a imágenes cogidas externamente con código… supongo que es imposibol, no?! porque flash no puede coger tiffs dinámicamente y hacer el paso por quicktime… o si?!
¿?
JC
Julio 29th, 2004 at 10:18 pm
Dinámicamente solo se pueden cargar JPEG. Aunque corrió un rumor hace un tiempo debido a que MM estaba haciendo un sondeo para saber que formato preferí a el usuario (creo que la elección era GIF o PNG), pues como decia, esto originó el rumor de que en un futuro flash pudiera cargar otros formatos.
Saludos
Agosto 12th, 2004 at 11:19 am
Sin comentarios… Un gran descubrimiento
Hace un mes encontre este blog y cada vez que entro me sorprende por sus extraordinarios contenidos.
Felicidades de nuevo Toni, una gran aportación y ayuda a todos aquellos que amamos Flash
Agosto 25th, 2004 at 12:46 am
Hola, como puedo hacer para generar un QuickTime de mi pelicula de flash, se que debo de modificar algo el las propiedades de la publicacion pero no me da el resultados. Ojala me puedan ayudar …Gracias.
Septiembre 11th, 2004 at 3:25 am
Es muy interesante, yo tengo una web donde muestro mi obra pictorica y esto me ira muy bien para mejorar la resolucion
Cuando tenga un momento lo probare a ver la diferencia
Septiembre 25th, 2004 at 5:04 am
Cada vez q uso png’s de fondos transparentes para usarlos con flash, aparecen manchas en los mismos…por??? alguna respuesta se agradece
Noviembre 20th, 2004 at 2:33 am
Mui bueno su artí culo!
Yo siempre tive (had) problemas (problem) con Imágenes, flash e rotacion (rotation), no testei ainda (try yet). Mas creo - isto possa mejorar mucho los resultados.
Sorry, my comment is confuse I don’t know write well in spanish (or english
I’m brazilians, so I can try understand your language. =P
Very good!
Gracias
Noviembre 20th, 2004 at 4:37 pm
Yo me he encontrado con la misma situación que comentan, no puedo importar el formato tiff porque no tengo el quicktime instalado.
Noviembre 20th, 2004 at 11:51 pm
Yolanda, no te preocupes, finalmente, es mejor usar PNG, la calidad es la misma y además tiene un canal alpha que va muy bien para usar transparecias, de hecho, siempre que puedo uso PNG.
saludos.
Noviembre 21st, 2004 at 9:32 am
Si tu lo dices toni
Octubre 7th, 2005 at 7:35 am
Febrero 24th, 2006 at 9:33 am
Febrero 24th, 2006 at 9:35 am
Wuau menudo notición, no tenia ni idea de este metodo de importacón, felicidades por el descubrimiento
!!!!
Mayo 31st, 2006 at 3:12 pm
Siempre tengo problemas con las imagenes, porque hago cds para presentar fotos y como varian las resoluciones en las que son vistas tambien varia la calidad de la foto. Si trabajo con un fondo de 800 x600 y despues se ve en 1024 x 768 se ve terrible. No se que hacer. Alguien Sabe?
Junio 1st, 2006 at 10:24 pm
Hay muchos trucos, depende del tipo de fondo, por ejemplo:
Puedes tener un clip de pelicula (fondo_mc) que contiene una imagen cuyo tamaño sea igual a la máxima resolución posible.
Pones este código en el primer fotograma clave de tu película:
Stage.align = “TL";
Stage.scaleMode = “noScale";
function stageResize() {
fondo_mc._x = (Stage.width - holder_mc._width) / 2;
fondo_mc._y = (Stage.height - holder_mc._height) / 2;
}
myListener = new Object ();
myListener.onResize = stageResize;
Stage.addListener (myListener);
stageResize();
de esta forma, la imagen quedará siempre centrada en el escenario y no se deformará.
saludos
saludos