Movimiento De Un Balón D Futbol En Flash CS3

Tutorial Adobe Flash CS3. Crear Animación En Movimiento De Un balón De Futbol Con Una Máscara. Hola ya estoy de regreso con otro fantástico tutorial creado 100 % en Adobe Flash CS3, en la siguiente explicación te marcare los pasos a seguir para que logres hacer una animación de una pelota de futbol. Esta animación es simular que el balón este girando, como no se pueden hacer imágenes redondas y por lo tanto estas son cuadradas, cuando se hace una animación de girar en ves de girar un círculo gira un cuadrado. Por lo tanto es necesario aplicar una máscara en forma redonda y así se soluciona este pequeño inconveniente. Por otro lado aprenderás a importar imágenes al escenario, así mismo toda la animación será trabajada en la Escena para no complicar la explicación, para este trabajo no será necesario escribir una sola línea de código ActionScript. Y sin más preámbulos ¿Comenzamos? Good Luck

1)-. El primer paso es crear las propiedades para el documento en el cual se va a trabajar. En este caso las dimensiones son 225 px * 225 px de ancho y de alto.

a)-. Usar como color de fondo

b)-. Colocar como velocidad de fotogramas 45 fps.

2)-. Una ves colocadas y aceptadas las propiedades del documento, proceder a importar una imagen redonda (balón de futbol).

a)-. Para importar la imagen (ctrl. + R), segur la ruta hasta en donde tengas ubicada la imagen.

3)-. Este trabajo consta de dos capas a la primera de ellas se le colocara el nombre de (animación).

a)-. Una ves que se importo la imagen esta se colocara automáticamente, en el primer fotograma de esta capa.

b)-. La imagen tiene por medidas 200.0 píxeles * 200.0 píxeles de ancho y de alto.

c)-. Colocar la imagen en coordenadas X: 12.5 Y: 12.5.

d)-. Recuerda que toda la animación era llevada a cabo en la Escena.

4)-. Insertar un fotograma clave (F6)en la posición número 45.

a)-. De esta forma la imagen será colocada en las coordenadas X: 12.5 Y: 12.5.

5)-. En este paso crear la animación de movimiento, este paso es muy fácil de hacer.

a)-. Seleccionar un fotograma entere el 1 y el 44, yo opte por seleccionar el fotograma número 5.

b)-. En el panel de propiedades seleccionar la opción Animar: Movimiento.

c)-. Luego en la opción de Girar seleccionar Horario.

6)-. Seleccionar la herramienta de Óvalo (O). Luego insertar una segunda capa y colocarle como nombre máscara.

a)-. Dibujar un óvalo con las siguientes propiedades en esta ocasión prescindir del color de borde, usar como color de relleno #0000FF.

b)-. Las dimensiones son 200.0 píxeles * 200.0 píxeles de ancho y de alto respectivamente.

c)-. Colocar esta forma vectorial en coordenadas X: 12.5 Y: 12.5.

7)-. Hacer clic sobre la capa máscara con el botón derecho del ratón.

a)-. En el menú desplegado seleccionar la opción de Máscara.

8)-. En esta imagen te muestro como es que queda la línea de tiempo en las dos capas.

Con este paso queda concluido el tutorial. Como te puedes haber dado cuenta el trabajo es súper sencillo de practicar. Si tienes alguna duda o comentario no dudes en dejar tu comentario este será respondido a la brevedad posible. Well Done!

P.D. presionar ctrl. + enter y visualizar como trabaja la animación. Hasta pronto.
Descarga Archivo FLA De Este Tutorial

Visualizar Archivo SWF De Este Tutorial

Artículos relacionados:

• Movimiento De Contornos En Personaje De Caricatura Con Flash CS3
• Video Tutorial Flash Cs3 Transición De Movimiento Y Color
• Cielo En Movimiento Con Flash MX
• Crear una Guía de Movimiento con Flash