Cómo crear animaciones simples usando flash en el sistema win10
Flash es una herramienta de diseño de animación interactiva. La animación Flash requiere muchos enlaces de producción, cada uno de los cuales afecta directamente a la calidad final del trabajo. Acabo de comenzar a usar Flash. ¿Cómo uso Flash para crear una animación de forma simple en el sistema sin activación Win10? Hoy os contaré cómo hacerlo.
El método específico es el siguiente:
1. Ejecute el software FlashCS5. Cree un nuevo documento, presione Ctrl J para abrir la configuración del documento. En el "Panel de propiedades", el tamaño del escenario es: 1000600 píxeles, la velocidad de fotogramas es: 30 y el color de fondo se cambia a negro;
2. Haga clic en el menú "Insertar"/ "Nuevo componente", en el cuadro de diálogo "Crear nuevo componente", cree un nuevo "gráfico" llamado "estrella"
3. componente gráfico, use la "Herramienta Elipse" y seleccione el panel de color. Utilice el relleno "Degradado radial" y las herramientas "Rotar y escalar" para dibujar un gráfico de estrella;
4. Recorte el componente llamado "Star Flashing" e ingrese a la interfaz de edición, seleccione el primer fotograma de la primera capa y arrastre el componente "estrella" al escenario. Inserte fotogramas clave en los fotogramas 20 y 35 de esta capa respectivamente, luego use la herramienta de escala para reducir los componentes en los fotogramas 1 y 35 respectivamente, y cree interpolaciones tradicionales en los fotogramas 1 y 20 Animación para crear el efecto de estrellas titilantes. Configuración de la línea de tiempo para el componente "Star Flashing";
5. Cree un nuevo componente de videoclip llamado "Animación de fondo", ingrese a la interfaz de edición, seleccione el primer fotograma de la capa 1 e importe la imagen descargada 1. a Stage y convierte la imagen en un símbolo gráfico llamado "fondo".
Inserte un fotograma clave en el fotograma 190 de esta capa, amplíe los componentes de este fotograma proporcionalmente, cree una animación de interpolación tradicional en el fotograma 1 y luego inserte un fotograma normal en el fotograma 245.
6. (9) Cree una nueva "Capa 2", arrastre el componente gráfico de "fondo" al escenario y ajústelo para que se superponga con el componente de "fondo" de la "Capa 1". Luego inserte un fotograma clave en el fotograma 190 de esta capa, amplíe los componentes de este fotograma en proporciones iguales y realice las operaciones de rotación adecuadas, como se muestra en la figura. Y establezca su valor Alfa en 0 para crear una animación interpolada tradicional en el fotograma 1.
7. Utilice el mismo método para completar el efecto de animación en la "Capa 3". Luego cree una nueva "Capa 4", inserte un fotograma clave en el fotograma 10, arrastre el componente "Star Flashing" desde el panel "Biblioteca" al escenario varias veces y ajuste varios componentes "Star Flashing" arrastrados al escenario. la posición y el ángulo del componente;
8. Utilice el mismo método que para crear la "Capa 4" para completar la producción de efectos de animación en la "Capa 5" y la "Capa 6". La configuración final de la línea de tiempo del componente "Animación de fondo";
9. Cree un nuevo componente de videoclip llamado "Máscara de texto del botón", ingrese a la interfaz de edición, seleccione el primer fotograma de la primera capa e importe. el material descargado Agregue el material de la imagen 2 al escenario y luego inserte un fotograma normal en el fotograma 70;
Continúe creando una nueva "Capa 2", inserte un fotograma clave en el fotograma 5 y luego dibuje un rectángulo en el escenario y rellénelo con color degradado lineal (agregue 3 bloques de color blanco, la transparencia del bloque de color blanco del medio es 40 y la transparencia de los bloques de color en ambos lados es 0, formando un efecto de degradado desde el centro hacia ambos lados) y realice una operación de rotación.
10. Inserte un fotograma clave en el fotograma 45 de esta capa, mueva el rectángulo de este fotograma hacia la derecha y cree una animación de forma de interpolación en el fotograma 5;
Nueva "Capa 3". ", utilice la "Herramienta Elipse" para dibujar una elipse, y la elipse se basará en la imagen que cubre la "Estrella de votación". Luego, configure esta capa como capa de máscara y la "Capa 1" y la "Capa 2" se enmascararán.
11. Regrese a la escena principal, seleccione el primer fotograma de la primera capa, arrastre el componente "Animación de fondo" al escenario e inserte un fotograma normal en el fotograma 125. p>Nueva "Capa 2", inserte un fotograma clave en el fotograma 37 e importe el material de la imagen, luego convierta la imagen en un componente de clip de película llamado "Pop 1" y establezca "Mezcla" en la propiedad de visualización en "Aumentar". en el panel de propiedades ".
Inserte un fotograma clave en el fotograma 44 de la "Capa 2", mueva el componente de este fotograma hacia la parte inferior izquierda, ajústelo a la posición adecuada y cree una animación de interpolación tradicional en el fotograma 37.
Inserte un fotograma clave en blanco en el fotograma 45, importe el material de la imagen y conviértalo en un componente de clip de vídeo llamado "Meteor 2". y luego establezca su "Fusión" en "Aumentar" en el panel Propiedades.
Inserte un fotograma clave en blanco en el fotograma 47, ajuste los componentes de la ciudad a la posición adecuada y cree una animación interpolada tradicional en el fotograma 45.
12. Inserte un fotograma clave en blanco en el fotograma 48, importe el material de la imagen y conviértalo en un componente de clip de película llamado "Meteor 3" y luego configure su "Mezcla" en el panel de propiedades en "Agregar". ";
13. Inserte un fotograma clave en blanco en el fotograma 50, importe el material de la imagen y conviértalo en un componente de clip de película llamado "Meteor 4" y luego configúrelo en el panel de propiedades "Fusionar". es "Aumentar";
Inserte fotogramas clave en los fotogramas 52 y 56 respectivamente, luego establezca el valor Alfa del componente en el fotograma 56 en 0 y cree una animación interpolada tradicional.
Cree una nueva "Capa 3", inserte un fotograma clave en el fotograma 50, importe el material de la imagen y conviértalo en un componente gráfico llamado "Carácter 1".
14. Inserte fotogramas clave en la "Capa 3" en los fotogramas 60 y 68 respectivamente, luego establezca los valores Alfa de los componentes en los fotogramas 50 y 68 en 0, y establezca Crear animaciones interpoladas tradicionales en 50 y 60 cuadros. Utilice el mismo método para completar la configuración de los efectos de animación de la "Capa 3" a la "Capa 7". Configuración de la línea de tiempo de "Capa 3" a "Capa 7";
15 Cree una nueva "Capa 8", inserte un fotograma clave en el fotograma 82 e importe el material de imagen "10.png" y luego. conviértalo en un componente gráfico llamado "Fondo de botón";
Inserte fotogramas clave en los fotogramas 88, 90, 92 y 95 de la octava capa, y luego seleccione el componente en el fotograma 82, reduzca su escala proporcionalmente y establezca su estilo "Avanzado" en el panel "Propiedades". Los ajustes de parámetros avanzados del componente en el cuadro 82 son como se muestran en la figura. Las configuraciones de parámetros avanzados en los fotogramas 88, 90 y 92 se muestran en la figura. La configuración de parámetros avanzados en el cuadro 95 se muestra en la figura.
16. Amplíe los componentes en el marco 88 en proporciones iguales y reduzca los componentes en el marco 90 en proporciones iguales. Cree animaciones de interpolación tradicionales en los fotogramas 82, 88, 90 y 92 respectivamente;
Cree una nueva capa 9, inserte un fotograma clave en el fotograma 110 y arrastre el componente "Máscara de texto del botón" al escenario. . Luego, de acuerdo con el método de producción de la "Capa 8", complete la producción de la animación en la "Capa 9".
Cree una nueva "Capa 10", inserte un fotograma clave en el fotograma 100, importe el material de la imagen y luego conviértalo en un componente gráfico llamado "Retroiluminación".
Inserte un fotograma clave en el fotograma 110, establezca el valor Alfa del componente en el fotograma 100 en 0 y cree una animación interpolada tradicional en el fotograma 100. Luego cree una nueva "Capa 11", inserte un fotograma clave en el fotograma 103, arrastre el componente "Carácter 3" al escenario y gírelo horizontalmente.
Inserte un fotograma clave en el fotograma 113, mueva el componente de este fotograma hacia la parte superior derecha y cree una animación de interpolación tradicional en el fotograma 103.
Utilice el mismo método para completar los efectos de animación de la "Capa 12" a la "Capa 15". Como se muestra en la imagen.
17. Seleccione "Capa 10" a "Capa 15" al mismo tiempo y ajústelas debajo de "Capa 8". Deje que la imagen del personaje se organice después de la imagen del botón. El efecto se muestra en la Figura 1-20 arriba.
Cree una nueva "Capa 16" en la capa superior, luego inserte un fotograma clave en el fotograma 125, abra el grupo de paneles "Acción" e ingrese el código de script stop();.
La configuración final de la línea de tiempo de la escena principal es como se muestra en la figura. Finalmente, guarde la animación y pruebe el efecto de animación.
Este tutorial le presentará cómo usar flash para crear animaciones simples en el sistema win10. Si está interesado en la optimización, también pueden probarlo juntos.