Antes de comenzar, permítanme explicar las preguntas de pensamiento de la lección anterior. La clave del problema es que es difícil asegurar que las trayectorias de los marcos delantero y trasero estén unificadas, de hecho, si lo pensamos desde otro ángulo. , el problema se volverá más simple. ¿No son 6 cuadros en total? Primero movemos los bloques en los 5 fotogramas restantes, excepto el primer fotograma, a la misma posición, y luego movemos los 4 fotogramas restantes, excepto los dos primeros, a la siguiente posición, y así sucesivamente.
En términos de operación, en realidad se trata de seleccionar primero los cuadros 2 a 6, moverse a la posición correspondiente, luego mantener presionada la tecla CTRL para restar el cuadro 2 seleccionado, mover los cuadros 3 a 6 a la siguiente posición y luego restar el cuadro 3 seleccionado. Y así sucesivamente hasta completar la especificación de posición del cuadro 6. Esta es una habilidad muy práctica en funcionamiento. No describiremos las operaciones específicas. Si tiene alguna pregunta, puede consultar el video tutorial de esta lección.
En la actualidad, nuestro método de producir animación sigue siendo totalmente manual, que consiste en producirla fotograma a fotograma. Por ejemplo, cuando se trata del movimiento de un objeto, participamos en la configuración de cada cuadro de principio a fin. Este método puede aportar la máxima intervenibilidad, pero también hace que la producción sea muy engorrosa, especialmente cuando el número de fotogramas es grande. Lo que vamos a aprender hoy es usar transiciones de cuadros para crear animaciones . El principio básico es establecer el cuadro inicial y el cuadro final de un determinado movimiento, y luego crear una transición promedio entre estos dos cuadros. Si se trata del movimiento de un objeto, primero se establecen el cuadro del punto inicial y el cuadro del punto final del movimiento.
Crea una nueva imagen, de aproximadamente 150×150, crea una nueva capa y dibuja un cuadrado, moviéndolo a la esquina superior izquierda. Luego copie 1 cuadro, mueva el cuadrado a la esquina inferior derecha en el nuevo cuadro y establezca la transparencia de la capa al 10%, aproximadamente como se muestra en la imagen izquierda a continuación. Luego presione la flecha roja
, aparecerá el cuadro de diálogo que se muestra en la imagen del medio a continuación. El método de transición en la flecha roja se refiere a qué fotograma es relativo a la transición. Dado que seleccionamos el segundo fotograma antes, y solo hay 2 fotogramas en total, podemos. Elija el "Cuadro anterior" predeterminado, también puede seleccionar "Primer cuadro". La cantidad de fotogramas que se agregarán se refiere a la cantidad de fotogramas que ocuparán el proceso de transición. Aquí se establece en 3. Luego, más los 2 fotogramas originales, el total de esta animación será 5 fotogramas.
Dado que solo una capa (la capa de fondo no ha cambiado) participa en la animación, ahora cualquiera de las opciones de capa es aceptable. Pero si no selecciona la capa de fondo, se formará un fondo transparente. Aprenderemos sobre el tema de la transparencia del fondo de la animación en el futuro. Preste atención a los parámetros en la flecha verde, que incluyen "posición" y "opacidad". Los llamados parámetros se refieren a las propiedades de la capa para la transición de la animación. Hemos dicho antes que la posición y la opacidad de la capa se pueden animar, lo cual se refleja aquí.
Después de la confirmación, el efecto que verá en la paleta de animación es aproximadamente como se muestra en la siguiente figura. Puede ver claramente que la posición y la opacidad del cuadrado han cambiado de manera uniforme. Si los parámetros "Posición" u "Opacidad" se desactivaron anteriormente en la configuración de transición, obviamente no habrá ningún efecto actual.
Este método de hacer animación usando el método de transición es relativamente simple. Solo necesitamos considerar el principio y el final de una determinada animación, y el proceso intermedio se completará automáticamente. En este caso, los dos fotogramas al principio y al final se denominan fotogramas clave (KeyFrame), porque determinan la forma de la transición. En el futuro también entraremos en contacto con animaciones con múltiples fotogramas clave.
Muchos dibujos animados de hoy también utilizan este método de transición de fotogramas clave. Aunque las imágenes de los dibujos animados son mucho más complicadas, el principio básico es el mismo. Sin embargo, debido a las características de la transición uniforme, a veces la imagen no es lo suficientemente vívida y carece de expresividad. Esta es una limitación de la funcionalidad de Photoshop.
Ahora nos enfrentamos a un nuevo tema, que es cómo hacer que la animación se reproduzca en un bucle perfecto, es decir, de A a B y de regreso a A. Solo así se puede formar un ciclo completo, lo que se llama animación recíproca. . Para nuestra animación actual, el proceso de "regreso" se puede lograr copiando y moviendo fotogramas. Primero, copie el cuadro 4. Después de copiar, el cuadro 4 y el cuadro 5 tienen el mismo contenido, y el cuadro 5 original se convierte en el cuadro 6. Luego mueva manualmente el cuadro 5 hacia la parte posterior del cuadro 6, intercambiando así el orden de los dos. El proceso se muestra en la siguiente figura. Se puede ver en esta operación que no todos los marcos copiados aparecen al final, sino que aparecen detrás de los marcos originales. Esta característica debe tenerse en cuenta.
Siga este método para copiar el fotograma 3 al fotograma 7 y el fotograma 2 al fotograma 8. No es necesario copiar el fotograma 1 al fotograma 9, porque el fotograma 9 volverá a ser el fotograma 1 después de la reproducción y el contenido de los dos es el mismo. En realidad, reproduce el mismo fotograma el doble de tiempo.
Cuando la operación de deshacer alcanza solo 5 fotogramas, ahora presentamos otro método simple, es decir, seleccionamos el fotograma 5 y luego ejecutamos la transición de fotograma nuevamente, y configuramos el modo de transición en "Primer fotograma", lo que significa comenzar desde el fotograma actual (fotograma 5) ) para realizar la transición al cuadro 1, simplemente mantenga el número de cuadros agregados en 3, o puede establecer un valor mayor. Después de la confirmación, obtendrá una animación recíproca. La siguiente imagen muestra el efecto de agregar 7 cuadros.
Al reproducir esta animación recíproca, encontrará un problema, es decir, el bloque tarda mucho en "regresar". Por supuesto, esto se debe a que usamos más cuadros para la misma distancia. Si el retraso del cuadro 6 al cuadro 12 se establece en 0,05, será casi el mismo que antes.
Es posible que tenga una pregunta, es decir, dado que el tiempo total es casi el mismo, ¿por qué es necesario establecer una transición de 7 cuadros? ¿No serían suficientes 3 cuadros como antes? Esto implica una cuestión de precisión de la animación. Como animación que expresa movimiento, cuantos más fotogramas tenga, más momentos podrá expresar, menor será la diferencia entre fotogramas y más suave será el efecto general de la transición. Por supuesto, también traerá algunos inconvenientes en la producción y el almacenamiento. Por lo tanto, en términos generales, no es apropiado establecer una gran cantidad de fotogramas, siempre que satisfaga las necesidades de visualización.
Este problema también existe en la producción de vídeos y el principio es el mismo. Hemos dicho que el número de fotogramas por segundo en una película es 24, por lo que si utilizas una cámara de alta velocidad para grabar una película a 48 FPS y luego reproducirla a los 24 FPS habituales, lo que veremos es una imagen que es dos veces más lento que la velocidad de movimiento normal. Así se crea la cámara lenta en las películas de acción.
Si una película filmada con una cámara normal quiere lograr cámara lenta, es necesario extender el tiempo de permanencia de cada cuadro. Para lograr el efecto de ser dos veces más lento, el retraso de cada cuadro debe ajustarse de 1/24 a 1. /12, de modo que en realidad cada cuadro Solo se transmiten 12 cuadros por segundo, y la imagen tendrá una sensación de latido más obvia. Entonces, la verdadera cámara lenta no es "organizar normalmente, reproducir lentamente", sino "disparar rápido, reproducir normalmente".
De la misma manera, la fotografía a baja velocidad significa disparar a una velocidad de fotogramas muy baja y luego reproducirla normalmente para crear un efecto de avance rápido. A menudo se utiliza para filmar escenas que requieren una larga espera y luego presentarlas rápidamente al público, como flores floreciendo, puesta de sol, etc.
Lo que necesita dominar en esta lección es el método de uso de la transición de fotogramas para crear animaciones y el concepto de fotogramas clave. Al usarlo, preste atención a las opciones del método de transición. Debe averiguar si es el "anterior". fotograma" o el "primer fotograma". En términos generales, después El campo se utiliza para crear "campos de retorno" para formar animaciones recíprocas. En el futuro, las animaciones producidas por todos deberían dar prioridad al método alternativo para formar un efecto de bucle más perfecto.
En la siguiente sección presentamos el pensamiento de diseño de la animación.