Archive for the 'Tutoriales' Category

Personalizar menu contextual en Flash

Wednesday, February 20th, 2008

Muchas veces queremos quitar ese molesto menu emergente que aparece en nuestras animaciones de flash, aqui te digo como personalizar ese menu emergente para que aparezcan tus creditos, por ejemplo la direccion de tu sitio web o bien tu nombre y un correo electronico, ojo: esta personalizacion no incluye enlaces!!!

var mimenu= new ContextMenu();
 mimenu.hideBuiltInItems();
mimenu.customItems.push(new ContextMenuItem("Aqui ubicas el texto que quieres que aparezca", acercade));
function acercade()
{
_root.about_mc._visible = true;
}
_root.menu= mimenu

Espero que te sirva de ayuda.

Fuente: CristaLab

Aplicando sombra con CSS

Friday, January 5th, 2007

En HTML no podemos aplicar sombras a los textos o bordes de tablas o imagenes, eso lo debemos realizar con algun programa de Diseño Grafico.

 Hemos encontrado un sitio que te explica como aplicar sombra a los bordes de tablas usando unicamente CSS, la direccion es:

www.webtoolkit.info/css-drop-shadow.html  (en ingles)

Ahora ya no dependeras de un Software para Diseño Grafico, tu puedes aplicar sombras usando CSS (Hoja de Estilos en Cascada) 

 

Eventos en Flash - Macromedia Flash Eventos

Sunday, December 10th, 2006

Eventos 

Un evento es un suceso al que Flash puede reconocer y reaccionar ante el. Un evento es una accion que ocurre mientras una pelicula se está reproduciendo. El raton es un ejemplo lleno de eventos, desde la presion del boton hasta el movimiento del mismo.

Controladores de Eventos

Son los que se encargan de realizar acciones especificas en reaccion a un evento. El controlador para los eventos de boton es llamado On(Evento del boton), mientras que el controlador de Clip de Pelicula: OnClipEvent. Los controladores de eventos son asociados con objetos especificos de Flash.

Para agregar un evento a un boton o clip de pelicula, se debe seleccionar primero  dicho objeto, despues abrir el panel de acciones y seleccionar la accion que se desee que realice. Una vezque se haya seleccionado la accion, Flash automaticamente coloca el controlador de eventos On en el codigo antes de la accion seleccionada para servir como lanzador de esta.

Cabe mencionar que en Flash 8 el panel de acciones no cuenta con modo Normal, es decir no hay una ayuda grafica, elmodo de programacion esta disponibleunicamente en modo experto.

Eventos de boton

Determinan que pasará cuando cierto evento es realizado porel usuario con respecto  un objeto de este tipo.

Eventos de Clip de Pelicula

El controlador de eventos de clips de peliculas determina que pasará cuando cierto evento se realice y se esté reproduciendo la animacion Flash.

Crear simbolos en Flash

Saturday, September 30th, 2006

Primero debemos saber ¿Que son los simbolos?.

Los simbolos son objetos que creamos en flash, a fin de optimizar los recursos en nuestras animaciones.

Tipos de Simbolos en Flash.

  1. Clip de Pelicula (Movie Clip)
  2. Botones
  3. Graficos

Qué son los Clips de Pelicula

Los clip de peliculas son pequeñas animaciones dentro de una animacion mas grande.

Por ejemplo, si queremos dar la sensacion de movimiento en una rueda, deberemos crear una rueda con un degradado como relleno, insertar 10 fotogramas (pueden ser mas o menos), crear Interpolacion de movimiento, seleccionar el primer fotograma de la animacion y en el panel de propiedades buscamos la opcion rotar (rotate) y seleccionamos la opcion horario (CW), para rotar en sentido a las agujas del reloj; o Anti horario (CCW) para girar en sentido contrario.

El problema es que una vez que el apuntador llegue al ultimo fotograma nuestra animacion de la rueda se va a ver interrumpida por el “auto rebobinado ” que Flash hace por defecto en todas sus animaciones.

