Animación con Photoshop para principiantes

1. Introducción: Hola. Te voy a mostrar cómo hice esto es lindo balón rebotando aquí. Te voy a mostrar la diferencia entre las capas de video, que son estas azules, y los grupos de video, que son estas moradas. También te va a mostrar cómo usar las acciones de Photoshop para hacer algo, hacer que animar en Photoshop sea más fácil. No tienes que descargar ningún plugins. Yo sí usé una tableta de dibujo para esos, pero podrías hacer esto sin una tableta de dibujo si quisieras seguir adelante. Entonces sí. 2. Configuración / grupos de video / capas de video: Estoy en Photoshop, hice clic o haciendo un nuevo lienzo. Depende de ti. Yo voy a hacer con 1000 por 1000 pixeles. Deja de nuevo la resolución 300, depende de ti libre. Ahora. Para subir la línea de tiempo para la animación. Sube a ventana. Lo siento, no se ve eso en mi pantalla, pero estoy dando click en ventana. Y voy por la línea de tiempo. Por lo que conocemos la línea de tiempo. Arrástrelo un poco hacia arriba. Haga clic, Crear vídeo, Línea de tiempo. Esto es lo más importante porque si no haces esto, no hagas esto al principio y tratas de hacerlo al final, podría estropear todo tu proyecto. Por lo que lo primero que tenemos que hacer es establecer una velocidad de fotogramas. Se puede ver aquí abajo, está a 30 cuadros por segundo. Eso significa 30 marcos o 30 dibujos en 1 segundo. Eso es mucho. Por lo que suelo hacer 24. Vamos a venir aquí. Es menú en línea, este menú aquí mismo. Y vamos a dar click en él e ir a Timeline. Y vamos a hacer 24. Acercar un poco. Por lo que tenemos dos opciones para animar. Primera opción es una cosa llamada grupo de video. Entonces qué es eso, y acabo de hacer una nueva capa. Y estoy bajando esa capa. Por lo que es de dos cuadros de largo. Si vuelvo a hacer eso, tengo dos fotogramas que son dos de largo, pero están justo encima uno del otro. Entonces si arrastro este fotograma dentro de él, crea un grupo de video. Y entonces sólo puedo hacer nuevos marcos. Puede tener tantos marcos largos como yo quisiera. Simplemente sigue agregándolos al grupo de videos. Y podemos hacer eso. Eso es un grupo de video. Sólo voy a borrar eso por ahora, sólo, sólo lo básico. Ahora, la siguiente que podemos hacer es una capa de video. Entonces si subes a capas de vídeo de capa, nueva capa de video en blanco. Y lo que eso hace, crea un todo. Un todo es secuencia de video, así por ejemplo, y así sucesivamente. Y la forma en que se puede ver eso en tal vez nueva. Y luego avanzamos por delante del cuadro dos. Y que la matriz. Y ahí vamos. Esa es nuestra animación. A mí me gusta usar el teclado para mover marcos. Por lo que para activar eso, puedes ir, volver a esta pequeña opción de menú habilitada teclas de atajo de línea de tiempo. Y eso me permite usar las teclas de flecha de mi teclado para cambiar de ida y vuelta entre fotogramas. Entonces esas son las dos formas en que puedes. Vamos a usar ambos. Pero primero, vamos a usar los grupos de video. Yo lo prefiero. Es una cosa es una preferencia. Te explicaré por qué al final cuando tengamos ambos juntos para que veas la diferencia, pero lo vamos a hacer de esa manera. 3. Primera acción de Photoshop: Por lo que renombramos esta capa. Este es nuestro trasfondo. Ese es nuestro trasfondo. Ahora, voy a hacer un nuevo marco y voy a hacer lo que hacía antes. Y arrastro esto todo el camino hacia abajo. Por lo que es de dos cuadros de largo. Y yo voy a hacer lo mismo. Otra vez. Yo lo voy a arrastrar. Ahora es un grupo de video. Ahora. Si hiciéramos eso cada vez, sería terrible. Vamos a hacer acción de Photoshop. Eso crea un a enmarcar, un marco, dos marcos de largo. Entonces sólo lo vamos a poner a una tecla de acceso rápido. Por lo que sólo podemos darle a esa tecla de acceso rápido. Podemos hacerlo tantas veces como queramos, así que no tenemos que hacerlo yo no tengo que hacerlo manualmente. Entonces o una acción de Photoshop. Vamos a subir de nuevo a Ventana. Vamos a ir a Acciones. Acción de ventana. Si nunca has usado estos antes, lo son, son increíbles. Es básicamente cualquier ser de varios pasos que quieras repetir en Photoshop. Puedes grabarlo, convertirlo en una acción y luego repetirlo con una tecla de acceso rápido. Entonces Acciones. Y luego haga clic en este botón aquí mismo para hacer uno nuevo. Vamos a llamarlo agregar dos clave de función framer. Está bien, hagamos un F2, así que lo haremos cambiar de color F2. No lo sé. No sé qué hace eso. Hagámoslo naranja. Está bien. Entonces cuando golpee Record, voy a grabar la acción y luego voy a golpear parada. Y luego después de eso será mapeado a la tecla de acceso rápido Shift F2. Y aquí tenemos un nuevo marco abajo. Para parar. Ahí vamos. Y luego cuando golpeo Shift F2, se puede ver ahí mismo, agrega dos fotogramas a marco, dos fotogramas. Y eso hace la vida mucho, mucho más fácil para la animación en Photoshop. Sí, así que el lienzo, es todo, está todo listo ahora. Está todo listo para salir. Antes de empezar a dibujar, voy a renombrar el grupo de video uno. Puede nombrarlo. Bola rebotando, justo en el fondo. Si quieres acercar y alejar, puedes mantener presionada la tecla Alt y usar la rueda del ratón. Y así lo estoy haciendo. Y en el fondo, quiero a nivel del suelo oculto ser para conseguir mi pincel. Yo sólo voy a dibujar otro terreno. El balón se va a equilibrar. Y que como mi fondo es lo que sea, cinco segundos de duración, va a estar en cada fotograma, que pueda verlo en cada fotograma. Está bien. Déjame sacar mi lápiz o un lápiz como, Oye, enciende la presión de mi pluma. 4. Piñas de Onion / dibujo / buceo: De acuerdo, Así que estoy en el marco número 1. Y se puede ver que está resaltado. Si fuera a hacerlo, digamos que tenía fotograma para resaltarlo, pero mi cabezal de reproducción estaba en el Frame 1. Ya puedes ver que no me está dejando. Tienes que estar en anatomía destacada. Y tienes que hacer click. Te vas a dar click en él para resaltarlo. Tiene sentido perfecto. Está bien. Marcos resaltados. Un poco demasiado grande. Control Z es tu mejor amigo. Comando Z en un Mac. Voy a encender algunos años de suavizado ya que no puedo dibujar. Se fue. Yo quería hacer pieles de cebolla. Para hacer eso. Volvemos a este menú detrás de mi cabeza. Haga clic en él y habilite las pieles de cebolla. Si quieres cambiar la configuración, puedes cambiar cómo, cuántos fotogramas va y viene y cambiar la opacidad. Pero sólo voy a dejarlo. Ahora. Yo quiero ver este bar, y quiero ver este último fotograma. Por lo que quiero llevar este marco hasta el final. Ahora pequeño truco de atajo para hacer eso. Resalta el marco y arrástralo. Y acabo de copiar bordes, copiar, arrastrarlo todo el camino hasta el final. Yo quiero que esto se haga bucle. Entonces arrastra este. Terminaré aquí. Gracias hasta el final de mis marcos. Y vamos a comprobarlo. Oh, no es bucle eso. Entonces voy a dar click en este pequeño engranaje y aquí, Loop Playback. Y esta es una resolución. Si alguna vez tienes dibujos más complejos y, o un Canvas más grande, es posible que quieras bajar esto porque la reproducción puede ser lenta a veces. Como bucle. Ahora sí. 5. Timing / tintado: Entonces una de las ventajas es usar los grupos de video en lugar de las capas de video que mostré antes. Entonces en este momento estos son todos en dos. Hay dos marcos, un dibujo para dos marcos. Podemos hacer estos. Entonces básicamente cuando hay movimiento más rápido, los tendrían sentido. Entonces cuando el balón se agilice, voy a hacer esos. Sólo estoy arrastrando los marcos y el encendido a uno en lugar de dos. Y vamos a ver cómo se ve. Se puede ver la diferencia. Vamos a ponernos casi todos excepto el de arriba. Se ralentiza. A lo mejor podemos borrar este último porque es un es un doble. Ah sí. Se ve menos rígido, poco más movimiento. Entonces por eso prefiero los grupos de video. Y digamos que eso no me gustó. Podría hacer todos estos dos. De nuevo, puedo hacer estos treses y puedes arrastrar hacia fuera el marco el tiempo que quieras. Yo solo uso la otra opción, las capas de video. Una vez que la animación está básicamente puesta en piedra. Y yo quiero, y luego quiero dibujar algo encima de ello. Pero si no estás exactamente seguro, creo que los grupos de video es el camino a seguir. Yo quiero dibujar como un trabajo de línea, líneas de tinta encima de eso. Eso es sólo un lápiz. Voy a hacer una nueva capa. Voy a usar mi Turno F2. Por lo que hace una capa que es dos fotogramas en este momento, no está en un grupo de video. Y hazlo de nuevo y luego arrastrarlos juntos. Ahora es un nuevo grupo de video. Yo voy a conseguir esa. No se puede convertir suavizar porque no puedo sacar la presión de pluma de invierno. Y video en color del grupo uno. Estás alineado. Vamos a, y voy a hacer el mismo turno F2 para agregar un nuevo. Todavía voy a usar grupos de video. Entonces tenemos para un grupo de líneas, y voy a llamar a este colon y añadir el color rosa. Por lo que otro tipo de tropiezo AS elegirá cómo utilizas el programa. Pero un truco es, obtengo mi herramienta de varita mágica. En mi herramienta de varita mágica y destaco las líneas. Ahora, bajaré a la sección de colores. Golpeé G para traer mi herramienta de cubo de pintura. Tengo mi rosa listo en un, llénalo. Pero ahora te darás cuenta Hay una especie de que hay como un blanco No está lleno. No lo completó completamente. Entonces otra forma de utilizar las acciones de Photoshop. Y déjame mostrarte. Entonces voy a deshacer eso. Deshacer eso. Entonces tenemos estas pequeñas, este pequeño contorno, estas pequeñas hormigas marchantes. Hay una manera de expandir esos. Entonces si vamos a Seleccionar, Modificar, Ampliar. Sí, en la parte superior. Lo siento, no lo puedes ver. Vamos a Seleccionar, Modificar, Ampliar, y vamos a ampliarlo. Digamos que vamos a hacer, Hagamos cuatro píxeles porque la línea está fija. Por lo que sólo se movió hacia abajo. Ahora, cuando coloreamos, lo llena completamente. De nuevo, si hiciéramos eso cada vez, si hiciéramos el Seleccionar, Modificar, Ampliar, cada vez, eso sería demasiado. Entonces lo vamos a convertir en un Photoshop en realidad en mí cancelar ese 1 segundo. Voy a destacar. Quiero destacar es que antes de grabar. Ahora lo voy a hacer. Ampliar. O píxeles. Se desplazó tres, color, lo que sea. Grabar, Seleccionar, Modificar, Ampliar. Ok. Y esa es una. A ver si el trabajo. Vayamos al siguiente. Está bien. No seas tú. Herramienta Varita Mágica select. ¿ Se me olvida qué? F3? Sí. Está bien. Turno F3. Ahí vamos. Bajen al relleno de color. A mí me gusta este color rosa. Probablemente no sea la mejor idea para hacer esto. Pero si miras de cerca, no es bueno. Pero lo voy a hacer de todos modos. 6. Agregar detalles / reflexiones finales / procesamiento: Entonces voy a derrumbar líneas y colores. Y voy a añadir otra, sólo otra base de cambio de marco F2 que quiero. Entonces voy a usar un video ahí. Entonces mi, mi animación está bastante establecida. Bolas rebotando. Yo lo sé. No voy a cambiar nada más. A lo mejor un color, tal vez algo, pero la base de la animación está puesta. Por lo que ahora voy a usar una capa de video tras capa. Capas de video alineadas video. Y esto es básicamente en uno ahora va a empezar con sólo la, la como la parte blanca para conseguir la rotación de la cara del cerdo. Entonces él va a venir, va a girar hacia abajo agradable y fácil y yo vuelvo. Hola. Entonces bajo agradable, voy a hacer otra capa de video. Capa de video en blanco. Ponlo debajo, puede dar ajuste. Color del oído. Eso es todo. Entonces eso es todo. Eso es animación en Photoshop. Creo que fue un tutorial bastante bueno mezclando los dos estilos. Ahora nuestra Lambda, esta es una preferencia sobre si usas la capa de video o un grupo de video. Ahora bien, si conoces la diferencia, si conoces una pose para posar animación o animación directa. Si sabes la diferencia, diría yo. Los grupos de video son buenos para posar. Y las capas de video son buenas para adelante. Si no sabes cuáles son esas, entonces solo usa cualquiera de ellas. Hacer grupos de video. Creo que son mejores. Sí. Y me gusta la forma en que se ven en la línea de tiempo. Ahí mismo se puede ver el tiempo que dura cada cuadro y se lo puede comer. Se puede cambiar el cronometraje. Sí, Así que prefiero los grupos de video. Si quieres exportar esto, lo que puedes hacer es exportarlo. Puedes renderizar el video que puedes exportarlo como un MP4. Si quieres hacer un GIF o GIF, entonces vas a Guardar para Web. Y trae este fin. Tienes todo tipo de todo tipo de propiedades, todo tipo de cosas. Se puede, todo tipo de cosas que se pueden hacer con él. Y luego lo guardas. Y eso es todo. Por lo general tomo esto y lo pongo en After Effects y luego hago algunas cosas con él. Acabo de poner todo el documento de Photoshop en After Effects. Sí. Eso es todo.