Ventanas y máscaras con Swish.

Tres modelos diferentes de ventanas diseñados con Swish, de 46K, 44K y 128 K respectivamente.

¿Quieres conocer sus secretos ?

Ya comentamos en otro momento y lugar la enorme utilidad de Swish en la elaboración de menús. Sin embargo, es poco frecuente encontrarnos animaciones que utilicen máscaras con esta tecnología. Y este precisamente es el motivo del presente artículo.

Arriba te mostramos los tres diseños diferentes elaborados con Swish, y que muestran las enormes posibilidades de esta aplicación. Se trata, como puedes observar, de simular qué se ve a través de una ventana cuyas características se pueden modificarse a nuestra voluntad.

Como sabes, una máscara es una zona transparente que muestra a su través una parte de la imagen del fondo. En Swish son tratadas de una forma especial, ya que requiere tres condiciones : formar parte de un sprite, estar activada y estar colocada (la forma o grupo de formas) en la capa inferior del diseño. Esto significa, por un lado, que hemos de dominar el funcionamiento de los sprites si queremos utilizarla, cosa no demasiado complicada si le prestamos la debida atención.

Me dirás que las zonas transparentes se pueden crear también mediante imágenes GIF. Efectivamente, y de hecho dos de las tres animaciones que te mostramos los utilizan. Todo dependerá de la calidad con la que desees dotar tu trabajo y del espacio que quieras emplear. Ya sabes también que Internet es, todavía, un lugar donde el espacio, el tamaño de los archivos, aún juega un papel muy importante.

Pero, ¿dónde está realmente la diferencia esencial en estos tres diseños? Supongo que los habrás descubierto ya por tus propios medios. Evidentemente, el tercero de ellos reúne las máximas características de calidad, ya que contiene una textura que imita la madera y que le hace más atractivo. Sin embargo tiene, por ese mismo motivo un grave inconveniente : ocupa el triple de espacio.

El primero de ellos es el único que emplea una máscara de Swish formada por los cuatro cristales de la ventana y que han sido agrupados. Sin embargo el aspecto que muestra es demasiado simple, ya que no permite líneas que detallen los marcos que forman parte de la ventana.

Esto nos inclina a considerar el segundo de los diseños como el más "rentable" para publicar en la web, tanto por su calidad como por su reducido espacio. Como puedes comprobar la transparencia (que sustituye a la máscara) está formado por un diseño GIF cuyos cristales se encargan de dejar ver el fondo, y que por tanto, deberá situarse por delante de éste.

Gif que hemos empleado en el segundo diseño de ventana.

El resto, ya lo puedes imaginar : será la imagen del fondo la que deberá desplazarse a izquierda y derecha para dar la sensación de barrido que se aprecia en nuestras animaciones.

Aprovechamos para incluirte en esta misma página dos diseños más (éstos sí utilizan auténticas máscaras de Swish, más perfectos que los GIF en las zonas redondeadas), y con los que puedes simular qué se ve a través del ojo de una cerradura y de unos prismáticos. Todos ellos con sus respectivos proyectos Swish puedes subírtelos, como siempre, desde nuestra página de descargas, aunque deberás solicitarme a través del correo electrónico, como siempre también y si no lo hiciste con anterioridad, la clave de acceso que te permitirá utilizarlos y modificarlos a tu antojo.

Dos ejemplos muy simples de cómo se pueden usar las máscaras con Swish.

CRB 2000, agosto de 2005.

CRB 2000 -ESPAÑA- Editor : [email protected]

Nuestras páginas deben visualizarse con Internet Explorer y con 1024 x 768 pixels de resolución.