proyecto: final del quinto semestre

Finalmente la caja quedó terminada en cuanto a su estructura externa.
Las escamas, elaboradas en madera balsa las corté y lijé a mano.









Cada una tenía que estar unida a la madera por medio de una cinta de lino que tiene goma de un lado, sin embargo esperé a haber armado por completo la parte electrónica para pegarlas.
Nos dedicamos, entonces a resolver la electrónica. La idea inicial era resolver el funcionamiento de los 16 ventiladores con un solo arduino y tres multiplexores.
En este video conectamos un led y lo incluimos en la programación para que cada vez que las fotoresistencias estuvieran cubiertas y el barrido del multiplexor lo detectara, el led se encendiera. Tuvimos, además la complicación de que el led parpadeaba, quizá por un error de programación, sin embargo decidimos utilizar esa especie de latido para dar un ritmo a la pieza y que estuviera de cierta forma viva y latente.

En el video se ve como están ordenados los tres multiplexores, dos de ellos conectados entre si y a las resistencias y fotoresistencias y uno mas que hace el barrido de los otros dos. de este sale la conexión al arduino. y del arduino la conexión al led de prueba. Lo que se puede ver es que cuando se pone la mano sobre las resistencias, el led que parpadea se enciende por completo.

Aqui una foto de la conexión:



El siguiente paso fue probar la conexión con el ventilador. Lo hicimos primero solo con un resistor para cambiar el voltaje al ventilador, que recibe uno de 12v




Pero como no funcinó decidimos cambiar el voltaje por medio de un relevador:



la foto muestra cómo el relevador se conecta al ventilador, a un voltaje de 12v y al arduino por medio del led de prueba. La conexión funcionó perfectamente porque el led y el ventilador se encendían cuando las resistencias estaban cubiertas.



La siguiente parte fue hacer una coneccion como esa para los diesiseis
ventiladores, con sus respectivos relevadores. Fue en este punto en el que empezamos a contemplar la ultilización de un segundo arduino.



asi es como se veía la construcción con dos arduinos, dos protoboards con 8 relevadores cada uno y un espacio con los multiplexores.



Y en este video se puede ver como 8 resistencias controlan ocho ventiladores, en este caso solo uno que conecté aislado y se encuentra del lado derecho, y las otras ocho los demás ventiladores, en este caso el que esta colocado en la caja.

Esta es una primera versión de la conexión dentro de la caja:

Creo que la planeación en cuanto al montaje final de la estructura electrónica no fue tan satisfactoria como pudo serlo. Los cables que se requerían para conectar los ventiladores a los relevadores tuvieron que ser muy largos para alcanzar a conectar la caja abierta, y luego había que tener sumo cuidado en cerrarla para evitar que alguna cosa se moviera. La base de fieltro y un buen sistema de etiquetas ayudaron mucho a facilitar la conexión ordenada:



En este video se puede ver una de las pruebas que hice para evaluar el funcionamiento de los ventiladores y la programación. hasta este punto logré hacer funcionar cuatro ventiladores por medio del comando de una sola fotoreistencia.

Finalmente es así como funcionó la caja: dos fotoresistencias hacían funcionar los 16 ventiladores.

El día de la muestra, para que se pudiera comprender un poco mas el funcionamiento de la pieza, invertimos los comandos de la programación, de manera que las escamas, que ahora fueron de papel, estuviesten siempre elevadas, y que si se tapaban las fotoresistencias estas cayeran.


proyecto: avances

Bueno...después de haber mandado a hacer la caja vino a visitarnos David Cuartielles y vio nuestros proyectos. David es un español que junto con Massimo Banzi y Dave Mellis creó el proyecto Arduino con software de open source. Le conté mi proyecto y sugirió que como solución a la necesidad de salidas y entradas extras para poder usar una sola tarjeta utilizara unas cositas que se llaman multiplexores.



El multiplexor que sugirió para las salidas, es decir, para poder conectar los 16 ventiladores a una sola tarjeta arduino se llama TLC5940.



Lo que hace el TLC es expander el numero de salidas PWM porque tiene 28 patas a las que se les pueden conectar 15 cosas asi: (en las que tienen manitas)



Hicimos varios intentos con los TLC pero finalmene el cableado era muy complicado asi que Juan, de la torre multimedia sugirió utilizar solamente los multiplexores 4051, que en prinicpio David habia propuesto unicamente para conectar las fotoresistencias, sustituyendo los TLC.

Este es un multiplexor de los que utilicé.



