Pasos generales para crear animaciones Flash
1. Proceso de producción general
Los trabajos flash pueden presentarse en muchas formas, como presentaciones, materiales didácticos, demostraciones de productos, presentaciones de diapositivas e incluso juegos. No importa dónde se utilicen los trabajos Flash, normalmente se crean siguiendo los siguientes pasos:
(1) Dibujar o importar gráficos en Flash.
(2) Botones de recorte, animaciones independientes y todos los elementos que se utilizarán como materiales.
(3) Coloque elementos de la película como gráficos vectoriales, mapas de bits y componentes en el escenario.
(4) Añade acciones a botones, clips de película o fotogramas en la línea de tiempo para que puedan interactuar.
(5) Seleccione un marco, material, trazo, contenido relleno o bloque de texto en el escenario y ajuste sus propiedades a través de diferentes paneles.
Durante el proceso de producción, recuerda: en cualquier momento, el contenido en el escenario representa el contenido del fotograma actual en la línea de tiempo. Si mueve el cabezal de proyección a un cuadro diferente, la escena en el escenario cambiará. La animación se produce reorganizando el contenido en el escenario en múltiples fotogramas y luego navegando por ellos en un orden determinado. Para trabajar fácilmente con varios fotogramas contenidos en una línea de tiempo, divida el archivo de edición en "escenas" y piense en las escenas como páginas del archivo de edición. Las páginas son diferentes de las páginas. Un archivo de edición puede tener cualquier cantidad de escenas. Sin embargo, todas las escenas forman parte de una única película exportada. Las escenas de diseño simplemente dividen la línea de tiempo en secciones manejables, lo que simplifica la creación de contenido en el entorno de edición.
2. Texto en desplazamiento
El movimiento es la forma de expresión más utilizada en la producción de animación. Cómo expresar objetos vívidamente en el escenario a través de la animación en movimiento es el punto de partida para aprender la producción de animación. . La animación en movimiento puede producir cambios en materiales, grupos y cuadros de texto. Flash incluye principalmente efectos de animación como desvanecimiento/aparición gradual, acercamiento/alejamiento, deslizamiento hacia adentro/deslizamiento hacia afuera, rotación/espiral, volteo, inclinación, parpadeo, rebote, deformación, cambio de color, aumento, disminución, visualización gradual, enfoque, etc. También se puede integrar Utilice los efectos anteriores para producir animaciones más complejas.
Ejemplo 9-1: cree una animación que desplace un grupo de texto (F, L, A, S, H) hacia el centro de la pantalla.
Los pasos de operación son los siguientes:
(1) Seleccione el comando de menú "Archivo (F)/Nuevo (N)", seleccione la opción predeterminada "General/Documento Flash" y cree un nuevo archivo en el archivo de la etapa A, como se muestra en la Figura 9-33.
Figura 9-33 Crear un nuevo archivo
(2) Seleccione el comando de menú "Ventana (W)/Propiedades (P)" para abrir el cuadro de diálogo de propiedades de la película, como se muestra En la Figura 9-34, como se muestra, haga clic en el botón Configuración de color y seleccione negro como color de fondo de la película (en la práctica, debido a la imprevisibilidad de la producción de películas, la configuración se puede ajustar continuamente).
Figura 9-34 Cuadro de diálogo Propiedades de la película
Consejo: En Flash MX 2004, cada cuadro de diálogo de propiedades está unificado debajo del área de la escena, con un pequeño triángulo en el punto medio de la parte inferior. edge. Es un interruptor de palanca que abre o cierra el cuadro de diálogo Propiedades cuando se hace clic con el mouse. También hay un pequeño triángulo negro con una función similar en la esquina superior izquierda del cuadro de diálogo de propiedades.
(3) Haga clic en la herramienta de texto en la barra de herramientas de dibujo y haga clic con el mouse en el escenario. Aparecerá un cuadro de texto en el escenario, como se muestra en la Figura 9-35.
(4) Seleccione el panel de propiedades de texto debajo del escenario, como se muestra en la Figura 9-36.
(5) Arrastre el control deslizante de tamaño del texto en el panel de propiedades de texto y cambie el tamaño del texto a 48, como se muestra en la Figura 9-36.
Nota: La marca de arrastre en el borde del cuadro de texto en el escenario no se usa para cambiar el tamaño del texto, sino para cambiar el método de entrada del cuadro de texto, y no se puede confundir.
(6) Haga clic en el botón de configuración de color en el panel de propiedades de texto para establecer el color del texto en rojo, como se muestra en la Figura 9-36.
Figura 9-35 El cuadro de texto aparece en el escenario
Figura 9-36 Panel de texto
(7) Ingrese "F" en la posición del cuadro de texto de el escenario, como se muestra en la Figura 9-37.
Mueva el mouse a otra posición y haga clic con el mouse para completar la entrada.
(8) En el escenario, selecciona la letra "F". Seleccione el comando de menú "Modificar (M)/Convertir a componente (C)" y aparecerá el cuadro de diálogo que se muestra en la Figura 9-38. Ingrese "F" en el cuadro de nombre, seleccione Gráficos en el tipo de comportamiento y convierta. los personajes en el escenario.
Figura 9-37 Ingrese la letra "F" en el escenario
(9) Seleccione el comando de menú "Ventana (W)/Biblioteca (L)" para abrir la ventana de la biblioteca. , como se muestra en la figura Como se muestra en 9-39. Puede ver que hay un ícono llamado "F" en la ventana de la biblioteca. Este ícono se puede usar repetidamente para otras operaciones.
(10) Haga clic en la herramienta de flecha en la barra de herramientas de dibujo y seleccione el icono.
Figura 9-38 Convertir caracteres en componentes gráficos
Figura 9-39 Ventana Biblioteca
(11) Utilice la herramienta de flecha para mover el icono a la película El lado izquierdo del área, como se muestra en la Figura 9-40. El propósito de este paso es evitar que el ícono aparezca en la pantalla cuando comienza la película.
Figura 9-40 Mueva el ícono al lado izquierdo del área de la película
(12) Mueva el mouse al cuadro 40 de la línea de tiempo, haga clic con el botón derecho del mouse y seleccione el menú emergente. Seleccione el comando "Insertar fotograma clave". Haga clic en el cuadro 40 de la línea de tiempo, haga clic en la herramienta de flecha en la barra de herramientas de dibujo, seleccione el ícono "F", mantenga presionada la tecla "Shift", arrastre el ícono una cierta distancia hacia la derecha y colóquelo en una posición apropiada en la pantalla de cine.
Nota: La función de presionar la tecla "Shift" en este momento es mover el ícono horizontalmente.
(13) Mueva el mouse al primer fotograma de la línea de tiempo, haga clic con el botón derecho del mouse, seleccione el comando "Crear animación de interpolación" en el menú emergente y agregue animación entre 1 y 40 fotogramas. En este momento, la línea de tiempo es como se muestra en la Figura 9-41, lo que indica que la acción se agregó correctamente.
(14) Seleccione el panel del marco debajo del escenario, como se muestra en la Figura 9-42, y complete los ajustes necesarios. Haga clic en el escenario con el mouse y presione la tecla "Enter" para probar la animación de movimiento del personaje "F".
(15) Haga doble clic en "Capa 1" en la barra de capas, como se muestra en la Figura 9-43, escriba "F", es decir, cambie el nombre "Capa 1" a F.
Figura 9-41 Generar animación de movimiento
Figura 9-42 Panel Marco
Figura 9-43 Modificar nombre de capa
( 16 ) Haga clic en el botón Insertar capa en la barra de capas y cree cuatro capas nuevas, denominadas "L", "A", "S" y "H" respectivamente. Crea una animación idéntica a "F" en cada capa de "L", "A", "S" y "H". La posición final del movimiento se muestra en la Figura 9-44.
Figura 9-44 Crear animación de cinco capas
(17) Utilice el mouse para hacer clic en el rango de animación de la línea de tiempo de la capa "F", gire el mouse en forma de mano y arrastre el mouse y mueva los cuadros 1-40 hacia atrás 20 cuadros. Utilice el mismo método para mover los cuadros 1-40 de cada capa de "L", "A" y "S" hacia atrás 15, 10 y 5 cuadros respectivamente. Haga clic en cada imagen en el fotograma 60 de la capa, presione la tecla F5 para aumentar el número de fotogramas para cada capa a 60. En este momento, la ventana de la línea de tiempo cambia a la situación que se muestra en la Figura 9-45.
Figura 9-45 El efecto después del movimiento del fotograma
(18) Haga clic en el escenario con el mouse y presione la tecla "Enter" para probar la película. Se puede ver que cinco personajes están rodando desde fuera del escenario hacia el escenario uno tras otro, la velocidad disminuye gradualmente y finalmente se detiene en el escenario.
3. Escribir el carácter "汉"
Ejemplo 9-2: Enseñar el orden de los trazos del carácter "汉".
Para crear una animación de escritura para el carácter "汉", los pasos específicos son los siguientes:
(1) Haga clic para crear un nuevo documento Flash en blanco.
(2) Utilice el mouse para hacer clic en la herramienta de texto en la barra de herramientas, luego mueva el mouse a la escena de trabajo, haga clic en el botón izquierdo e ingrese el texto "汉".
(3) Haga clic en la herramienta de flecha y luego haga clic en la barra de herramientas de propiedades en la parte inferior de la pantalla (como se muestra en la Figura 9-46).
Figura 9-46
(4) Cambie la fuente del texto a cursiva_GB2312, el tamaño de fuente es 76 y el color es negro. Cuando esté completo, se muestra en la Figura 9-. 47.
(5) Presione Ctrl B dos veces para dividir la palabra "汉", como se muestra en la Figura 9-48 antes y después de dividir.
Figura 9-47 Cuadro de diálogo Propiedades del texto
Figura 9-48 Comparación antes y después de dividir el texto
Figura 9-49
( 6) Inserte fotogramas clave en los fotogramas 3, 5, 7 y 9 (seleccione el fotograma correspondiente y presione la tecla F6, como se muestra en la Figura 9-49).
(7) En los cuadros 1.º, 3.º, 5.º y 7.º, solo el primero, primero, segundo, primero, segundo, tercero, primero, segundo, tercero y cuatro trazos y use la herramienta Borrador. para borrar los trazos restantes. Presione Ctrl Enter para ver el efecto de animación.