Cómo hacer un pequeño flash
3.1.2 Línea de tiempo, fotogramas y capas de Flash
La línea de tiempo se utiliza para organizar y controlar el contenido de diferentes capas y fotogramas en diferentes momentos de la imagen. Los componentes más importantes de la línea de tiempo son los fotogramas, las capas y el cabezal de reproducción. La ventana de la línea de tiempo es donde ajustas la velocidad de reproducción de la animación y colocas tu obra de arte en diferentes capas. La línea de tiempo muestra cada fotograma de la imagen.
La animación se crea cambiando el contenido de los fotogramas posteriores. Puede crear objetos que se mueven por la escena, aumentar o disminuir el tamaño del objeto, rotar el objeto, cambiar el color del objeto, aparecer o desaparecer gradualmente o cambiar la forma del objeto. Todos estos cambios pueden ocurrir individualmente o junto con otros cambios.
Cada escena de una imagen Flash contiene las capas necesarias. Al crear animaciones, la función principal de las capas es organizar las distintas partes de la secuencia de animación, separando los objetos animados entre sí para que no se puedan borrar, conectar ni dividir. Si desea que Flash interpola múltiples atlas o símbolos a la vez, cada atlas o símbolo debe estar en una capa separada. Usamos las funciones especiales de las capas para crear una animación de demostración de "imagen en imagen de TV": la capa de fondo es una imagen de TV estática, mientras que la segunda capa contiene un objeto de animación separado para crear una imagen en imagen. "animación con las cuatro esquinas del televisor en movimiento. Efecto "pintura media". Efecto "imagen en imagen". A continuación se muestra un ejemplo de cómo animar usando líneas de tiempo, fotogramas y capas.
Pasos para realizar una animación interpolada con distorsión de fase relativa invertida línea por línea:
( 1) Usando el eje de coordenadas como coordenada, dibuje el vector Fn que representa la señal de n filas y el vector Fn+1 de la señal de (n+1) filas (representada por un segmento de línea azul) en diferentes capas y marque el ángulo, como se muestra en la Figura 1 (a)) solo contiene vectores Fn y Fn+1;
(2) Seleccione el vector Fn Seleccione Insertar → Convertir en símbolo → Gráfico para convertir. en un gráfico; de manera similar, convierta Fn+1 en un gráfico;
(3) Inserte un fotograma clave después del fotograma donde se encuentra el vector Fn. Puede ver que lo que se inserta es en realidad una copia de. el fotograma anterior, que se utiliza para representar el cambio de fase de n filas del vector Fn′, y Fn′ gira un cierto ángulo;
(4) Haga doble clic en el fotograma anterior para abrir las propiedades del fotograma Panel, seleccione "Movimiento" en "Efecto de transición" y abra la distancia entre los dos fotogramas. En este momento, puede ver Hay una línea azul continua en el medio. Utilice el mouse para arrastrar la línea de tiempo y podrá ver. que cuanto mayor sea la distancia, más lenta será la velocidad de rotación. También puede ajustar Fn+1 en el sentido de las agujas del reloj según sea necesario n+1) vectores de línea Fn+1′ con cambio de fase, como se muestra en la Figura 1(b);
(5) Cree una nueva capa, tomando Fn+1′ como cuadro inicial, siga los pasos 3 -4 El proceso de inversión de Fn+1′ genera el vector Fn+1′′ en el que Fn+1′ se invierte , como Fn, Fn+1, Fn′′, Fn+1′′, Fn en la Figura 1(b) +1′′;
(6) Luego copie Fn′ y Fn+1′ ′ a una nueva capa, y dibuje el vector compuesto F de Fn′ y Fn+1′′ de acuerdo con la regla de composición, como en la Figura 1(b);
(7) Finalmente, escalone la animación tiempo de cada etapa.
3.1.3 Animación de secuencia Flash
Hay dos formas de crear animación de secuencia en Flash: animación cuadro por cuadro que cambia continuamente cuadro por cuadro y animación de interpolación. En la animación cuadro por cuadro, se produce una imagen para cada cuadro; en la animación por interpolación, solo se producen las imágenes de los cuadros inicial y final, y Flash crea automáticamente los cuadros de transición intermedios. La animación cuadro por cuadro aumenta el tamaño del archivo mucho más que la animación interpolada, por lo que usamos la animación interpolada con más frecuencia.
La animación interpolada es una forma muy eficaz de crear movimiento y deformación manteniendo el tamaño del archivo al mínimo. A diferencia de la animación cuadro por cuadro, con la animación interpolada, Flash solo guarda los valores que causaron el cambio del cuadro, no el cuadro completo. La primera, llamada movimiento a través de animación, es una animación que define propiedades (como posición, tamaño y rotación) de una entidad, colección o bloque de texto en un punto y luego cambia esas propiedades en otro punto. El segundo se llama cambio de forma, donde dibujas una forma en un punto, luego cambias esa forma o dibujas otra forma en otro punto, y luego Flash asigna nuevos valores o formas a los fotogramas intermedios para crear la animación. En los cursos de electricidad, muchas animaciones que demuestran el flujo de corriente y señal se basan en estos dos tipos de animaciones interpoladas. Los ejemplos son los siguientes.
Animación del proceso de carga y descarga del circuito de salida de línea:
(1) Utilice Flash para dibujar el eje de la forma de onda.
(2) Utilice verde; líneas para dibujar los procesos de carga y descarga en diferentes etapas de la forma de onda de descarga, como se muestra en la Figura 2(a);
(3) Marque el valor t del período de tiempo;
(4) Al crear el efecto de parpadeo, se debe resaltar el intervalo de tiempo de carga y descarga. Puede crear varias capas nuevas, dibujar una forma de onda roja coincidente de acuerdo con la forma de onda y formar un objeto de marco. Inserte un cuadro en blanco en el último marco. , luego copie la forma de onda roja del cuadro y copie el cuadro detrás del cuadro en blanco, para que se complete el efecto de parpadeo de parte de la forma de onda;
(5) De la misma manera, cree la forma de onda. efecto de parpadeo de cada banda;
(6) Una vez completada la forma de onda, dibuje el diagrama esquemático del circuito de carga y descarga. Comience a hacer el diagrama esquemático del circuito de carga y descarga. Dibuje el diagrama de circuito correspondiente, como se muestra en la Figura 2(b);
(7) En el circuito correspondiente, use líneas rojas para indicar el flujo de corriente.
3.1.4 Diseño avanzado de Flash
Flash tiene una capa especial, que es la capa orientada al movimiento. Las capas orientadas al movimiento permiten dibujar rutas a lo largo de las cuales las entidades, colecciones o bloques interpolados cambiarán dinámicamente. Se pueden vincular varias capas en la misma capa orientada al movimiento, lo que permite que varios objetos se muevan a lo largo de la misma ruta. Al utilizar capas de guía de movimiento, puede crear animaciones que se mueven a lo largo de una ruta específica.
Las imágenes interactivas son esenciales para crear excelentes animaciones Flash que atraigan a los alumnos. Los estudiantes pueden usar el teclado, el mouse o ambos para saltar a diferentes partes de la imagen, mover objetos, ingresar información en el formulario o realizar otras acciones interactivas. Las imágenes interactivas se logran estableciendo acciones. Una acción es un conjunto de instrucciones que se ejecutan cuando ocurre un evento específico. Una acción se activa cuando una imagen se reproduce en un fotograma, cuando el usuario hace clic en un botón o cuando se presiona una tecla del teclado, todo lo cual se denomina eventos. El uso de acciones requiere cierta experiencia en programación. Usando acciones, puedes crear animaciones de parada y arranque. Agregue comandos de acción, como controlar la reproducción de la animación de la señal, al botón. Cuando la señal fluye a través de un determinado componente, la reproducción de la animación se puede detener, de modo que los estudiantes puedan cambiar de manera flexible entre animación y explicación de texto en cualquier momento.
3.2 Salida de animación Flash
Cuando se utiliza Flash para crear animaciones de cursos en línea, a menudo se requieren otros archivos. Para abrir una imagen Flash en un navegador, primero debe abrir un documento HTML y luego iniciar Flash Player para reproducir la imagen. Además de los documentos HTML, puede crear versiones GIF animadas de imágenes Flash, JPEG o GIF para mostrarlas cuando el reproductor Flash no esté instalado.
El formato de archivo principal para las imágenes Flash es .swf. Este es el único formato de archivo que admite funciones interactivas de Flash. Hay varias formas de reproducir imágenes Flash: 1. Reproducir en los navegadores Netscape e Internet Explorer con reproductores Flash instalados.
2. Juegue en Director y Authorware usando Flash Xtra. 3. Juegue en Microsoft Office y otros programas usando el controlador Active X 4.4 Juegue en Microsoft Office y otros hosts con Active X. Juega como parte de una imagen QuickTime. 5. Reproduzca como un programa de reproducción independiente llamado proyector.
.swf es un estándar abierto y puede ser compatible con otros programas. Además del formato swf, Flash puede generar imágenes e imágenes fijas en una variedad de formatos diferentes, incluidos GIF, JPEG, PNG, BMP, QuickTime o AVI.
4. Integre varias tecnologías en la producción de animaciones multimedia en línea para el aula.
4.1 Procesamiento de imágenes de PhotoShop
Utilizando la función de dibujo de Flash, puede crear fácilmente circuitos. diagramas y dibujar flujo de señal. Sin embargo, dado que las capas del software Flash no tienen un modo de superposición, es difícil expresar claramente procesos de procesamiento como la mezcla aditiva de colores de tres colores primarios. El software de procesamiento de imágenes PhotoShop puede solucionar este problema.
PhotoShop es un software de procesamiento de imágenes de nivel profesional que puede dibujar gráficos y optimizar imágenes. Sin embargo, PhotoShop no puede producir efectos de animación continuos, por lo que decidimos usar PhotoShop para agregar corrección de color, crear varias imágenes de fotogramas clave y luego importarlas a Flash para sintetizar una animación más continua.
Por ejemplo, al realizar la animación de mezcla de colores de "luz roja más luz verde", se utiliza el procesamiento de imágenes de PhotoShop y la producción de animación Flash. Los pasos específicos son
(1) Abra PhotoShop, dibuje un círculo que no se cruce en cada una de las dos capas y rellénelos con rojo y verde respectivamente, como se muestra en la Figura 3(a);
(2) Cambie el modo de la capa superior al modo de pantalla;
(3) Acorte la distancia entre las dos rondas (para que la animación sea continua, puede hacer algunas más fotogramas clave), disco ;
(4) Como se muestra en la Figura 3(a);
(4) Esta "luz roja más luz verde" se produce utilizando el procesamiento de imágenes de PhotoShop. y animación Flash.
(4) Como se muestra en la Figura 3(b), cuando dos círculos se cruzan, dado que el modo de superposición es el modo de pantalla, las dos capas pueden producir un efecto de mezcla de colores aditivo. Continúe acortando la distancia entre los dos círculos, cree algunos fotogramas clave más y guárdelos en secuencia;
(5) Abra Flash e importe la imagen que acaba de guardar;
(6) Hacer Para controlar la animación con un botón, puede elegir: Insertar→Símbolo→Botón;
(7) Regresar a la escena, comenzar una nueva capa, arrastrar el botón a la posición apropiada, haga clic con el botón derecho y configure las propiedades del botón, seleccione goo en el atributo de acción, seleccione ir a en el atributo de acción de destino, configure el marco de destino para superponer la luz de dos colores en el marco de inicio al mismo tiempo, agregue una acción de parada; en el marco final donde se superpone la luz de dos colores
(8) De la misma manera, cree los procesos de gradación de color de "luz roja más luz azul" y "luz azul más luz verde" respectivamente; Tenga en cuenta que las posiciones de los fotogramas del proceso de superposición están escalonadas, de modo que los procesos de gradación de color se pueden presentar por separado.
4.2 Software de edición de vídeo Adobe Premiere
Adobe Premiere es un potente sistema de edición de vídeo y audio no lineal que admite múltiples formatos. Para archivos de animación de video, admite archivos .avi, .mov, .film y .flc, .fli, y admite archivos .tga y .gif. Para imágenes fijas, admite .psd, .bmp, .pic, .tif y otros formatos. Para archivos de audio, admite formatos como .wav y .aif, por lo que puede usarse con muchos programas que admitan estos formatos.
El software Adobe Premiere, con soporte para tarjetas de procesamiento de video y audio, tiene las siguientes funciones: procesamiento digital de señales analógicas dinámicas emitidas desde equipos de video y audio, edición no lineal de medios de video y audio, texto y texto que se puede doblar o superponer imágenes, implementar edición de efectos especiales y compresión completa de video.
Adobe Premiere proporciona una variedad de herramientas de edición de video precisas para producir archivos de video con calidad de transmisión. Al crear material didáctico multimedia en línea, a menudo necesitamos usar algunos videos para demostrar el contenido de enseñanza o convertir algunas imágenes estáticas en animaciones activas continuas. En este momento, aunque también se puede utilizar Flash para producirlo, el proceso de producción es complicado, requiere mucho tiempo y la animación producida no es fluida. Puede utilizar Adobe Premiere para capturar varios fotogramas de imágenes de un archivo de vídeo enorme y luego procesarlos en Flash para obtener un efecto de animación satisfactorio.
Las capacidades de procesamiento de vídeo de Adobe Premiere son muy potentes. Al crear material didáctico "audiovisual", necesitamos utilizar algunos materiales de video, pero los materiales de video existentes son muy grandes, si se insertan en una página web y se ven afectados por la velocidad de transmisión de la red, el tiempo de carga será muy largo, por lo que. no es adecuado para cursos multimedia en red. En este momento, se utiliza Adobe Premiere para procesar el video, eliminar fotogramas redundantes y proporcionar una relación de compresión sin afectar los requisitos de enseñanza, el tamaño del archivo de video se puede reducir considerablemente, haciéndolo adecuado para la producción en red.
La función de captura de pantalla de Adobe Premiere nos proporciona materiales más originales para crear cursos "audiovisuales". Al realizar animaciones de "escaneo de TV", se utiliza Adobe Premiere para capturar imágenes que están separadas por varios fotogramas en el vídeo, y luego se utiliza Flash para el procesamiento de la animación de fotogramas.
4.3 Escáneres y cámaras digitales
Al crear material didáctico audiovisual, utilizamos muchos materiales. Algunos de los materiales, como diagramas de circuitos y diagramas de bloques, se dibujan utilizando Flash, PhotoShop y otros programas. Sin embargo, a veces tenemos que utilizar imágenes físicas o imágenes más complejas que no se pueden dibujar a mano y que llevarían tiempo. Los escáneres y las cámaras digitales pueden proporcionarnos fácilmente este material. Por ejemplo, al hacer el principio de funcionamiento del tubo de la cámara, necesitamos utilizar animación para ilustrar el principio de funcionamiento del tubo de la cámara, y la estructura del tubo de la cámara es muy compleja y difícil de dibujar. Usamos un escáner para escanear las imágenes ya preparadas en una computadora y luego usamos Flash para animarlas y representar el flujo de corrientes y haces de electrones. La pantalla de televisión utilizada en la animación "imagen en imagen" también se toma con una cámara digital y luego se procesa con Flash.
Por lo tanto, es necesario aprovechar al máximo la tecnología y los equipos existentes en el software educativo. producción para mejorar la eficiencia del trabajo, especialmente en la recolección de materiales, se puede obtener fácilmente una gran cantidad de materiales realistas, lo que hace que la producción de material educativo sea más convincente y expresiva.