Tienen 16 patas (8 de cada lado) y los utilizamos para conectar primero una fotoresistencia y una resistencia y realizar por medio de la programación un barrido que pudiera detectar la actividad o la presencia por medio de el cambio de luz. Este barrido manda la información a otro multiplexor que entra al arduino y de ahí sale a los ventiladores la orden de encender o apagar.
Este proceso lo describiré con mayor precisión en el siguiente post.

Mientras tanto, aqui esta uno de los primeros intentos con TLC: AQUI

En este video conecté un TLC con un transistor al arduino con una programación para encender y apagar leds. el ventilador funcionaba como uno mas de estos leds.

proyecto: caja. medidas y dibujos.

La ingeniera que se está encargando de mi caja se llama vilma rodriguez y se encarga de administrar un taller de trabajos en madera. le expliqué mi idea y le enseñé estos dibujos:






Junto con varias imagenes de tapas de cajas de madera para explorar posibilidades de que la tapa con los hoyos descanse pero firmemente en la caja. pensé en esas cajas que tienen tapas deslizables que son muy bonitas porque al cerrarse dan la sensacion de un cubo perfectamente sellado, como de una pieza además de que la estética de estas cajas se asemeja a la idea que esta tomando el proyecto de formar una pieza parecida a las himitsu-bako, que son cajas japonesas que solo se abren al seguir una secuencia de pasos de deslizamiento de la madera.
AQUI pueden ver un video de cómo funcionan.

Esa idea de disfrazar la superficie para que parezca una sola pieza me gusta mucho y en mi proyecto quiero que la caja quede lo mas cercana a una sola pieza posible. Es por esto que en el diseño final los ventiladores están dentro de una capa de madera de dos centímetros de ancho que además funciona para cerrar la tapa. cada uno va a estar colocado por medio de unas pijas que lo posicionan en la parte inferior de la tapa y que no salen por el otro lado, de manera que si la caja esta cerrada no se ven pero se pueden quitar y poner en caso de que necesiten ser reemplazados. Pero en realidad la tapa no se va a deslizar porque como los ventiladores están pegados a ella seria imposible cerrarla sin que estorbaran así que se va a quitar y poner levantandola.
la madera que van a utilizar para hacer la caja va a estar entrelazada de manera que no se usen clavos ni pegamento para su unión.
En teoría la caja debería estar lista en tres semanas. Palabra de madereros.

proyecto: referencias