Para resolver este problema, realizamos la animacion dentro de un Clip de Pelicula, esto nos garantiza que la animacion va a continuar independientemente que la linea de tiempo haya o no llegado a su final.

Botones

Todos hemos visto objetos llamativos con diferentes diseños en casi todas las paginas web que hemos visitado, en Flash nosotros podemos crear nuestros propios botones, Flash trae botones prediseñados que podemos usar para casos de emergencia, pero es importante conocer como realizar nuestros botones personalizados.

Graficos

Los Graficos funcionan similar a un clip de pelicula, la limitante es que necesitamos en la linea de tiempo principal, la cantidad exacta de fotogramas para que la animacion que incluimos en el grafico pueda verse en su totalidad.

Como hacer simbolos

Para convertir en simbolo un objeto, dibujamos el objeto en el escenario.

Seleccionamos el objeto (doble clic para seleccionar el relleno y contorno) y presionamos la tecla “F8″.

 Aparecerá un cuadro de Dialogo en el cual daremos El nombre del simbolo y el tipo de simbolo que deseemos.

Convertir en simbolo

Como se puede apreciar en la imagen, ademas hay una opcion “Registration” o Punto de Registro el cual nos servira para el establecimiento de las coordenadas “X” e “Y” (X para las coordenadas horizontales y “Y” para las coordenadas verticales).

Un carro por la carretera

Saturday, September 30th, 2006

En muchas ocasiones necesitamos hacer que un carro esté en movimiento, usando Macromedia Flash 8 (se puede hacer perfectamente con Macromedia Flash MX 2004) haremos un carro que se vaya desplazando sobre una carretera y a su vez que se vayan cambiando las panoramicas.

Para ello requeriremos de las siguientes imagenes:

(2) panoramicas.
Podemos usar http://www.images.google.com/ para buscarlas.

(1) carro.
Buscamos en Google el carro que querramos utilizar en nuestra animacion.

Procedimiento.

  • Haremos un nuevo documento de Flash, de 500 x 200.

Panel de Propiedades de Flash

  • Importamos las dos panoramicas y el carro a la Biblioteca.

 Insertar imagen a la Biblioteca de nuestro documento Flash

 

 

 

  • Abrimos la biblioteca (CTRL + L) para arrastrar la imagen al escenario (Una de ellas).

Arrastrar Imagen de la biblioteca al escenario

Es preferible que las imagenes que vamos a usar para el Fondo (panoramicas) sean un poco mas anchas que el fondo, es decir, si el fondo es de 500 px que la imagen sea de almenos 100 pixeles superior (600).

  • Convertimos en Clip de Pelicula esa imagen (ver convertir en simbolos) y le damos doble clic para editarla.
  • Una vez dentro del Clip de pelicula ubicamos la imagen exactamente en el borde izquierdo de la imagen, es decir, las coordenadas “x” deben estar en 0.
  • Insertamos 30 fotogramas y creamos Interpolacion de Movimiento (ver como crear interpolacion de movimiento).
  • Seleccionamos el ultimo Fotograma Clave (fotograma 30) y lo movemos, procurando que el extremo derecho de la imagen coincida con el extremo derecho del escenario.
  • insertamos una nueva capa y en el fotograma 30 insertamos un fotograma clave.
  • De la Biblioteca arrastramos la segunda panoramica y seguimos los pasos 6 - 8 (en el paso numero 7 ya no seria el fotograma 30 nuestro fotograma final sino el 60)
  • Salimos del Clip de Pelicula y regresamos a la Escena 1.

Hasta el momento tenemos unicamente un fondo cambiante, sin nada del otro mundo, es simplemente un Clip de Pelicula que en determinado punto de la animacion cambia.

Recordemos que para el fondo utilizamos un total de 60 fotogramas.

Un carro por la carretera II