Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje27-07-2010, 18:02 (UTC)    
Título del mensaje: [Tutorial Flash] Galería

Hola he recibido muchos MP´s donde me pedían ayuda respecto flash, bueno, especialemente para ellos les dejo este tutorial, la explicación que a continuación se detalla es solamente una forma de cómo enlazar fotogramas de las muchas que se pueden desarrollar, sin embargo, también considero que es la más sencilla y rápida de hacer. El tutorial esta desarrollado en el fantástico programa de Flash 8.

1-. Comenzar por hacer un documento (ctrl. + J), de dimensiones 350 * 225 píxeles de ancho y alto respectivamente.
a)-. Colocar como color de fondo # 666666.
b)-. Velocidad de fotogramas 12 fps.


2-. Crear el primero de dos símbolos (ctrl. + F8).
a)-. Colocar como nombre next.
b)-. Dar como Tipo Botón.


3-. Ubicado en el símbolo hacer un diseño de botón de dos estados (reposo y sobre).
a)-. Colocar el diseño del botón en coordenadas X = 0.0 y Y = 0.0.
Nota: la punta debe de estar apuntando en Dirección Derecha


4-. Crear el segundo de los símbolos (ctrl. + F8).
a)-. Nombrarlo back.
b)-. Dar como Tipo Botón.


5-. En este símbolo diseñar nuevamente el botón de dos estados (Reposo y Sobre).
a)-. Colocar el diseño del botón en coordenadas X = 0.0 y Y = 0.0.
Nota: ahora orientar el diseño del botón en Dirección Izquierda.


6-. En este paso insertar únicamente una serie de imágenes “en esta ocasión fueron 5” a la biblioteca.
La ruta es Archivo >> Importar >> Importar a biblioteca.


7-. Regresar a la Escena y cambiar el nombre de la capa por imagen.
a)-. Arrastrar desde la biblioteca la primera imagen.
b)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
c)-. Insertar cuatro fotogramas clave vacíos más (F7).
d)-. En cada uno de los fotogramas insertados arrastrar desde la biblioteca la imagen correspondiente y no olvidar colocar en coordenadas X = 0.0 y Y = 0.0


8-. Insertar una segunda capa y nombrarla botones.
a)-. Ocultar la capa imagen.
b)-. Arrastrar desde la biblioteca cada uno de los símbolos creados “next y back”.
c)-. Colocarlos en coordenadas X = 100.0 y Y = 200.0 para back y para next las coordenadas son X = 230.0 y Y = 200.0.


9-. Seleccionar el símbolo back.
a)-. Abrir el panel de Acciones – botón y escribir el código action script.
Código:
on (release) {
prevFrame();
}



10-. Seleccionar el símbolo next.
a)-. En el panel de Acciones – botón escribir el código action script.
Código:
on (release) {
nextFrame();
}



11-. Seleccionar el primer fotograma de la capa imagen.
a)-. Abrir el panel de Acciones – fotograma escribir el código correspondiente.
Código:
stop();



P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado. Gracias por seguir apoyando este espacio, con sus comentarios y sugerencias llegaremos al infinito y más lejos
¡Saludos!


Vista Previa
http://www.fileden.com/files/2009/12/23/2700065/Enlazar%20fotogramas%20con%20botones%20%28Galeria%29%20en%20Flash%208.swf

Otros de mis tutoriales en el foro:
Userbar animado
Visualizador de noticias flash
Menú con estilo
______________
firma modificada pwg

la medida maxima es 450x100
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group