Pues ya mandé a hacer la caja. voy a subir las imágenes de los planos muy pronto... cuando tenga internet en mi casa :(
Mientras...


Abel me enseñó esta plantita hecha con celdas solares, desarrollada por el Nacional Institute of Advanced Industrial Science and Techology (AIST).






Me gustó porque las hojas se parecen a mis escamas y habíamos contemplado para la parte de sensado utilizar celdas solares. Finalmente creo que para este proyecto el sensado se llevará acabo con ayuda de fotoresistencias que estarán localizadas en la parte superior de la caja de madera a lado de las hojas como en el plano que puse en el post anterior.

:D

proyecto: layout.



Hice estos primeros dibujos para visualizar cómo se va a ver la caja armada en cuanto a la parte superior. La caja va a estar armada de tres niveles. en el nivel inferior va a estar la parte electrónica, el cableado y todo lo que necesita la pieza para funcionar. en el segundo nivel va a haber una tabla como tapa que va a tener los hoyos por los que va a salir el aire, de los ventiladores que van a estar montados por la parte inferior. finalmente en el tercer nivel van a estar las escamas de madera balsa a las cuales o junto a las cuales van a estar montadas las fotoresistencias.
En estos dibujos pongo ambas posibilidades de organización de las fotoresistencias, que son los puntitos a los lados de las escamas y sobre ellas.

vista superior:



vista inferior:



vista translucida con resistencias a lado de las hojas:



vista translucida con resistencias en las hoja:




:D

proyecto: The One.

Estoy muy muy emocionada porque fui a comprar nuevos ventiladores para encontrar el que levantara lo suficiente una escama de madera balsa y encontré el ideal. Estos son todos los que compré:



todos mas o menos lograban una elevación similar :



pero un modelo les ganó a todos:



Asi que asi es! ya tengo el ventilador que voy a utilizar. Se llama Elina Fan HDF serie: 4020. Mide 40 x 40 mm y 20 mm de grosor. Esta hecho de plástico y pertenece al modelo HDF4020L - 12HHB de 180mA y de 6000 rpm.



El diseño para el prototipo que estoy pensando necesita 16 de esos ventiladores. cada uno cuesta $50.81 asi que la parte mecánica de a pieza que se va a encargar del movimiento va a costar mas o menos $960.00. -_- (con eso solo hubiera podido comprar 3 servos.)





.

Proyecto: Ventilador.

Fui a comprar ventiladores para experimentar tamaños y revoluciones y estos son los que tengo:



Y el primero que usé para probar su funcionaiento fue este:



principalmente por su tamaño. Este ventilador de 12 V. es marca Sanyo Denki, serie: Fine Ace, hecho en japón. Sus aspas son muy pequeñas por lo que es aparentemente imposible que pueda levantar acrílico cuando levanta solo un poco una escama de papel.Aqui está el video de la estructura que tuve que armar provisionalmente para montar el ventilador con la escama:



Para que el ventilador funcione de acuerdo a un código de arduino para encenderse y apagarse esto es lo que se necesita hacer: una fuente de 12 v. debe conectarse a la corriente electrica. esta fuente se divide en dos cables, uno positivo y uno negativo. El negativo se conecta por un lado a la tierra (GND) en el arduino, y por otro a la patita derecha de un transistor TIP 102. la patita de en medio de este mismo transistor se conecta al cable negativo del ventilador y la patita izquierda del transistor se conecta a uno de los lados de una resistencia de 1.2k. El otro lado de la resistencia se conecta al PIN digital numero 9 del arduino (porque ese es el que se establece en el código).
Finalmente el cable positivo de la fuente se debe conectar directamente al cable positivo que sale del ventilador.
Aqui hay un diagrama que hace todo más fácil de entender:



:D

proyecto: mover las escamas.


Como descarté la idea de los relevadores pensé en hacer las cosas como Rozin y usar un servo para cada escama en el prototipo. Aqui hay una imagen de una de sus piezas, en la que se pueden ver los servos que mueven las bandas que forman el tejido en la pieza.



Un servo es un tipo de motor que tiene como particularidad no girar 365 grados sino solo 180 de ida y vuelta, además de que puede permanecer en una posición fija que se le asigne, además de ser muy precisos en cuanto a el grado exacto en el que deben detenerse y regresar o simplemente actuar.
Así se ve un servo como el que compré:



Sin embargo, estos motores cuestan mas de 200 pesos cada uno, y no pude programar bien el que compré lo cual me llevó a buscar otras soluciones para mover las escamas. :(
A Sven se le ocurrieron tres soluciones diferentes de movimiento sin servo:
En primer lugar el uso de un motor común.
En segundo lugar el uso de solenoides para crear un impulso similar al que había obtenido con los relevadores pero mas potente y mas preciso.



Y finalmente el uso de ventiladores para elevar por medio del viento las escamas, que fue la idea que mas me gustó y la que decidí utilizar para el proyecto.



proyecto: primeros avances.


Lo primero que se me ocurrió para empezar a trabajar en el prototipo, y aun mas para aprender un poco a cerca de circuitos y sensores fue comprar uno de esos kits que venden en las tiendas de electrónica.
Compré uno de sensor de proximidad que funciona con un led infrarrojo y hace que al pasar la mano frente a el se encienda un led rojo:



Eso estuvo bien porque entendí como funcionaba y además aprendí a soldar con cautín las piezas en el circuito:



Después encontré un código que funcionapara encender por tiempos los leds, de manera que pensé en cómo se podría adaptar esa idea a las escamas de mi prototipo. Pensé primero en utilizar unas cosas que se llaman 'relevadores' que por dentro tienen una bobina que al recibir un voltaje da un rebote y eleva una pieza pequeña de metal en la parte superior. en realidad, los relevadores sirven como switches, que convierten una señal debil en fuerte.
Entonces si le quitaba la caja y le aflojaba la parte superior, y luego le mandaba un impulso, el relevador podía levantar con algo de fuerza cualquier cosa que se le pusiera encima.





Sin embargo esta idea esta descartada por ser dificilmente repetible y por no dar la fuerza necesaria ni la precisión para levantar las escamas como yo quiero que se levanten.

proyecto: referencias tridimensionales

Buenoooo! aqui estan las referencias de piezas tridimensionales interactivas que mas o menos tienen que ver con lo que quiero hacer, no solo en la salida estética sino en la manera en la que se resuelve el problema del movimiento.

AQUI pueden ver la primera pieza que vi de Daniel Rozin. Daniel es un artista de Jerusalem que hace esculturas interactivas, mas que nada piezas que funcionan como 'espejos' porque reflejan la imagen del espectador por medio del matiz de piezas expuestas a una luz fuerte. En su página (que pueden ver AQUI ) dice: 'Rozin creates installations and sculptures that have the unique ability to change and respond to the presence and point of view of the viewer. '
AQUI hay una pieza que funciona de manera similar pero hecha con espejitos. Los espejos funcionan con una cámara de video que se encuentra posicionada al centro de la pieza y esta se conecta a una computadora. la cámara graba la presencia de una persona frente al espejo y en la computadora esta imagen se divide en pixeles de una gama de grises. luego esta información se envia a los motores a los que se les indica cuanto rotar las piezas del espejo. mientras mas hacia arriba giren las piezas son mas blancas porque les da luz directa, y hacia abajo se vuelven oscuras por la sombra.

AQUI pueden ver el video de una pieza que hizo el Jason Bruges Studio que se encarga de hacer proyectos interactivos y de electronica y media art. AQUI pueden ver su página. Ellos se encargan de reunir a arquitectos, diseñadores de iluminación, especialistas en interacción y diseñadores industriales para generar espacios interactivos y superficies que en parte son arquitectónicas.

ESTA pieza la agrego a las referencias solamente por la parte estética. porque en realidad no funciona como yo quiero que funcione mi pieza, pero me refiero a la suavidad de movimiento y a la manera en la que se presenta expuesta. sin tripas de fuera.


Eso es todoooo!!! :D

proyecto: referencias bidimensionales

Estas son las referencias que encontré de personas que han trabajado con piezas interactivas. En primer lugar con piezas proyectadas o en pantalla bidimensional:

AQUI pueden ver el video de Camille Utterback y Romy Achituv. 'Text Rain'. Camille es una artista que hace instalaciones interactivas y esculturas reactivas que introducen a los espectadores a convertirse en participantes de las piezas por medio del descubrimiento, el movimiento y el juego. Ella vive en San Francisco y en 1999 realizó su primera pieza (que es esta) en la que los participantes utilizan sus cuerpos para jugar y levantar letras que caen proyectadas en una pantalla. En esta pantalla pueden ver una imagen en en espejo de ellos mismos y letras animadas que caen de la parte superior como nieve o lluvia y aterrizan en sus cabezas y brazos. las letras responden a los movimientos de los participantes y pueden ser atrapada y luego soltadas. las letras se quedan en cualquier objeto o elemento que sea mas obscuro que un cierto rango y se caen cuando ese obstáculo se elimina. si los participantes acumulan suficientes letras, pueden formar frases o palabras porque las letras que caen no son aleatorias, sino que pertenecen a un poema que habla del lenguaje y el cuerpo. Aqui pueden ver su página.


AQUI pueden ver el video de Phillip Worthington ' Shadow Monsters'. Phillip es un artista que hace varios tipos de piezas muy padres! el mismo dice de su pieza realizada en el 2005: 'Shadow monsters is an intuitive and magical experience for young and old alike to play with body posture for creating crazy narratives' Aqui pueden entrar a su página.


AQUI pueden ver el video de la pieza de Rafel Lozano Hemmer 'Eye contact' del 2006. Rafel es mexicano y es un artista electrónico que trabaja mucho con ideas arquitectónicas y del performance. Para hacer sus piezas usa robótica, proyecciones, sensores y redes de comunicación. En esta pieza una pantalla muestra 800 videos simultáneos de personas acostadas, sentadas o descansando que en el momento que una persona se acerca a la pantalla y la cámara se 'despiertan' de manera que las personas se levantan y observan al visitante. cada uno de estos videos se encuentra en un cuadro pequeño a manera de pixel que se ilumina además formando la silueta del observador. Aqui pueden entrar a su página.

AQUI pueden ver el video de la instalación de Brigitta Zics. Esta pieza no solo crea imagenes ópticas, sino que participan elementos del espectador. los visitantes se ven reflejados con una imagen virtual que se crea a partir de el análisis de cada persona, de sus medidas, de su peso y su temperatura corporal. a partir de estos datos se generan diferentes figuras dependiendo de quien entre, de manera que el reflejo es diferente para cada quien. AQUI pueden ver la página de la artista.

AQUI pueden ver el video del 'Hall of fragments' un ambiente reactivo que funciona con una proyección en pantallas gigantes. Lo hizo el 'Rockwell Group' en el 2008 en colaboración con Jones + Kroloff. Rockwell es un grupo de artistas y diseñadores que hacen proyectos culturales (aqui esta su página) y Jones es otro grupo de diseñadores y aqui esta su página. juntos hicieron esta instalación que se presentó en una exhibición que se llamó 'out there: architecture beyond building' y qué iniciaba el recorrido explorando cómo la liberación de ataduras físicas en el cine afecta la percepción y el comportamiento.

AQUI pueden ver el video de 'We are magnetic' del grupo Play The Magic. Ellos son un grupo formado por Julio Obelleiro, Alberto García, Jorge Cano y Pedro Enriquez y que hace instalaciones interactivas que intentan crear ilusiones en la percepcion de los observadores. Han creado instalaciones como 'The magic torch' y 'Slaughterhouse Phantoms' además de la de este video que pueden ver en su página AQUI.

Proyecto 1


Bueno...

La idea inicial es esta: Tuve un sueño en las vacaciones, durante los días en los que estaba pensando mucho sobre cuáles talleres de producción iba a escoger cuando regresáramos a clase... quería tomar multimedia pero no estaba segura cuál iba a ser el otro taller ni qué proyecto iba a presentar ni nada.... entonces soñé que iba a una galería, en donde leía que estaba mi exposición. Estaba muy orgullosa pero no sabía muy bien cuál era la pieza o las piezas que estaba exponiendo... entonces me decía una especie de 'botones' a la entrada que yo tenía que pasar primero para 'ver si estaba bien instalada' .... y entonces me abría la puerta y estaba en una galería enorme... completamente blanca con piso blanco de ese que hace eco. En medio de todo había una especie de planta negra que llegaba del piso al techo y se recargaba en una columna. Cuando me acercaba veía que estaba hecha de escamas muy chiquitas y que estaban como plagadas con cosas brillantes como diamantes. tambien negros.Me acercaba más y entonces se movía. Y cuando yo caminaba las escamas que se encontraban frente a mi se movían como en una ola generando al pegarse unas con otras un sonido muy envolvente. como 'shhhrhhhhhrhhhhhrhhhhhhh'. Entonces caía en cuenta de cómo lo había hecho y que era interactiva y esas cosas. Me gustó mucho que la idea inicial viniera de un sueño.

Entonces... partiendo de esa idea inicial hice dibujitos para podérsela explicar al mundo... aquí hay uno:



lo que hice después fue buscar referencias de personas que ya hubieran hecho algo parecido o algo que tuviera que ver con la interacción entre personas y piezas tanto bidimensionales como tridimensionales. :D

1* SOUNDS



Bueno antes de empezar con el proyecto de este nuevo semestre hice una cajita de sonidos para la clase de Ilán, en la que teníamos que hacer una pieza que necesitara la interacción de una persona para funcionar. No necesariamente tenía que ser multimedia pero decidí usar flash para hacerla.

AQUI pueden usarla.

funciona asi:
Primero hice una fila de 10 botones que tienen en su posición de 'hit' un sonido. De agudo a Grave. Este sonido lo edité primero en 'SoundBooth'.
Luego importé los 10 sonidos a la librería de Flash para ponérselos a cada botón en esta posición. Esto sirve para que cuando uno ponga el mouse sobre el botón y lo pique suene.
A cada uno de estos sonidos se les puede agregar o cambiar un efecto y una propiedad. Les puse en propiedades 'LOOP' para que el sonido al terminar se repita con un lapso de tiempo constante para siempre.
Después dibujé una animación cuadro por cuadro de los hilos que caen de cada botón y la puse cada una en una capa dentro de un Movieclip. Estas capas tienen cada una asignada una etiqueta, de manera que en el código lo que hace cada botón es llamar a la etiqueta que le corresponde para que funcione el movieclip necesario.




Así, como no hay ninguna instrucción de terminar el sonido, las notas se van acumulando y haciendo un ritmo, que depende de el orden en el que se pican los botones y la velocidad del intervalo entre cada una de ellas.



Finalmente agregué un botón para quitar el audio (mute) que funciona por medio de la instruccion en el codigo de darle una variable a reducir el volumen a cero y luego indicar que al presionar el botón de 'mute' se ponga a funcionar esta variable a la que se le asigna una función. Así mismo tambien se debe decir que vuelva el sonido al picarlo por segunda vez y se deben asignar los cambios en la apariencia de los botones por medio de la elaboración de nuevos movieclips en la forma del botón. asi es como se ve el codigo para esto:



Y después agregué otro botón para volver a empezar (clear) con los sonidos. Esto lo hice con una orden para 'refresh'. Y se hace con este código:



:D prometo empezar hoy mismo el nuevo proyecto del semestre!!!

13* Mapa

Este es el mapa que hice para organizar las funciones que deben desempeñar los botones en el interactivo. Además de aclarar en mi mente la gran cantidad de posibilidades que se generan en la opción ' 陛下' (su majestad).

interaccion 4

una acción más (MANNERS):

interacción 3

nuevo menú y nuevas acciones !!!

interacción 2

El botón 'Boy' ya funciona!!!!

12* Interacción

Bueno este es un interactivo que estoy haciendo en flash con Action Script 3.0.


Después de muchos problemas ya no tiene ningún error y está listo para que cada acción tenga un contenido especifico, porque el zorro va a hacer distintas cosas dependiendo del botón que uno pique.

Por el momento lo unico que hice fue asignar tres momentos diferentes en la linea del tiempo que representan las tres posiciones de un botón ( es decir 'up' 'over' y 'click'). Estas tres posiciones las tiene normalmente la linea de tiempo de un símbolo gráfico que es botón, pero hoy descubrí que en la posición de 'up' (que es en la que el botón se encuentra en estado de reposo) no se puede insertar un 'movie clip' (osea un símbolo gráfico de película) de manera que el zorro no iba a poder estar en movimiento antes de picarlo. Entoooonces en lugar de utilizar un símbolo gráfico de botón utilicé uno de 'movie clip' y le asigné etiquetas a las tres etapas para poder llamarlas por medio de acciones en action script:

En la primera etiqueta (up) hay un movieclip (que se llama fox button) que tiene el movimiento del zorro (la vibración) y una acción que indica que cuando se ponga el mouse sobre el movieclip se salte a la segunda etiqueta (over)

En la segunda etiqueta (over) hay un botón (que se llama clickbutton) que esta hecho como símbolo gráfico de botón y cuya área de reacción incluye a la figura del zorro (que es a su vez un movieclip que se llama fox button2) que auya y tiene audio. La acción de este 'frame' dice que al picar el botón se debe saltar a la tercera etiqueta (click)

En la tercera etiqueta (click) está el mismo movieclip de la primera etiqueta (fox button), hay un menú de botones que todavía no tienen ninguna acción asignada y un botón de 'back' que lleva a la primera etiqueta (up)

bueno .... eso es todo... estoy muy contenta de que ya no haya errores y de que haga lo que yo quiero sin conformismos.... -_-

11* WEB

Buenoooooo hoy logré hacer botones y ponerles links. la página va creciendo aunque aun no tenga muchas cosas... :D


10* Flash


Hoy hice un index para mi página de internet usando Flash CS4 de la suite de Adobe. Un 'index' es la primera página a la que se entra dentro de un dominio y es la primera página que se ve al navegar en internet.

AQUI esta la pagina.

Lo primero que hice fue hacer una animación muy breve en flash, esto quiere decir que duraba solo 15 segundos y tenía solo tres fotogramas clave. así es como se ve la animación en el flash:



a continuación hice un botón a partir del gráfico de texto que dice: melonopoppolus. para hacer un botón se necesita seleccionar el gráfico y luego ir a 'modify' -> 'convert to symbol' -> 'button' esto permite que al seleccionar el gráfico darle doble click) pasemos a otro tipo de linea de tiempo que se ve asi:




y que permite elegir lo que va a suceder con el botón cuando el mouse pase sobre el, cuando lo pique y seleccionar el area en la que esto suceda.

Lo que yo hice fue agregar la cara al momento de poner el mouse sobre esta area y cambiar la cara para que cierre los ojos al momento de picarle.

cuando ya estaba lista la 'película' en flash, la exporté con 'publish' a una carpeta hecha especialmente para todos los elementos de la página. esto automáticamente creó un archivo .html, uno .swf y uno .fla.
lo siguiente que hice fue importar este .html a dreamweaver de manera que la presentación de código se ve así:




Aquí agregué además una linea en el 'header' que hace que aparezca un icono de imagen junto a la dirección en el 'browser' y aproveché para eliminar cosas del metadata para que no sea tan fácil ver que mi DW es pirata :D

no estoy segura todavía cómo hacer links....para que al picarle entre a la pagina de verdad... pero mañana lo voy a investigar.

ah! estos dos tutoriales me ayudaron mucho:

ESTEpara hacer botones animados
ESTE para exportar el flash