Flash te enseña cómo hacer un lindo despertador con una ranita
Este ejemplo de Flash crea una linda animación de "pequeño reloj de rana", utilizando herramientas básicas de dibujo de Flash como elipse, rectángulo, línea recta y deformación arbitraria. La operación es simple y fácil de entender, adecuada para la práctica.
Primero echemos un vistazo al efecto:
Pasos de producción:
1. Cree un nuevo documento Flash, presione Ctrl F8 para crear un nuevo componente y nombre. eso "reloj". Selecciona la herramienta Elipse, establece el trazo en negro y el relleno en verde, mantén presionada la tecla Mayús y dibuja un círculo perfecto.
2. Ctrl D para hacer una copia y cambiar el relleno a blanco. Utilice la herramienta de selección para seleccionar dos círculos y ejecutar Menú/Modificar/Alinear/Alinear verticalmente y alinear horizontalmente.
3. Dibuja las manos de la rana. Cree una nueva capa, asígnele el nombre "mano" y colóquela en la parte inferior del panel de capas. Copie la elipse verde Ctrl D nuevamente y use cualquier herramienta de transformación para ajustarla al siguiente tamaño.
4. Coloca esta pequeña elipse a un lado de la siguiente manera.
5. Copia otro óvalo pequeño y colócalo en el otro lado para completar la mano de la rana.
6. Dibuja las patas de la rana. Cree una nueva capa, asígnele el nombre "pie" y colóquela en la parte inferior del panel de capas. El pie se compone de 1 elipse grande y 5 óvalos pequeños, así que primero copia 6 óvalos y ajústalos a los siguientes tamaños.
7. Coloca los 6 óvalos de la siguiente manera, con la elipse grande en la parte inferior y la elipse pequeña en el medio en la parte superior. Haga clic derecho en cada elipse y seleccione "Organizar" para ajustar sus niveles.
8. Después de organizar, seleccione todo el pie, Ctrl D para hacer una copia, seleccione Menú/Modificar/Transformar/Voltear horizontalmente y colóquelo en el otro lado para completar la pata de rana.
9. Dibujar una escala de tiempo. Crea una nueva capa, llámala "tiempo" y colócala encima. Usa la herramienta Línea para dibujar una línea recta de cualquier longitud.
10. Seleccione esta línea recta, use Ctrl+T para abrir el panel de deformación y establezca el ángulo de "Rotación" en "15". Haga clic en el botón "Copiar y aplicar transformación" en la esquina inferior derecha para copiar otro.
11. Continúe haciendo clic en este botón hasta que se copie un círculo completo de líneas rectas. El efecto es el siguiente.
#p#subtitle#e#
12. Selecciona todas las líneas rectas, grupo Ctrl G. Luego use la herramienta Elipse y mantenga presionada la tecla Mayús para dibujar un círculo perfecto como se muestra a continuación. Seleccione la línea recta y la elipse y ejecute Menú/Modificar/Alinear/Alineación vertical y Alineación horizontal.
13. Usa Ctrl B para dividirlas todas y eliminar las líneas sobrantes, dejando solo el círculo de líneas rectas fuera de la elipse para formar un dial. Ctrl+G para agruparlos.
14. Utiliza cualquier herramienta de transformación para ajustar la escala de tiempo a un tamaño adecuado y colócala en el reloj en la siguiente posición.
15. Dibuja ojos. Crea una nueva capa, llámala "ojo" y colócala en la parte inferior. Duplica otra elipse verde para usarla más adelante.
16. Dibuja dos óvalos pequeños más, uno relleno de blanco, otro relleno de negro y ambos contornos son negros.
17. Apila los tres óvalos como se muestra a continuación y colócalos en la siguiente posición para completar un ojo.
18. Copia un ojo, ejecuta menú/modificar/transformar/voltear horizontalmente y colócalo en el otro lado para completar un par de ojos.
19. Seleccione los dos ojos, presione F8 para convertirlos en componentes y asígneles el nombre "ojo". Haga doble clic en los ojos para ingresar a la interfaz de edición de componentes y ajuste los dos ojos negros a la izquierda en el cuadro 1.
20. Pulsa F6 en el fotograma 3 para insertar un fotograma clave y ajusta los dos ojos negros a la derecha.
21. Presione F5 en el cuadro 4 para insertar un cuadro para completar los ojos.
22. Dibuja el puntero. Ctrl F8 crea un nuevo componente y lo llama "flecha 1". Utilice la herramienta rectángulo para dibujar el siguiente rectángulo. El trazo es negro y el relleno es verde.
23. Usa Ctrl D para hacer una copia y usa cualquier herramienta de transformación para ajustarla al siguiente tamaño.
#p#subtitle#e#
24. Coloca los dos rectángulos de la siguiente manera. Utilice la herramienta de selección para arrastrar los dos puntos finales del pequeño rectángulo hacia adentro para ajustarlo a un triángulo.
25. Elimine las líneas redundantes y presione Ctrl G para agrupar.
26. Presione F6 en el fotograma 30 para insertar un fotograma clave y agregar interpolación de animación. Selecciona la herramienta Transformación libre y arrastra el punto central más cerca de la parte inferior.
27. Seleccione el fotograma 1 y establezca "Rotación" en "1 en el sentido de las agujas del reloj" en el panel de propiedades, de modo que el puntero gire una vez cada 30 fotogramas.
28. Regrese a la escena 1, cree una nueva capa, asígnele el nombre "flecha 1" y arrastre el componente "flecha 1" completo al centro del reloj en el panel de la biblioteca. Cree una nueva capa, asígnele el nombre "flecha 2", arrastre el componente "flecha 1" nuevamente al centro del reloj y use la herramienta de deformación libre para ajustarlo para que sea más delgado.
29. Seleccione el puntero en la capa "flecha 2", presione F8 para convertirlo en un componente y asígnele el nombre "flecha 2". Haga doble clic en él para ingresar a la interfaz de edición de componentes, arrastre el fotograma clave en el último fotograma hasta el fotograma 12 y elimine los fotogramas extraordinarios detrás de él, dejando los demás sin cambios. Este puntero girará una vez cada 12 fotogramas.
30. Regrese a la escena 1, superponga los dos punteros y organícelos. Las capas quedan de la siguiente manera. Ctrl Enter puede probar el efecto.
#p#subtitle#e#