Páginas:
Por: Constanza Villanueva
@
viernes, 13 de junio de 2008
Nota vista 31907 veces
Las presentaciones en PowerPoint aburren, eso se sabe. En la actualidad el interés va por lo interactivo, lo vistoso, lo animado. Los botones tienen que iluminarse (al menos) y las transiciones tienen que ser suaves. En NeoTeo vamos a ofrecerte unas nociones básicas para manejar el Adobe Flash sin errores y para que puedas seguir los tutoriales que haremos más adelante
Símbolos: Botones
Pincha el icono de “Nuevo Símbolo” en la Biblioteca y selecciona la opción “Botón” en la nueva ventana
Verás que la Línea de Tiempo del Botón difiere de la de Escena o Gráfico. Tienes 4 fotogramas que representan las instancias de: Reposo, Sobre, Presionado y Zona activa.
Al igual que con los gráficos, puedes insertar ficheros de imagen externos en el botón. Sólo necesitas tener en cuenta que si quieres que el botón se ilumine/cambie de color, deberás crear una imagen adicional (Flash no te permite editar ficheros externos).
- Selecciona el cuadro de la barra de herramientas. Traza un rectángulo en el área del documento que tiene la cruz. O presiona Ctrl+R para insertar una imagen externa
- Inserta un Keyframe en cada uno de los fotogramas restantes (Sobre, Presionado y Zona Activa)
- Pincha en el fotograma “Sobre” y luego pincha sobre el rectángulo que has trazado. En el panel de Propiedades, cambia el color de la forma (al que te gustaría que cambie el botón al pasar el ratón por arriba). O borra la imagen en “Sobre”, presiona Ctrl+R y elige la segunda imagen que hayas preparado
- Crea una nueva capa para el texto (Tener el texto en otra capa te hará la edición mucho más fácil)
- Pincha la “A” en la barra de herramientas y asegúrate que en el panel de propiedades diga “Texto Estático”. Elige la fuente, tamaño y color que prefieras y escribe sobre el botón. Acomoda el texto e inserta un keyframe en cada fotograma
- Pincha en el fotograma “Sobre” de la segunda capa, haz doble clic en el texto y cambia el color de la letra
- Pincha en “Escena 1” en la línea de tiempo para salir de la edición del botón
|
|
|
Area de Edición del símbolo Botón
|
Modifica el estado en "Sobre" para que el botón reaccione al pasar el ratón
|
|
|
|
Agrega el texto del Botón en una segunda capa
|
Cuando termines el botón, vuelve al escenario
|
Para ver a tu botón en acción, arrastra el símbolo a la escena, ve a la opción “Control” del menú superior y tilda la opción “Habilitar botones simples” (Ctrl+Alt+B). Luego sólo pasa el ratón por arriba.
Nota: El Fotograma de Zona activa es muy útil para botones invisibles o botones de sólo texto (Si no trazas una zona activa sobre el texto, éste tendrá propiedad de botón sólo en los trazos de las letras. Es decir, si no pinchas justo sobre una letra, no podrás usar el botón). Trazando un cuadro o círculo en el fotograma de Zona Activa determinas el área que representará la acción del botón (que el cursor cambie a mano y el espacio para presionar). La forma trazada será transparente en la escena.
Ya casi terminamos, sólo nos quedan los Clips de Película
|
|
|
Para hacer un botón invisible, sólo usamos un keyframe en la zona activa
|
La forma trazada en Zona Activa es invisible en la escena
|

Clip de Película y Acciones

Nociones Básicas y Gráficos

Lively: El mundo virtual de Google

Programar con Visual BASIC (V)
Prohibida su copia total con o sin fines comerciales. Copias parciales deben citar la fuente.