COMENZANDO ANIMACIONES CON OUTLOOK EXPRESS
Tutorial de urgencia, dedicado a Onlysnow y Marluna
A lo largo de los 8 años que llevo dedicada a estas animaciones, alguna vez me han preguntado con qué programa se hacen. La gente se sorprende cuando les dices que solamente es necesario el Outlook Express :-)
Acostumbrados a usarlo como un programa para envíar y recibir correos electrónicos, no entienden cómo se consigue que las imágenes y los textos cambien de forma, que los colores roten, o que una música suene sólo cuando pasas el ratón por encima de una imagen.
La explicación es muy sencilla, pero hasta hace poco no he encontrado el término adecuado para describirlo y es gracias a los comentarios en el Blog de la Presidenta de Microsoft Ibérica, 15.11.2007, 16:19 hrs que por fin he encontrado la palabra perfecta: TUNING :-)
Sí, sí !! Eso de... cambiar piezas en los coches para conseguir mayores prestaciones :-)
Tuneando el OE (Outlook Express abreviado), éste dejar de ser un vehículo utilitario y pasa a ser un Fórmula 1 :-)
Se hace configurando de una forma determinada las Opciones del Internet Explorer y las del propio OE. También hay que instalar en Windows unos pequeños archivos llamados librerías dinámicas (DLL y OCX) que permiten utilizar diversos filtros sin los cuales no podrían conseguirse efectos de opacidad, sombra, reflejo, mezcla y ocultación de colores, etc...
La parte de configuración es muy aburrida, pero sólo hay que hacerlo al principio. Luego simplemente... disfrutas !! :-)
¿QUÉ ES EL CÓDIGO FUENTE DEL OE?
Son los códigos ocultos que generan texto, imágenes, música y cualquier elemento que lleve un email.
El OE tiene una opción que se llama MODIFICAR CÓDIGO FUENTE (CF abreviado). Para activarla, debes estar en modo Texto Enriquecido. En el apartado de Configuraciones puedes bajarte un tutorial más amplio, pero recuerdo aquí lo principal.
CONFIGURANDO OE, PASO 1 - Menú Herramientas / Opciones / pestaña LEER.
Marca como ves aquí (guárdate la imagen con click derecho) :
CONFIGURANDO OE, PASO 2 - Menú Herramientas / Opciones / pestaña ENVIAR.
Marca como ves aquí (guárdate la imagen con click derecho) :
CONFIGURANDO OE, PASO 3 - Menú Herramientas / Opciones / pestaña SEGURIDAD.
Marca como ves aquí (guárdate la imagen con click derecho) :
ACCEDIENDO AL CF (CÓDIGO FUENTE)
1. Abre un mensaje nuevo en el OE.
2. Menú VER y bajas hasta donde pone MODIFICAR CÓDIGO FUENTE.
3. Guárdate todas las imágenes con click derecho:
4. La pestaña MODIFICAR es para escribir. VISTA PREVIA es para ver cómo va quedando.
5. CÓDIGO FUENTE muestra los códigos generados por CUALQUIER elemento del mensaje:
6. Cierra el mensaje. NO hace falta que lo guardes ni lo envíes.
7. A partir de ahora, cada vez que comiences un nuevo mensaje, tendrás abajo las 3 pestañas.
8. También verás esas pestañas cada vez que Respondas o Reenvíes un mensaje.
Ahí dentro, en las 'tripas' del OE, se insertan códigos de programación que dotan de movimiento y efectos especiales a todo el conjunto. Son los llamados scripts y nos los regalan en la red programadores que han hecho de estos emails animados todo un arte.
Los que no somos programadores, reutilizamos animaciones hechas por otras personas hasta conseguir una nueva que se ajuste a nuestros gustos. Copiamos y pegamos scripts enteros, fragmentos de código o etiquetas HTLM que vamos aprendiendo poco a poco.
Como el objetivo de este mini-tutorial es explicar la animación de la flor, paso directamente a comentar su CF (código fuente). Al principio todo parece muy complicado, pero NO debéis asustaros :-) Con la práctica aprendes que todo ese galimatías es bastante 'domesticable' :-)
En realidad, es una actividad realmente divertida. He visto niños de casi 80 años jugando a cambiar códigos y numeritos :-) Os aseguro que es pura magia !!
La imagen que sigue comienza por los códigos que dan color a los bordes de la pantalla y a las barras de desplazamiento, de la misma manera que puedes hacerlo en una web. Una de las primeras cosas útiles, es saber que un código que comienza por "cid: seguido de una mezcla de números y letras... está encerrando una imagen o un sonido.
La siguiente imagen ya muestra algunos de los filtros que sólo admite el OE: opacidad, sombra, fondos que mezclan dos colores combinados en gradiente...
Parece que jamás vamos a poder comprender todo ese jaleo, pero os aseguro que es cuestión de práctica :-) Se aprende muy rápido a identificar qué es cada sección. Aprendes también que, cuando estás modificando el CF, puedes separar las secciones con varios Enter, para mayor claridad. En cuanto pulses VISTA PREVIA se juntará ello sólo.
A base de observar vas aprendiendo cosas nuevas. Por ejemplo, en la pantalla que sigue encontramos la etiqueta de IMAGEN seguida de las letras bkg. Eso te está indicando que ahí va la imagen de fondo: bkg = background.
Aquí comienza el script, que es lo realmente complicado y divertido, ya que hacemos cambios por ensayo y error y la mayoría de las veces salen cosas sorprendentes y muy locas :-)
Puedes escribir en el CF para dejar datos de cómo has hecho las cosas. Eso enseña y ayuda a quien lo recibe y desea hacer sus propios cambios.
En un script puedes jugar a cambiar muchas cosas. Por ejemplo, fíjate en la siguiente pantalla. El valor 'solitude' era 100 y lo cambié a CERO. El valor 'pas' era CERO y lo puse en MENOS 100. Más abajo cambié seno por coseno. NO hay que saber matemáticas, sólo jugar a cambiar valores !! :-)
En la siguiente pantalla he subrayado la función 'zyva'. Con tantas mezclas que hacemos todos y a causa de algunas personas nada éticas que borran los nombres de los programadores, a veces se pierde la autoría. Sin embargo, con el tiempo aprendes a identificar a unos y otros. Zyva es uno de los nicks del francés Gerard Ferrandez, de manera que aunque en el CF de una animación hayan borrado su nombre, sabrás que el script es suyo si contiene la función 'zyva' ;-)
Finalmente, dos capturas de otra versión. Aquí se ha utilizado un gif de fondo transparente con unas bolitas de colores bastante separadas unas de otras. Es un gif estático, pero sometido al script crea un movimiento muy fluido e independiente, como si cada bolita fuera por separado:
Espero haber dado una mínima idea de cómo se consiguen las Animaciones OE :-)
Si os animáis, avisadme y abro el grupo donde daba las clases. Pero... eso sí !!... Nada de angelitos, corazones, ositos, perritos....
Vaya... que Kaleido es para animaciones 'con más miga' :-)
Muchas gracias si has llegado hasta aquí :-)
En consonancia con las Netiquettes, Normas Internacionales de Cortesía en la Red, cuando reenvíes a otros grupos el material que aquí se encuentra, debes citar los nombres sus creadores incluyendo el enlace a sus páginas de origen.
Si crees que algún material de los aquí utilizados, está vulnerando Derechos de Autor, contáctanos en la dirección que aparece en el Menú General.
Gracias por tu colaboración.
