Después de aprender a utilizar el método de la línea de tiempo para animar, hemos completado la parte básica de la producción de animación. Se debe enfatizar nuevamente aquí que tenga cuidado de no cambiar al modo de cuadro desde el modo de línea de tiempo a voluntad, porque esto hará que la definición de la línea de tiempo deje de ser válida. Si comete un error, puede utilizar el comando deshacer para recuperarlo.
En las lecciones anteriores, cuando se usaba la transición de fotogramas, había 3 parámetros (5 en el caso de las máscaras), a saber, posición, opacidad y estilo. Ya sabemos que la posición es la coordenada de la capa. Por ejemplo, mover un texto cambia la posición de la capa de texto. La opacidad le permite cambiar la translucidez de la capa. El llamado estilo se refiere al estilo de capa. En los conceptos básicos de Photoshop, ya hemos aprendido cómo definir estilos para capas. Hay muchos parámetros en la definición de estilos que afectan directamente el efecto final. Como la altura de la sombra, el ángulo, etc. La mayoría de estos parámetros se pueden utilizar como variables de animación. Puede hacer muy buenas animaciones.
Al realizar trabajos estáticos, el estilo de capa más utilizado es la proyección, así que comencemos con la proyección y la animemos para ver el efecto.
Antes de realizar la animación, primero debe tener una buena idea de cómo hacerlo. Esta idea se puede llamar guión. La configuración del guión esta vez es hacer que un círculo flote. Para mostrar objetos flotando sobre una superficie plana, es necesario utilizar la proyección para guiar la visión. Cree una nueva imagen en blanco de 100 × 100 y vaya a la configuración del documento (haga clic en la paleta de animación en la esquina superior derecha
botón) y cambie la duración de la animación a 1 segundo y la velocidad de fotogramas a 15. Como se muestra a continuación. Esta animación tiene un total de 15 fotogramas. Cabe señalar que dado que el número de fotograma comienza en 1 y el tiempo comienza en 0, la hora de inicio es las 00:00, que es el primer fotograma. Entonces, el fotograma número 15 debe ubicarse a las 00:14, no a las 00:15. . Este problema se ha mencionado antes y se repetirá aquí.
Cree una nueva capa, luego use el modo de píxel de relleno (no vector) de la herramienta Elipse para dibujar un círculo con un color personalizado y luego establezca un estilo de sombra paralela en él. Como se muestra en las siguientes figuras respectivamente.
Todas las configuraciones anteriores están configuradas a las 00:00 de forma predeterminada. Ahora presione el botón del cronómetro a la izquierda de "Estilo" en la línea de tiempo.
, active esta configuración de animación. Mueva el punto de referencia de tiempo a 00:14 (es decir, el último fotograma), abra el cuadro de configuración de estilo nuevamente y cambie la "distancia" en los parámetros de proyección a 20 píxeles. El efecto se muestra en la siguiente figura.
Parece que algo anda mal. Esto se debe a que aunque la sombra se mueve, el objeto no se mueve, por lo que no se puede expresar el efecto de flotación. Por lo tanto, al realizar este tipo de animaciones en el futuro, todos deberían prestar atención al hecho de que los objetos y las sombras deben moverse en direcciones opuestas al mismo tiempo.
Ahora regrese al principio y abra el elemento "Posición" en la línea de tiempo. Luego, a las 00:14 (el elemento de estilo en el que se puede hacer clic)
para encontrar el momento) y mueve el círculo un poco hacia la parte superior izquierda (puedes usar las teclas de dirección del teclado nuestra proyección es de 75 grados, por lo que debemos prestar atención a movernos más hacia arriba y menos hacia la izquierda, unos 2). :1. La distancia de movimiento no necesariamente tiene que ser de 20 píxeles. Unos 15 píxeles son suficientes para lograr el efecto deseado. El efecto modificado es el siguiente.
Este script generalmente está completo y podemos trabajar un poco mejor en los detalles. Modifique la configuración de proyección del último fotograma, cambie la "Opacidad" de la proyección al 45% y el "Tamaño" a 15 píxeles. Esto hace que la sombra se vea borrosa y desvaída. Más acorde con la situación real.
Cuando presentamos el escenario de la trama antes, no recomendamos este tipo de "ir sin regresar", sino que deberíamos hacerlo formar un movimiento circular alternativo, por lo que lo modificaremos a continuación.
Primero, cambie la duración a 2 segundos en la configuración del documento y mantenga la velocidad de fotogramas sin cambios en 15, lo que dará como resultado un total de 30 fotogramas de animación. Luego, en el último momento, se establecen los fotogramas clave para el estilo y la posición de la máscara vectorial. Estos dos fotogramas clave mantienen el estado al final de la animación original.
Luego haga clic derecho en los fotogramas clave al comienzo de los dos proyectos y seleccione "Copiar fotograma clave", luego haga clic derecho en el fotograma clave en el último momento y seleccione "Pegar fotograma clave". De esta manera, el estado en la hora de finalización es coherente con la hora de inicio. El efecto se muestra en la siguiente figura.
Ahora sentimos que este círculo es demasiado monótono, como un pastel en lugar de una bola, por lo que podemos agregarle un efecto de resaltado a través del estilo de capa. Esto se puede hacer usando la superposición de degradado. Regrese al punto inicial y establezca el estilo de superposición de degradado como se muestra a la izquierda a continuación. Tenga en cuenta que el resaltado predeterminado estará ubicado en el centro del círculo. Al configurarlo, arrástrelo hacia la parte superior izquierda en la ventana de la imagen (el efecto es como se muestra en la imagen de la derecha a continuación).
En este momento, ¿alguna vez ha pensado en una pregunta? Es decir, hemos activado la animación del elemento de estilo antes y ahora hemos agregado un nuevo elemento de estilo, entonces, ¿cómo se comporta este nuevo elemento de estilo en la animación? Solo configuramos este elemento de estilo al principio, ¿qué pasa en otras ocasiones? Reproduzca la animación y verá que a medida que avanza, el efecto de superposición de degradado desaparece gradualmente. Esto se debe a que el elemento de estilo no está incluido en el siguiente fotograma clave (como puede ver en la paleta de capas en 00:14), lo que equivale a hacer que la superposición de degradado se desvanezca.
Ahora, para que la superposición de degradado sea siempre efectiva, debes agregar este elemento de estilo en todos los fotogramas clave. Pero este estilo implica arrastrar el mouse y no se puede reproducir simplemente mediante parámetros como la proyección. Por lo tanto, si desea que la configuración sea la misma cada vez, equivale a asegurarse de que la acción de arrastre del mouse sea la misma, lo cual no es realista. Photoshop trata todos los elementos de estilo como un todo y no proporciona una función de copia para un único elemento de estilo. Por lo tanto, es imposible agregar una superposición de degradado manteniendo el estilo de proyección de la animación original.
El método más factible ahora es eliminar el segundo y tercer fotograma clave del elemento de estilo. Deje que vuelva a animar el proyecto de proyección incluyendo la superposición de degradado. La posición de la capa no tiene nada que ver con esta operación y no es necesario cambiarla. El efecto completo se muestra en la siguiente imagen.
Cabe señalar que cuando se utilizan superposición de degradado, brillo y otros estilos que requieren que el mouse arrastre la imagen para producir efectos en la capa de máscara vectorial, es mejor no configurar el movimiento de la capa al mismo tiempo. De lo contrario, es posible que estos estilos no sigan el movimiento al exportar a un archivo. Esto puede deberse a una vulnerabilidad del programa en Photoshop.
Para resolver este problema de no poder agregar nuevos elementos de estilo a mitad de camino, se puede usar un método simple para resolver el problema: cuando crea un estilo de capa por primera vez, active todos los elementos de estilo y guarde algunos que no se utilizan. temporalmente la opacidad del elemento de estilo se establece en 0%, lo que no afectará el efecto y facilitará su reactivación en el futuro. Pero aún así no puedes evitar el problema de restablecer cada fotograma clave. Por lo tanto, esto debe considerarse plenamente en la etapa del guión.
En la actualidad, el estado de superposición de degradado en tres cuadros es el mismo. Podemos modificar el estilo en el segundo fotograma clave y usar el mouse para mover el punto resaltado formado por el degradado un poco hacia la parte superior izquierda para imitar el cambio en la posición de iluminación provocado por el movimiento de la esfera. El efecto es como se muestra a continuación. En realidad, la sombra cambia de manera diferente. Debería convertirse en una elipse en la dirección de la luz. Y cuando una esfera se detiene en un plano, la altura de la sombra no debe ser tan baja, debe ser de unos 5 a 8 píxeles. Estas cuestiones están más allá del alcance de esta lección.
La mayoría de los estilos de capa se pueden animar, y las sombras paralelas y las sombras interiores se utilizan de manera similar para expresar la tridimensionalidad de los objetos, tal como en el ejemplo que hicimos arriba. Los efectos del resplandor exterior y del resplandor interior son similares, ambos se utilizan para crear el efecto luminoso de los objetos. "Dirección" y "Ángulo" en Bisel y Relieve no se pueden animar. Gloss puede crear animaciones más irreales. La superposición de colores puede crear una transición entre dos colores. La superposición de degradado es un elemento de estilo que puede producir una variedad de efectos además del ángulo, la escala y la posición del movimiento del mouse, también requiere conocimientos básicos de configuración de degradado. Puedes ver la introducción de las partes correspondientes en el tutorial básico.
En el modo de trazo de patrón en las opciones de patrón y trazo, los modos de escala y fusión del patrón pueden formar un buen efecto de animación. Puede estudiar el contenido específico usted mismo.
Esta tarea consiste en crear la animación de radar simulada que se muestra en la siguiente imagen. Preste atención a los detalles de la animación.