Los métodos de producción que hemos aprendido hasta ahora son suficientes para satisfacer la mayoría de las necesidades de producción de animación plana. En esta lección aprenderemos algunas técnicas que pueden agregar más efectos a los trabajos de animación, incluyendo: capas especiales, aceleración y desaceleración, desenfoque de movimiento y deformación del texto . También espero que todos puedan resumir sus propias habilidades de producción y compartirlas con otros.
Estas habilidades se basan en cursos anteriores. Por tanto, es necesario dominar a fondo todos los cursos anteriores.
Los elementos que se pueden animar en Photoshop incluyen la posición de la capa, la máscara de la capa, la opacidad de la capa y el estilo de la capa. En la etapa del tutorial básico aprendimos sobre las capas de ajuste de color y las capas de relleno. Este tipo de capa es especial. La primera no genera una imagen directamente, sino que realiza ajustes de color en la capa subyacente. Aunque este último produce una imagen, es un "píxel virtual" y el contenido relleno se puede cambiar más adelante. Ahora usémoslos para animación y veamos qué tipo de efecto podemos obtener. Haga clic aquí para leer sobre las capas de ajuste de color. Haga clic aquí para leer sobre las capas de relleno.
La capa de ajuste de color es relativamente fácil de usar y puede usarla para crear efectos de cambio de color. Estos efectos pueden variar desde cambios de luz y oscuridad, cambios de escala de grises, inversión, etc. El método de implementación también es muy simple, es decir, primero cree una capa de ajuste de color y realice ajustes relevantes, y luego anime la opacidad de la capa de ajuste. Los siguientes ejemplos de animación son oscurecimiento de curvas, brillo de curvas, mapeo de degradado e inversión. Para cambiar una imagen a escala de grises, puede utilizar el degradado en escala de grises de un mapa de degradado o utilizar la saturación de tono.
Cabe señalar que este tipo de animación de cambio de color ocupa una gran cantidad de bytes porque los píxeles entre el fotograma anterior y el siguiente son en su mayoría diferentes. Esto debe equilibrarse reduciendo el número de fotogramas, la velocidad de fotogramas o el tamaño de la animación tanto como sea posible. Además, también puede crear una máscara de la capa de ajuste para lograr efectos de ajuste de color solo para un área determinada, lo cual no se demostrará aquí.
A veces puede ser necesario mostrar algunos cambios dramáticos. Los llamados cambios drásticos son grandes movimientos de píxeles o grandes cambios de color que se pueden utilizar para lograr cambios drásticos de color. A través del ejemplo anterior, descubrimos que el efecto de usar la inversión como transición no es bueno. Desactivar el efecto de transición puede provocar cambios de color drásticos. Esto se puede lograr de dos maneras: una es configurar el marco para preservar la interpolación. El segundo es no dejar un espacio entre los dos fotogramas clave, por lo que no importa si hay una transición o no.
Cabe señalar que el segundo método es menos modificable posteriormente. Si aumenta la velocidad de fotogramas en la configuración del documento, se insertará un nuevo fotograma entre los dos fotogramas clave originales estrechamente espaciados, por lo que se producirá un efecto de transición. Por lo tanto, no se recomienda este método. En su lugar, adopte el primer enfoque.
Ahora todos pueden hacer esta animación por sí mismos. El paquete de archivos contiene imágenes del material y PSD del producto terminado. No abra el archivo PSD todavía e intente analizarlo y crearlo usted mismo. Una vez completado, consulte el archivo PSD de muestra.
Esta animación de muestra que demuestra la técnica de usar una capa de ajuste Invertir tiene un gráfico determinado. El primero es un meteoro negro que cae. El meteoro es una línea recta o vertical dibujada con un pincel con un paso de desvanecimiento, luego se gira a 45 grados (el ángulo se puede personalizar) y luego se crea la parte del cielo excepto el edificio. como Máscara. Después de desvincular la máscara, el meteoro se puede mover de forma independiente y crear un efecto de oclusión con el edificio. La posterior alternancia de fase inversa no presenta dificultades técnicas y no se explicará más. En cuanto a la creación de máscaras, consulte el contenido relevante sobre máscaras de capa en el tutorial básico.
Cabe señalar que el desvanecimiento final utiliza una capa de ajuste de tono y saturación. La diferencia es que se utiliza el desvanecimiento a negro en lugar del desvanecimiento anterior a blanco. Al usar capas de ajuste para crear desvanecimientos, es mejor no usar Curvas o Contraste de luminancia, ya que estos dos comandos de ajuste de color no convierten exactamente la imagen en blanco o negro completo, como lo hace el comando Tono Saturación.
Además de utilizar capas de ajuste, también puede utilizar capas de relleno o rellenar capas normales para crear desvanecimientos. El principio de desvanecimiento es el proceso de aumentar gradualmente la opacidad de la capa del 0% al 100%. La ventaja de esto es que además del blanco y negro, también puede desvanecerse a otros colores como rojo, azul, etc. La siguiente es una animación producida en 2000. La foto personal en ese momento se cortó en dos áreas diferentes y luego se dividió en tres segmentos. Se utilizó una capa de relleno blanco para crear un efecto de transición de exposición simulada. Debido a que se utiliza como avatar personal en el foro clásico, el tamaño y la cantidad de bytes de la animación están estrictamente limitados.
No es una tarea fácil mantener el número de bytes lo más pequeño posible y al mismo tiempo garantizar la mayor suavidad posible de la animación. Esto puede requerir sacrificar incluso algunas buenas ideas. Pero si la animación producida no cumple con los requisitos o la transmisión es lenta, perderá su valor más importante. Puede utilizar otros materiales para imitar esta animación y el tamaño del archivo está limitado a aproximadamente 5K (por ejemplo, 3,65K). Y trate de agregar algunas ideas nuevas propias bajo esta premisa. En cuanto a los efectos monocromáticos y de hilos de seda.
En la capa de relleno, además de los rellenos de color sólido comúnmente utilizados, también hay rellenos de patrón y rellenos de degradado. No habrá instrucciones adicionales sobre cómo usarlos. Puedes probarlos tú mismo.
Aprendimos a crear un objeto en movimiento hace mucho tiempo, pero todos los objetos que creamos se movían a una velocidad constante. Ahora podemos simular los efectos de la aceleración y la desaceleración cambiando la posición de los fotogramas clave. Este efecto no se limita al movimiento de objetos, sino que también se puede utilizar en cualquier efecto de transición, como aparición y desaparición gradual. Y este método también es aplicable a otros programas de edición de vídeo, así como al efecto DHTML de línea de tiempo del software de producción de páginas web GoLive.
Primero, creamos una nueva imagen de fondo blanco de 150×100 y configuramos el documento en 1 segundo y 30 fps. Crea una nueva capa normal, dibuja un rectángulo y configura la animación para que se mueva de izquierda a derecha. La configuración de la línea de tiempo es aproximadamente como se muestra en la siguiente figura. La velocidad de movimiento actual es constante.
A continuación, mueva el punto de referencia de tiempo a 10f, haga clic en el botón de diamante del elemento "Posición" y agregue manualmente un fotograma clave en el momento actual. Este fotograma clave es actualmente redundante ya que no cambia el proceso de animación. Ahora imaginemos que si originalmente planeaste llegar a un lugar en 10 minutos, pero ahora debes llegar en 5 minutos, entonces definitivamente necesitas acelerar. Una vez que comprenda este principio, podrá comprender el método para realizar animaciones aceleradas. Esto es mover el fotograma clave en el momento 10f al momento 05f. De esta forma, el objeto se moverá rápidamente entre 0f y 05f y volverá a su velocidad original después de 05f.
Por analogía, mueva 15f a 10f, 20f a 15f y 25f a 20f. Puedes crear un objeto que se ralentice. Estamos aquí para ilustrar el efecto, pero en la producción real no es necesario cambiar tantos fotogramas clave. Dependiendo de la distancia que se mueva el objeto, generalmente es suficiente cambiar de 2 a 3 fotogramas clave. Las distancias de movimiento demasiado largas no son adecuadas para la representación GIF. Además, no establezca la velocidad de cuadros por encima de 30 fps.
El desenfoque de movimiento en realidad está relacionado con el movimiento de los objetos. A veces, cuando es necesario usar menos fotogramas para expresar el movimiento rápido de los objetos, el uso del desenfoque de movimiento puede reducir la sensación de salto de la imagen. En el siguiente ejemplo de demostración de animación, el número de fotogramas proporcionados para el movimiento del personaje es de 4 fotogramas. Es muy estrecho completar el movimiento de larga distancia (la llamada larga distancia también debe referirse al tamaño del objeto) en un entorno de este tipo. número limitado de fotogramas. Para compensar esta deficiencia, duplicamos la capa del personaje y la procesamos con un filtro de desenfoque de movimiento para crear un efecto de imagen residual. Mueve la imagen residual con la capa del personaje y ocultala al principio y al final del movimiento. Este gráfico de personaje se puede encontrar en la biblioteca de formas que viene con Photoshop. Todos intentan crear ellos mismos el efecto de desenfoque de movimiento. Proporcionamos archivos fuente PSD para que todos puedan compararlos una vez finalizados.
Cabe señalar que aquí todavía conservamos la imagen completa del personaje en el cuadro con desenfoque de movimiento. En la operación real, también podemos reducir la opacidad del personaje, o simplemente conservar solo la imagen residual, lo que da como resultado una sensación de movimiento más rápida. . En el modo de retener sólo la imagen residual, la longitud de la imagen residual debe extenderse adecuadamente y debe estar cerca de la posición del objeto al final del movimiento. Puede observar atentamente la animación de muestra y prestar atención a la diferencia en la posición de la imagen residual.
El desenfoque de movimiento se utiliza ampliamente en el campo de la producción cinematográfica y televisiva, y la mayoría de los programas de producción cinematográfica y televisiva, como After Effects, tienen funciones especiales para ello. En algunos clips de cine y televisión, si pausas algunos objetos que se mueven rápidamente, puedes ver imágenes residuales similares. El nombre en inglés del desenfoque de movimiento es Motion Blur. En la producción de animaciones GIF, el desenfoque de movimiento puede aumentar la cantidad de colores en la animación, porque el efecto de imagen residual en sí contiene muchos colores de transición. Al imprimir, preste atención al equilibrio entre la cantidad de colores y la calidad de la animación.
Además de usar filtros para crear imágenes residuales, también puedes copiar varias copias de la capa y cambiar su color u opacidad sucesivamente para formar un efecto de imagen residual más regular. Como se muestra en la imagen de la derecha a continuación, puedes copiar la capa del personaje en 3 copias. y rellénelos con ellos. El color cambia a distintos grados de gris. Este tipo de imagen secundaria también se puede expresar bien con una cantidad menor de colores. La imagen residual formada por el filtro puede producir manchas de color en un número menor de colores.
Al utilizar capas de texto, algunos lectores atentos pueden haber descubierto el proyecto de animación " deformación del texto ". Como se muestra en la figura siguiente, puede establecer el estilo de deformación en "Ninguno" u otros estilos en la animación para crear un efecto de deformación de transición. Este proyecto de animación es realmente muy fácil de usar, pero desafortunadamente solo puede limitarse a texto. Sería mejor si pudiera ser efectivo para todos los gráficos. Sin embargo, a veces podemos simular algunas formas de objetos simples mediante puntuación o caracteres especiales en el texto, obteniendo así la capacidad de deformar. Por ejemplo, el símbolo "-" se puede expandir a un rectángulo.
