Ahora hemos comenzado oficialmente a usar la línea de tiempo para crear animaciones. Esto es muy diferente de nuestra animación anterior basada en cuadros, pero en comparación, el método de la línea de tiempo es más intuitivo y simple, y también será nuestro principal método de producción en el futuro. .
Siguiendo el contenido de la lección anterior, comience a configurar la animación de "ir y venir tranquilamente". Expanda el proyecto de animación de esta capa de texto en la paleta Línea de tiempo, como se muestra en la siguiente figura. Asegúrese de que la hora actual sea 0:00:00:00 y tenga en cuenta que la marca de hora en la flecha roja debe estar en el extremo izquierdo, lo que significa que es la hora de inicio.
Luego use la herramienta de movimiento para mover "En silencio ir y venir" al extremo derecho de la pantalla. Luego haga clic en el botón del cronómetro en la flecha naranja.
, lo que significa que se inicia el proyecto de animación "Posición" y se registra la posición actual de la capa de texto (el extremo derecho de la pantalla) en el momento inicial. El diamante amarillo que aparece en el área de la línea de tiempo es una señal de que el registro está contenido allí. Esto también se llama fotograma clave, que es un fotograma clave de la línea de tiempo. Es diferente de la animación del fotograma de transición que aprendimos antes.
Tire del marcador de tiempo hacia el extremo derecho y use la herramienta de movimiento para mover el texto hacia el extremo izquierdo de la pantalla. En este momento, verá un fotograma clave generado automáticamente en el marcador en la línea de tiempo. Como se muestra en la imagen a continuación, observe que hay un botón "Eliminar/Agregar" con forma de diamante en la flecha roja.
, si se presiona este botón en este momento, se eliminará el fotograma clave establecido en la marca de tiempo. Si no hay ningún fotograma clave en el punto de referencia, haga clic para crear un fotograma nuevo.
Cabe señalar que aquí nuestro punto de referencia de tiempo solo se puede desplazar hacia la derecha como máximo a las 04:04, no a las 05:00. Esto se debe a que las 05:00 es el momento en el que finalmente finaliza la animación, que es el momento del "final del último fotograma", pero lo que necesitamos configurar ahora es el estado del "principio del último fotograma", y el último cuadro permanecerá por un tiempo. Entonces el punto de referencia no será a las 05:00. Recuerda que el marco es la unidad más pequeña.
A través de la configuración anterior, hemos completado la configuración del movimiento de posición del texto "En silencio ir y venir". A continuación, establezca su cambio de transparencia. Primero hagamos uno simple, que se desvanecerá desde el principio, aparecerá completamente a la mitad y luego se desvanecerá hasta el final. Esto requiere 3 fotogramas clave para configurarlo en 0% al principio, 100% en el medio tiempo y configúrelo en 0% al final. Aproximadamente como se muestra a continuación. Tenga en cuenta que los cambios de transparencia no se pueden lograr ocultando capas en el modo de línea de tiempo.
Después de establecer el fotograma clave 1 en 0% en el primer paso, si tiramos el marcador de tiempo hacia atrás, encontraremos que la transparencia es 0% en todo momento. Después de configurar el fotograma clave 2 en el segundo paso, encontrará que hay un efecto de transición entre 12, pero después del fotograma clave 2 hasta el final, el texto siempre se muestra. Esto resalta una propiedad muy importante de la línea de tiempo: la configuración del fotograma clave en un momento determinado afectará todos los tiempos posteriores a ese momento. Por lo tanto, la configuración del fotograma clave 1 hace que la capa de texto sea 0% para todos los períodos posteriores (entre 12 y 23). Cuando se establece el fotograma clave 2, se forma una transición entre 12 y 23, y todo el proceso entre 23 y 23 se vuelve 100%. Hasta que se establezca el fotograma clave 3, se forma una transición entre 23.
En cuanto al orden de configuración, no es necesario seguir completamente el orden anterior. "Ven y ve en silencio" es originalmente 100%, por lo que podemos crear fotogramas clave en la mitad del tiempo sin configurar la opacidad, porque en este momento debería estar configurada en 100%. Luego cree fotogramas clave en los momentos inicial y final y ajústelos al 0%.
Deshaga la configuración anterior y siga el nuevo orden, es decir, cambie el orden de 1, 2, 3 a 2, 1, 3. Dado que la opacidad de los momentos inicial y final (1 y 2) es la misma, podemos hacerlo copiando y pegando los fotogramas clave. Primero cree estos dos fotogramas clave. Después de establecer el tiempo de inicio, marque el fotograma clave en la línea de tiempo.
Haga clic derecho sobre él y seleccione "Copiar fotograma clave", luego haga clic derecho en la marca de momento final y seleccione "Pegar fotograma clave", copiando así la configuración del primero en el segundo. El orden también se puede invertir. Este método funciona en todos los fotogramas clave existentes.
Recuerde los fundidos de aparición y desaparición mencionados anteriormente cuando aprenda la producción de animación de fotogramas de transición. Sabrá que el efecto de la configuración actual de 3 fotogramas no es ideal. Los procesos de aparición y desaparición gradual deben acortarse para permitir la aparición y desaparición gradual. El texto se mueve durante el movimiento. Permanece plenamente manifiesto la mayor parte del tiempo. Ahora lo modificaremos en base a los 3 fotogramas anteriores.
Es posible que desee agregar dos fotogramas más antes y después del fotograma 2 original, como se muestra en la parte superior de la figura siguiente. De hecho, simplemente mueva el cuadro original 2 como se muestra a continuación y luego agregue un nuevo cuadro. Su configuración se puede copiar desde el cuadro original 2. De esta manera hemos completado las modificaciones de aparición y desaparición gradual.
De las operaciones anteriores, podemos resumir una característica básica de la animación de la línea de tiempo, que es separar cada proyecto de animación de forma independiente, y las modificaciones en uno de los proyectos no afectarán a otros proyectos. Por ejemplo, cuando modificamos "Transparencia", no necesitamos considerar la "posición" establecida anteriormente. Además, la configuración de fotogramas clave de cada proyecto puede ser diferente, por lo que no hay necesidad de preocuparse por unificar la cantidad de fotogramas clave.
Hay un problema que debe tenerse en cuenta acerca de la adición de fotogramas clave, y es la diferencia entre la adición automática y la adición manual. Al hacer clic en el botón del cronómetro de un elemento Luego, el proyecto establecerá un fotograma clave en el punto de referencia de tiempo y rastreará automáticamente los cambios en el proyecto en otros rangos de tiempo. Esto significa que si mueve el marcador de tiempo a una nueva ubicación y realiza cambios en ese elemento de la capa, se creará automáticamente un nuevo fotograma en el marcador actual. Si no ha realizado ningún cambio y desea crear fotogramas clave, debe hacer clic manualmente en el (tenga en cuenta que al hacer clic en un marco existente se eliminará el marco). Haga clic en el cuadro anterior
y siguiente fotograma para saltar entre fotogramas clave. También puede hacer clic derecho directamente en el fotograma clave y seleccionar eliminar el fotograma.
En términos generales, hacemos clic en el botón del cronómetro al comienzo de la animación. Establezca el primer fotograma clave, luego mueva el marcador al momento apropiado, realice los cambios correspondientes en la capa y obtenga un nuevo fotograma clave automático. Complete todo el proceso de configuración una y otra vez. En términos relativos, no hay muchas oportunidades para crear marcos manualmente, porque todos son para configuración y el efecto no es muy diferente del de los marcos agregados automáticamente. En lecciones posteriores, se utilizará la adición manual de fotogramas al crear efectos de aceleración y desaceleración.
Además de un solo proyecto, también se pueden configurar varios proyectos de animación al mismo tiempo y se realizarán un seguimiento automático. Ahora movemos el punto de referencia de tiempo al momento inicial, como se muestra en la figura siguiente, iniciamos los proyectos de animación correspondientes de "Go and Stay" y "Shape 1", luego llevamos el punto de referencia de tiempo a diferentes momentos, cambiamos la posición y la opacidad en consecuencia. . Se dejarán marcas de marco dondequiera que haya cambios.
Cabe señalar que dado que "Forma 1" es una capa de máscara vectorial, para registrar su movimiento de posición debe utilizar el elemento "Posición de máscara vectorial" en lugar de "Posición".
Otra cosa a mencionar es el indicador del búfer de renderizado mencionado en la lección anterior. Es posible que haya descubierto que al reproducir y extraer el punto de referencia de tiempo, el indicador del búfer de renderizado en el área correspondiente se llenará, lo que significa que Photoshop tiene El contenido específico del. La animación se almacena en el caché del sistema, lo que puede mejorar la velocidad al volver a reproducir. Pero si se realizan cambios en la animación, se borrará el búfer de renderizado. Las animaciones que estamos haciendo ahora son relativamente simples, por lo que almacenar en búfer o no es lo mismo. Pero si realiza animaciones más complejas en el futuro, especialmente cuando hay varias imágenes mezcladas entre sí en la animación, la diferencia en el almacenamiento en búfer será. reflejado.
En esta lección, aprendimos las formas principales de crear animaciones utilizando el método de línea de tiempo. En comparación con el método de transición de cuadros que aprendimos anteriormente, el método de línea de tiempo no solo es más rápido de crear, sino que también es extremadamente conveniente de modificar. A partir de ahora haremos la gran mayoría de animaciones de esta forma. Hasta ahora hemos explicado los conocimientos básicos de la producción de animación. Los siguientes cursos explicarán algunas técnicas más avanzadas y cómo crear animaciones adecuadas para diferentes medios, como páginas web y teléfonos móviles.
En la siguiente sección presentamos cómo usar estilos de capa para crear animaciones .