Photoshop: crea un GIF animado de Groovy Twirling

1. Introducción: cómo pasaron casa aquí y esta clase. Vamos a echar un vistazo a cómo hacemos este gif animado en looping para una tienda. Vamos a pasar por todos los pasos, incluyendo hacer las formas vectoriales, deformarse las formas vectoriales, luego salir poniendo y exportando esa imagen como un GIF animado. Por lo que saltar en clase Mr Fund es bastante rápido de hacer. No es muy técnicamente difícil para ti. Terminar con un gran resultado que puedes subir a Twitter a Facebook en DA Jump in empezará el día. Vamos a divertirnos un poco. 2. Crea y configura tu proyecto: Entonces lo primero que vamos a seguir adelante y hacer aquí si la tienda es crear un nuevo proyecto. Por lo que vamos a ir a archivar nuevo en cualquier versión de la tienda de fotos. Estás en las cosas con las que vamos a estar trabajando. El mismo El diseño de la nueva ventana del documento será ligeramente diferente. Vamos a estar trabajando en píxeles porque estamos trabajando para pantalla y vamos a trabajar en 1920 a las 10. 80. Y eso solo significa que podemos exportar esto como un bucle de video HD si queremos. La resolución y nosotros estábamos trabajando para pantalla realmente no importa. Podemos cambiarlo a 72 píxeles, príncipe. Pero en realidad son las dimensiones de píxel las que importan aquí. El resolutivo es sólo algo de lo que hay que preocuparte. Si estás trabajando para imprimir, nos vamos a pegar con RGB y un poco de color. Vamos a dejar el fondo como blanco. No necesitamos preocuparnos por ninguna opción avanzada aquí, así que vamos a hacer clic en crear en de inmediato. Vamos a ir a guardar esto así vamos a ir a los ahorradores de archivos en. Vamos a soltar esto, ejecuta el escritorio, y vamos a llamar a este bucle espiral 3. Crea y duplicando formas: Entonces el primer paso aquí es crear nuestro bucle espiral. Y lo que vamos a usar para hacer eso, primer lugar, es el lápiz en la tienda de fotos. Entonces cuando estamos creando formas con un lápiz, queremos dedo del pie. Piensa en un par de cosas. El primero es comprobar que estamos usando la opción de forma aquí arriba en nuestras opciones para sobre eso, tenemos un relleno con un color en él. Ahora, la forma en que estamos trabajando significa que podemos cambiar el color un poco más adelante. Entonces solo voy a escoger una bonita naranja aquí por el momento. No necesitamos un trazo para nuestra forma en todo lo demás que podamos. Podemos irnos como está ahora. Cuando creamos nuestra espiral, queremos asegurarnos de que esté en espiral alrededor del punto central aquí. Entonces voy a encender mis rodillos así que son los productos básicos o ver y revisar la opción de gobernantes, y luego vamos a rastrear una regla encendida A medida que te acerques al centro, sentirás que esa regla se chasquea hacia el medio. Por lo que voy a arrastrar horizontal y una regla vertical a través de encima Solo comprueba ahí chasqueando hacia el medio. Entonces ahora Lo que queremos hacer es hacer una forma que sea la más larga que va a ser cuando creemos una espiral que se hará evidente más adelante. Entonces si solo sigues con estos pasos, vamos a dar click en los medios aquí, hacia el borde aquí una, dos veces, y luego de vuelta al punto central aquí. Ahora, si has hecho tu forma de triángulo un poco demasiado ancha ahí puedes venir a la herramienta de selección directa y seleccionar estos puntos y jalarlos en un poco. Entonces una vez que tengamos nuestra primera forma aquí, vamos a saltar de nuevo al movimiento, arrancó aquí. Vamos a hacer un duplicado de esa forma, ¿de acuerdo? Pero vamos a duplicarlo y rotarlo al mismo tiempo. Entonces solo voy a de seleccionar y volver a seleccionar mi capa y luego aguantar el comando y las tácticas y eso traerá las opciones de movimiento. Y ahora voy a tirar de este punto de anclaje en el medio hacia abajo al centro de mi lienzo. Y eso significa que cuando gire ahora, va a girar alrededor de ese punto y luego voy a golpear comando y tocar T para transformar esto. En lo que quiero hacer es transformar esto. Lo que quiero hacer cuando transforme esto es asegurarme de que tengo un buen hueco entre este triángulo y el próximo tribal. Así que quería una especie de fluir hacia abajo del dedo del pie por aquí. Entonces para ser un poco más preciso con eso, solo voy a duplicar esta capa arrastrándola hacia abajo hasta el nuevo botón de capa en la parte inferior justo ahí. Y luego voy a usar esto como mi primera transformación. Entonces voy a seleccionar mi segundo yacía ahí en do Commodity, y luego simplemente tirar de mi punto de anclaje hacia abajo al centro de mi lienzo en Simplemente gira esto hasta que toque el borde de esa primera forma allí. De acuerdo, Ahora voy a volver a mi primera forma y hacer comando y t on hacer lo mismo. Excepto que esta vez, voy a asegurarme de que llego directo al fondo de esa segunda forma. Ahora, una vez que haya hecho eso, voy a eliminar esa segunda o más capa superior que tengo aquí actualmente. Ahora, si mantengo pulsado el comando de culto de turno en el tap T, voy a conseguir esa rotación con un buen hueco en el medio y lo puedes ver moviéndose bien ahí . Y a medida que volvemos al principio, esperemos que terminemos con una forma agradable, espaciada uniformemente. Ahora bien, este es un bonito diseño en sí. Es una técnica útil de saber, pero vamos a dar esto unos pasos más adelante. Convierte esto en animación. 4. Crea el Twirl: Por lo que lo primero que hacemos es seleccionar todas nuestras capas. Por lo que tengo mi top mas capa seleccionada aquí. Voy a mantener pulsado, desplazar y seleccionar la parte inferior Más capa en. Una vez que haya seleccionado todas estas capas, voy a combinar estas capas. Entonces voy a emerger las formas y luego voy a hacer clic derecho en esa capa y rasa subir esta capa. De acuerdo, Ahora quiero hacer es tomar esta capa. Andi, distorsionarlo. Entonces vamos a usar la herramienta de hinchamiento para hacer eso. Vamos a ir a Filter Distort el 12. Y ahora puedo ver que conseguimos este bonito 12 de esa forma para que podamos tenerlo girando un poco o mucho que vamos a ir por alrededor menos 190 grados para este 12. De acuerdo, tenemos una vista previa del mismo aquí, y luego hacemos click. OK, tenemos un bonito 12 ahí, y si hacemos comando y t se puede ver eso porque establecemos nuestra forma inicial para que sea más grande que el lienzo aquí. No tenemos ningún cantos mostrando aquí fuera del extremo de esas formas que tenemos una forma bonita que ahora podemos hinchar aquí en que girará sin cortar ninguno de estos Cornell bajo estos bordes. 5. Duplicar y prepararte para la animación: Por lo que ahora el siguiente paso es duplicar esta capa con una transformación. Entonces lo voy a hacer ahora. Yo sólo voy a añadir tres tipos aquí, ¿de acuerdo? Voy a usar eso como guía para mi transformación. Entonces quiero transformar esto para que esté remolinando, pero un poco de tiempo. Entonces obtenemos un poquito de ese sentido del movimiento. Entonces si sostengo el mando y tatty no. Y luego sólo mueve eso hasta que toqué esa primera línea y golpeé Entrar aquí en acción, no necesitaba la segunda línea aquí. Esa es la transformación suficiente para que yo pudiera hacer lo mismo otra vez. Entonces estoy aguantando, cambio de mando en T y estoy barato plicando estas capas. Entonces sólo voy a duplicar esto cuatro o cinco veces. De acuerdo, en el bucle será bastante rápido, porque esencialmente, tenemos un Siris de capas aquí que coincidirá con bastante rapidez. Entonces vamos a pasar de una capa a la siguiente a la siguiente y así sucesivamente y así sucesivamente. Y volveremos al punto de inicio donde esta primera capa está tocando esa línea más o menos. Eso Tan pronto como volvamos a este punto donde Estamos tocando esa línea. Tenemos un bucle. Por lo que tenemos 123456 capas encendida. Eso debería ser bueno para un bucle aquí. 6. Animar tu Twirl: ahora lo que tenemos que hacer es encender nuestra línea de tiempo para crear animación, y vamos a utilizar el método escolar un poco más viejo de hacer nuestra animación aquí sólo encendiendo y apagando las capas en más tienda. Por lo que no es línea de tiempo ya que puedes usar info shop. Es sólo una animación fotograma por cuadro, que es la forma de la vieja escuela de hacer GIF animados. Por lo que aquí tenemos nuestra opción de crear línea de tiempo de video. Pero donde una vez que creemos eso, vamos a saltar hacia abajo a la izquierda aquí. Entonces vamos a hacer clic, crear línea de tiempo de video, y luego vamos a saltar hacia abajo hacia abajo a la izquierda en. Vamos a ir a esta línea de tiempo donde sólo tenemos marcos individuales. De acuerdo, entonces cada cuadro que vamos a llegar a durar cuatro norte 40.1 segundos. Entonces básicamente 1/10 de segundo, y luego una vez que lo hayamos hecho en nuestro primer cuadro aquí, vamos a apagar las capas superiores que tenemos aquí. Entonces vamos a crear un nuevo fotograma, apagar la capa inferior, encender la siguiente capa, y si nos movemos entre éstas ahora, ya puedes ver que estamos empezando a conseguir esa animación, lo que crearemos el tercer marco. Enciende aquí la tercera capa, sigue moviéndonos hasta que tengamos todas estas capas muy bien en looping. Entonces ahora si cambiamos esto de una vez a Forever y presionamos play, deberíamos tener una animación muy bien looping. Entonces ahora tenemos, ah, botín rápido encendido. Lo que notarás es que hay un poco de, Ah, salta aquí, y eso realmente tiene que ver con la precisión fuera de los ángulos, que hemos creado nuestra rotación en primera instancia. Entonces con un poco más de planeación en la experimentación, podríamos conseguir estos un poco más espaciados uniformemente para que no tengamos este pequeño salto aquí . 7. Cómo hacer ajustes del color: ahora porque las capas de trabajadores podemos usar, um, um, capas de ajuste de saturación de matiz para gestionar realmente nuestro color aquí. Entonces si vamos a la capa de fondo en la primera instancia on, hacemos Shift F cinco y llenamos esto con 50% gris y luego agregamos una capa de ajuste de saturación de tono por encima de eso, ahora podemos colorear eso para que pudiéramos terminar con en color. Ese tipo de compagina amablemente contra la naranja. Si seleccionamos todas nuestras capas aquí con el clic derecho y creamos un nuevo grupo a partir de esas capas la animación seguirá funcionando, , aunque esas capas sean un grupo. Esto nos permite hacer una nueva capa de ajuste de saturación de matiz y hacer click derecho y crear máscara de recorte para que solo esté aplicando a la parte superior, más menos para que puedas ver tenemos ajuste de color independiente que podemos hacer con eso primer plano y fondo para que podamos crear cualquier color que queramos en el fondo sin tener dedo del pie re color manualmente o rehacer lo que hemos hecho. 8. Exportar GIF y MP4s para subir a la web: Entonces ahora vamos a correr a través de cómo exportar. Este es un GIF animado on como película. Por lo que en primer lugar se echará un vistazo a la opción GIF animada. Entonces si vamos a exportar archivo, estoy trabajando la versión más reciente de Photo Shop. Por lo que la opción web segura que estoy buscando está bajo esta opción de legado de armas más seguras. Podrías ver web segura en el menú principal junto a exportar por usar una versión más antigua de tienda allá Exactamente lo mismo. Vamos a saltar a esta versión heredada web más segura y hacen clic en esto una vez que estemos aquí, tenemos nuestra animación configurada, así que van a ser cambios de J Peg a cualquiera de las opciones de regalo. reproducirá la animación, Sereproducirá la animación, y nos dará la opción de exportar como GIF animados. Voy a seleccionar regalo 128 lo hizo bien en para estos colores planos. Un GIF animado exportará una versión de alta calidad realmente agradable de este bucle. Voy a bajar el tamaño de esto. Voy a cambiar esto a alrededor del 40% del tamaño original. Sólo para que sea un poco más pequeño para la Web, podemos ver una vista previa del tamaño del archivo aquí abajo en la parte inferior izquierda. Tenemos las mismas opciones que montamos para una tienda, así que va a lucir para siempre. Entonces si jugamos, ya está de vuelta. Ahora podemos ver un adelanto de cómo se va a ver eso. Y así ahora podemos seguir adelante en exportar esto hacia fuera. Entonces voy a hacer clic, guardar, saltar a mi escritorio y luego decir esto un regalo de bucle espiral. Por lo que ahora tenemos hermanos a cualquiera de nuestras plataformas de redes sociales tendrá un GIF animado en bucle ahora, antes de esperar la película. Pero tenemos que pensar en cómo va a bucle esto porque es muy, muy corto. Entonces si vamos a file export on render video, entonces en esta opción de exportación, vamos a tener una película muy, muy corta que exportar. Ahora hay un par de maneras diferentes que podemos alargar. Esta será para exportar una película y luego reimportar eso a un editor de video y luego hacerlo en bucle en ese editor de video. El otro será toe loop esto en la línea de tiempo, así que copia y pega estos fotogramas para que los estemos reproduciendo más de uno más de una vez . Entonces solo voy a cancelar este salto de vuelta a mis cuadros aquí y estoy sosteniendo ahora Shift para seleccionarlos a todos. Y luego si los conduzco a la nueva capa, se puede ver que está duplicando esos. Entonces si solo sigo duplicando ese bucle a cada fotograma es lo que se ejecuta al norte 0.1 segundos . Entonces si quiero así 5 10 segundos de esto, entonces necesitaría 10 veces cinco o 10 segundos. Por lo que necesito a alguien cercano a 100 cuadros. Entonces voy a seguir duplicando esto hasta que termine. 100 marcos en estaban al final aquí con 64. Voy a desplazarme de nuevo al principio aquí, mantener pulsado, cambiar y seleccionar de nuevo, Andi duplicar en mundo lo una vez más. Entonces vamos a terminar con más de 200amigos. Pero se puede ver seleccionando todo en su duplicación, y nosotros con bastante rapidez y exponencialmente terminamos con unos cuantos amigos. Entonces voy a mirar esto una vez ahora para que podamos ver cuánto tiempo va a ser. Entonces si vuelvo a marco de uno y juego esto a través. Ya puedes ver que estamos sacando unos segundos de bucle aquí. De acuerdo, así que vamos a exportar esto. Entonces ve a la exportación de archivos, alquila un video, y luego vamos a explotar todos los fotogramas Lo mantendrá como este formato de 10 80 p ejecutándolo la fotogramas de documentos. Andi renderizará esto al escritorio. Podríamos seleccionar una carpeta diferente si quisiéramos golpear. Render encendido. Ahora estamos exportando nuestra película. Entonces una vez hecho eso, solo echemos un pequeño vistazo de lo que Tenemos que saltar de nuevo al escritorio sosteniendo comando y tab toe mover entre mis aplicaciones y shift command d para traer la parada de muerte en bucle único espiral. Simplemente lo reproducimos y se puede ver qué bonito, suave, ligeramente hipnótico bucle espiral que hemos hecho con herramientas en photoshop. Y también tenemos nuestro GIF animado. Aquí está, bueno, versión más pequeña fuera de ese mismo bucle. Entonces eso es todo lo que estamos cubriendo en esta clase que tengo. Ha sido útil en dejar forzar el siguiente tutorial. Adelante. Me encantaría ver algunos de tus proyectos de clase regalos incrustados en el tablero de proyectos del curso en, adelante y diviértete un poco