Animación en Adobe Photoshop: crea un video social para promocionar tu marca | Isaiah Creates | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Animación en Adobe Photoshop: crea un video social para promocionar tu marca

teacher avatar Isaiah Creates, Art Director & Motion Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introduccion

      0:51

    • 2.

      Para comenzar

      1:06

    • 3.

      Definición de proyecto

      1:27

    • 4.

      Inspiración

      1:04

    • 5.

      Creación de storyboard

      3:01

    • 6.

      Fundamentos de la línea de tiempo de Photoshop

      4:08

    • 7.

      Cómo preparar cosas

      2:12

    • 8.

      Consejos para hacer ejercicios

      0:36

    • 9.

      Ejercicio 1: animación de máscaras

      3:19

    • 10.

      Ejercicio 2: animación de logotipos

      5:07

    • 11.

      Ejercicio 3: transición de imagen

      9:30

    • 12.

      Ejercicio 4: limpieza lineal

      3:26

    • 13.

      Ejercicio 5: animación de iconos

      6:07

    • 14.

      Ejercicio 6: finaliza un video

      4:13

    • 15.

      Exportación

      2:00

    • 16.

      Cierre

      0:51

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

256

Estudiantes

3

Proyectos

Acerca de esta clase

¡Aprende a crear fácilmente un video animado en Photoshop!

¿Alguna vez has querido crear un video para promocionar tu marca personal o negocio en redes sociales? En realidad, es muy sencillo. En esta clase, aprenderás los conceptos básicos de cómo conceptualizar y animar videos en Photoshop.  Esta clase será un gran primer paso para cualquier persona que tenga experiencia con photoshop y quiera comenzar a aprender motion graphics. 

Al final, conocerás todas las técnicas para crear videos divertidos para mostrar tu trabajo o negocio.

Lo que vas a aprender:

  • Conceptos de ideas para videos
  • Cómo encontrar inspiración para motion graphics
  • Fundamentos para usar la herramienta de línea de tiempo y crear animaciones
  • Preparación de activos para animación
  • Técnicas para animar logotipos
  • Cómo crear transiciones de video divertidas
  • Animación de iconos
  • Exportar trabajos como video o gif animado

Qué harás:

Al final de la clase, habrás creado un video personalizado que impresionará a los demás, así como algunas habilidades útiles para crear videos adicionales divertidos y únicos. 

LO QUE NECESITAS:

  • Adobe Photoshop (prueba gratuita del programa de software en Adobe.com)
  • Cualquier elemento que te gustaría usar en tu proyecto, como un logotipo, imágenes de tu trabajo o producto y cualquier otro elemento de marca

Si necesitas un curso para principiantes en Photoshop: Aprende a usar Adobe Photoshop: fundamentos para comenzar

Mi experiencia:

Soy director de arte y diseñador de movimiento sénior, con varios años de experiencia trabajando para agencias que crearon proyectos de video que van desde videos explicativos animados hasta contenido social y comerciales de transmisión. Y he trabajado en todas las fases del proceso, desde la concepción y creación de ideas de video para guiar gráficos hasta la dirección artística de diseñadores de movimiento/animadores e incluso animar contenido yo mismo. Y estructuro mis clases para que sean útiles para diseñadores, artistas y cualquier otra persona que sea nueva en la animación.

Recursos adicionales:

Esta clase explora brevemente el storyboarding, pero si quieres profundizar en el proceso completo, echa un vistazo a mi clase, Storyboarding en Procreate: guía para principiantes para dibujar storyboards

También puedes echar un vistazo a mis otras clases de Photoshop, Animación dibujada a mano en Photoshop y Edición de audio para principiantes en Adobe Photoshop.

___________________


¿Quieres más inspiración?
Dirígete aquí para descubrir más clases de animación.

Música: Blue Dream – Cheel

Conoce a tu profesor(a)

Teacher Profile Image

Isaiah Creates

Art Director & Motion Designer

Top Teacher

Hey there! I'm so glad you've found your way to my Skillshare community. I'm Isaiah, a senior art director, top teacher, and content creator living in the U.S. I started out with a traditional graphic design background, but I've always had a special love for motion. Over the years working in advertising, I've been lucky to develop my skills in motion design and animation -- and I like to add my own quirky touch with hand-drawn doodles and playful animations that make my work stand out.

I genuinely enjoy teaching and love breaking down my animation process in a way that's easy to understand, especially for those who don't have a background in animation. You can find my classes here on Skillshare and helpful tutorials on YouTube. If you're curious about exploring new creati... Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Oye, soy Isaiah card Dona, y soy directora de arte con sede en Kansas City con varios años de experiencia con el diseño de movimiento. Y creé este proyecto para ayudar a los alumnos a aprender algunas técnicas básicas de animación que puedan utilizar para crear un video para promover su marca personal o negocio en lo social, esta clase será una gran primer paso para cualquiera que esté familiarizado con Photoshop y quiera empezar a aprender gráficos en movimiento. Y en esta clase, cubriré conceptando y storyboarding tu proyecto. Cómo encuentro inspiración te da los fundamentos de animar en Photoshop y proporcionarte los archivos de trabajo que puedes usar para seguir conmigo. Espero verte en clase y no puedo esperar a ver lo que creas. 2. Comienzo: Para este proyecto, estarás creando un video corto en Photoshop que podrás utilizar para promocionar tu marca personal o negocio en redes sociales con el fin de crear tu video, primero discutiremos conceptando el idea de video, encontrar inspiración para los gráficos en movimiento, caminar por el proceso de storyboarding. También nos guiaré a través de la preparación de nuestros activos para animación y los fundamentos del uso de la herramienta Video Timeline. Y luego pasaremos por múltiples ejercicios y Photoshop para aprender a animar diferentes elementos gráficos de movimiento. He proporcionado archivos de ejercicio, incluyendo archivos completados, por lo que puedes seguir o puedes hacer referencia a unos archivos de trabajo finales. Entonces, por último, te mostraré cómo exportar tu proyecto para redes sociales y Skillshare. 3. Definir el proyecto: Antes de concepcionar tu video es importante para definir el proyecto. Aquí te dejamos un par de elementos a considerar a la hora de concepcionar tu video. En primer lugar fue el objetivo para el video. ¿ Quieres concientizar tu marca? O estás queriendo exhibir parte de tu trabajo? Considera también a tu público y lo que quieres que hagan. Podría ser que desees que se involucren con tu post o visiten un enlace a tu página web. Otro factor importante son los lineamientos de tu marca. Es importante dejar que el estilo de la marca y la voz moldearan el video y el estilo de movimiento que utilizas. video completamente animado podría ser adecuado para algunas marcas, mientras que el movimiento sutil es mejor para otras marcas, también considera activos, es importante echar un vistazo a qué activos tienes disponibles para que solo tienes imágenes de estilo de vida o también tienes iconos o ilustraciones que podrían ser animadas? Por último, es importante considerar la plataforma de que estarás publicando el video también. Eso te ayudará a determinar las dimensiones que usas, así como el formato que lo exporta. 4. Inspiración: Antes de storyboarding un video, siempre recomiendo reunir alguna inspiración para diferentes técnicas de animación que tal vez quieras usar. Un par de lugares a los que voy por inspiración es dribble, Instagram, y Pinterest. Pinterest te permite recolectar toda la inspiración en diferentes tableros. Si estás luchando por encontrar inspiración, echa un vistazo a mi tablero de gráficos en movimiento, pinterest.com, slash Isaiah, su donante. O haga clic en el enlace. En la sección de proyectos de nuestra clase. Mi tablero está dividido en textos de animación stop motion, una animación, animación dibujada a mano, así como algunos tutoriales útiles. Por lo que es un gran lugar para empezar por encontrar algo de inspiración para tu proyecto de clase. 5. Creación de storyboard: En esta lección, estaré caminando por mi guion gráfico de ejemplo, cual también está disponible en los archivos de clase que se pueden descargar de la sección de recursos de esta clase. Aquí tengo es un storyboard que creo para negocios falsos llamado tienda de plantas. Y así aplicando esas consideraciones, sabía que tenía un logotipo. Yo sabía lo que mis colores Guerra. Sabía que quiero que obviamente muestre imágenes de plantas, ya que esta es una tienda de plantas. Y así fui capaz de pasar por eso y diseñar los marcos y contar la historia que quiero contar, que fue primero comenzando con mostrar el logo que meterme diseñar los marcos y contar la historia que quiero contar, que fue primero comenzando con mostrar en mostrar las plantas, incorporando un eslabón para encontrar el tuyo y luego asegurándose de que este video fuera muy de marca, utilizando los colores de nuestra marca. Entonces quiero que termine el video fuertemente con mi logo. Y entonces realmente animar a la audiencia a involucrarse con el video al tener una animación que les recuerde que les guste comentar y seguirme en Instagram. Y para el proceso de storyboarding, me gusta incorporar también notas de animación, que tengo debajo de cada fotograma lo que ayuda a anular y planear. Hola, quiero que todos los elementos se animen y cómo quiero que los elementos transiten dentro y fuera de los marcos. Y un recordatorio de que debes diseñar tus marcos de storyboard a las dimensiones de la plataforma a la que pretendiste publicar. Por ejemplo, fui con 1080 por 1080 como ese trabajo tanto para Facebook como para Instagram. Pero pro tip, Siempre es bueno comprobar las dimensiones y requisitos actuales del video ya que las plataformas sociales a menudo hacen actualizaciones. Por último, quería señalar que mi storyboard y los ejercicios que lo creo para esta clase son para ayudarte a enseñarte un par de técnicas que puedes usar para tu video. Pero no tienes que usar todas estas técnicas. Siéntase libre de usar la técnica o enfoque que mejor funcione para su proyecto. Y como siempre, si te encuentras alguna pregunta o necesitas ayuda, por favor contacta conmigo. Una vez que hayas terminado tu storyboard, siéntete libre de publicarlo la página del proyecto para que todos podamos seguir el progreso del otro. 6. Fundamentos de la línea de tiempo en Photoshop: En esta lección, no estaré caminando por algunos de los conceptos básicos de usar la herramienta de línea de tiempo para crear animaciones. En primer lugar, vamos a abrir la herramienta de línea de tiempo. Primero ve al menú en la parte superior, y luego haz clic en Ventana. Después baja hasta el fondo de la súbita te a la línea de tiempo y haz clic en ella. Si el panel Línea de tiempo es el modo de animación de fotograma final, haga clic en convertir a Línea de tiempo de vídeo. A continuación, necesitamos especificar la duración de la línea de tiempo y la velocidad de fotogramas. Duración significa cuánto tiempo será el videoclip. Y la velocidad de fotogramas, o fotogramas por segundo, suele estar determinada por el tipo de salida que desee. Normalmente me gusta quedarme entre 24 y 30 cuadros por segundo. Y para ello, establecerás fotogramas de la línea de tiempo y el menú del panel. Ahora agreguemos una nueva capa y luego creemos un objeto que se pueda animar. Entonces para éste, sólo voy a usar un círculo. Ahora vamos a sumergirnos en las características de la herramienta de línea de tiempo. primer paso es hacer clic en la flecha hacia abajo para mostrar las propiedades de las capas. La animación se crea cambiando las propiedades a lo largo del tiempo. Dependiendo del tipo de capa, las propiedades serán diferentes. Para esta capa, tenemos posición, opacidad y estilo. Posición ajustará la posición del objeto y el marco pasará la voluntad de ajustar la transparencia de la capa la cual podemos utilizar para hacer desaparecer un objeto o desvanecerse. Y entonces el estilo nos permite ajustar el relleno de un objeto. Otra propiedad común es la propiedad transform, que permite no sólo ajustar el posicionamiento, sino también ajustar el tamaño de un objeto. Si tienes una capa que no se ha transformado, puedes convertirla en un Objeto Inteligente, y entonces eso te dará la propiedad transformada. Ahora estamos listos para crear nuestra primera animación. Baja y haz clic en el cronómetro junto al nombre de la propiedad para establecer el primer fotograma clave para la propiedad de capa que deseas animar. A continuación moveremos el indicador de tiempo actual a un nuevo fotograma, y luego cambiaremos la propiedad de capa. Y así en esta situación, quiero que se mueva el círculo. Entonces voy a retroceder el indicador de tiempo actual, y luego sólo voy a mover el objeto. Y luego ahí lo tienes. Acabamos de hacer nuestra primera animación. A continuación, vamos a previsualizar nuestra animación. Aquí tenemos diferentes controles de reproducción que nos permiten reproducir o pausar la animación. También tenemos la capacidad de ajustar la calidad de reproducción, lo cual puede ser útil si tienes una computadora más lenta para ir y usar cualquiera como 50 por ciento del 25 por ciento. Y luego cuando llegue el momento de guardar tu animación, tenemos un par de opciones. El primero es guardar como GIF animado usando el comando Guardar para Web. También tenemos la opción de guardar como secuencia de imagen o un video usando el comando render video. Y les mostraré este proceso con más detalle más adelante en la lección exportadora. 7. Preparar recursos: Antes de entrar en Photoshop, será muy importante reunir y elaborar nuestros activos que queremos animar un ejemplo esto sería si quisiéramos animar y logo como se estaba mostrando, nos necesitan que cada pieza del logotipo sea una capa separada para que podamos animar cada pieza. Eso también va para el tipo. Si estás planeando romper líneas de texto estás animando una palabra a la vez. Cada palabra tendría que ser una capa separada. Para mucha gente. Podrán tener un logotipo o activos como una sola imagen. Para esas situaciones, siempre recomiendo entrar en Photoshop y recortar el fondo de cada objeto. Y luego una vez que se corta cada objeto, entonces los separaríamos en diferentes capas. Y luego recrear el fondo. Otra parte de configurar tus archivos es el uso de máscara por máscara de recorte. Ya que quiero que las plantas animen en su lugar pero no se muestren fuera del círculo azulado. Usé una máscara de recorte. Una máscara de recorte es cuando una capa es recortada por la capa debajo de ella. Para ello, haz clic en Alt u Opción, y luego pasa el cursor entre las capas hasta que veas el signo de recorte. Para el tipo utilizo una máscara de capa. El grupo va a la cosa de las máscaras de capa son que se pueden animar específicamente. Aquí, te estoy mostrando cómo puedes usar fotogramas clave y cambiar la posición de una propiedad de máscara para crear un revelador fresco. Un hecho para el tipo de logotipo. 8. Consejos para hacer ejercicios: Para los siguientes ejercicios, estaremos utilizando los archivos de práctica de la carpeta de archivos de clase ubicada en la sección de recursos de esta clase. Puede ser útil ver primero un ejercicio, aprender las técnicas, y luego volver a ver cuando estés listo para seguir junto con los archivos de práctica para tu propio proyecto. Acuérdate de tomarlo despacio y de llegar a mí con cualquier pregunta. 9. Ejercicio 1: animación de Mask: Y aquí un ejemplo de lo que estaremos haciendo y estaremos usando el ejercicio de archivo de práctica 1.1. La primera parte que vamos a hacer cuando primero tengas tu configuración de Photoshop es que vamos a ir a Window y luego vamos a bajar a la línea de tiempo. Y entonces eso va a habilitar la herramienta Video Timeline. Y eso es lo que estaremos usando para todas nuestras animaciones y Photoshop. Y luego aquí abajo en la parte inferior es donde puedes acercar la línea de tiempo. Por lo que puedes arrastrarlo hacia el lado derecho para acercar o hacia un lado izquierdo para ver que se alejó. Para esta parte de la animación, realmente quiero empezar con cuadro completo lleno con el color kill y habitar escalado hacia abajo. Por lo que empezando con la animación, hago clic en la elipse de hasta. Entonces voy a enmarcar a y luego golpeo Comando T, que es la herramienta de transformación. Y luego subo y luego ajusto el tamaño. Y lo escalo hasta el 285% de ese tamaño. Y entonces sólo lo centro hasta el centro del marco. Entonces ahora tenemos ese marco completo. Y luego voy abajo y doy clic en la herramienta de transformación. Y luego al golpear ese cronómetro, soy capaz de crear un marco clave. Al siguiente iré al cuadro 20 y luego tocaré Comando T para abrir la herramienta de transformación. Y en este tiempo, en lugar de escalarlo hacia arriba, quiero reducirlo completamente. Qué es Photoshop aquí, y me permití hacer 0. Entonces hago lo que hago 0.01%. Por lo que parece que se ha bajado por completo y ha desaparecido. Y creo que algo genial aquí es cuando primero estás haciendo un ajuste para transformar o pasar ID, tienes que usar un cronómetro la primera vez para crear un fotograma clave. Pero después puedes simplemente pasar a un nuevo fotograma y luego hacer un ajuste. Y entonces creará automáticamente un fotograma clave. Y aquí solo estoy reajustando lo acercado a la línea de tiempo es para poder reproducirlo y ver la animación completa en acción. 10. Ejercicio 2: animación de logotipos: Para esta lección, estaremos animando. Nuestro logotipo estará utilizando el ejercicio de archivo de práctica 1.2. Si las capas están agrupadas, puede ir a la capa de grupo y hacer clic en la flecha para expandirse. El primer paso es arrastrar la planta una capa hacia atrás al marco 5. Después ve al fotograma 17 y haz clic en el cronómetro junto a la posición para crear un fotograma clave. Después vuelve al inicio de la capa en el marco tres, y luego mueve la planta fuera del marco del círculo. Después haga clic en la capa 17 y golpee el diamante junto a la posición para crear un marco clave. A continuación, arrastre ese fotograma clave a 10. Vaya al fotograma 15 y haga clic en el cronómetro junto a opacidad para crear un nuevo fotograma clave para el nivel de transparencia actual. Después ve al inicio de animate en el fotograma 3 y reduce la opacidad a 0. Ahora aplicaremos técnica similar a las otras plantas. En Planta 2. Iremos al fotograma 12 y luego crearemos un fotograma clave para la posición actual. Después iremos a iniciar capa en fotograma 0 y arrastrar planta hacia abajo fuera del fotograma, lo que debería crear automáticamente un nuevo fotograma clave. Ahora ve al cuadro 0 11 y arrastra la planta central más allá de su posición final. Y luego arrastre el nuevo marco clave al marco 10. Ahora ve al fotograma 8 y crea un fotograma clave para la opacidad actual. A continuación, vaya a empezar. Una capa puede reducir la opacidad a 0. Ahora ve a Planta 3 y arrastra al marco 10. Después ve al marco 20 a y crea un nuevo marco clave para la posición actual de la planta. Después ve a Inicio de capa en el fotograma 10 y arrastra fuera del marco hacia la derecha. Ahora haga clic en el marco 20 uno y cree un nuevo marco clave y arrastre ese nuevo marco clave hacia abajo hasta el fotograma 15. A continuación, haga clic en el fotograma 20 y cree un nuevo fotograma clave para la opacidad actual. Después ve al inicio de esta capa. Y luego vas a subir a un pasty y vamos a reducirlo a 0, que creará un nuevo fotograma clave. Ahora haga clic en la elipse de hasta en el fotograma diez y cree un nuevo fotograma clave para la transformación Sadie. A continuación, vaya a la capa de inicio y presione atajo Comando T para que aparezcan la herramienta de transformación, actualice el ancho y la altura 2.01% y haga clic en la flecha o tecla Intro para enviar el cambio. Ahora es el momento de animar el tipo de logotipo. Haga clic en la flecha de la capa de grupo de tipo de logotipo para expandirla. Ahora arrastre la capa de grupo dos enmarque un equipo. Haga clic en el texto de planta de capa y vaya al marco 29 y cree un nuevo marco clave para la posición actual. Repita la acción para capa de tienda. El mismo marco. Ahora ve al inicio de ambas capas en el marco 19. Y con ambas capas de textos seleccionadas, arrástralas hacia abajo en el Canvas. Ahora ve al fotograma 27 y crea nuevos fotogramas clave para ambas capas de textos. A continuación, arrastre los nuevos fotogramas clave al fotograma 25. Ahora animemos la transparencia en el fotograma 29. Crear nuevos fotogramas clave para la opacidad actual. Y luego vaya al cuadro 24 y reduzca la opacidad a 0. A continuación, arrastraremos la capa de textos de tienda dos, marco 29. Ahora voy a alejarme con la herramienta de línea de tiempo y reproducir la animación para revisar la animación final para asegurarme de que estoy contento con ella. 11. Ejercicio 3: transición de imágenes: En esta lección, estaremos creando transiciones utilizando imágenes y estaremos usando el ejercicio de archivo de práctica 2.1. El primer paso será arrastrar sobre los tres manejadores superiores y la herramienta de línea de tiempo. Por lo que sólo podemos enfocarnos en la primera parte de esta animación. Haga clic en el fotograma 20 y cree nuevos fotogramas clave de transformación tanto para la capa del panel izquierdo como derecho. Primero y luego ve a iniciar esas capas y arrastra un fotograma para crear un nuevo fotograma clave. Ahora, ve al marco 15 y arrastra los paneles izquierdo y derecho hacia abajo hasta que estén cerca de completarse. Ahora voy a reproducir animación. A continuación, aplicaré la misma técnica al panel medio en máscara. Agregaremos un fotograma clave en el fotograma 25 para la posición actual. Después ve a iniciar una capa y arrastra ambas capas medias hacia fuera para encuadrar en dirección inversa. A continuación, añadiremos nuevos fotogramas clave cuando la capa esté al 90 por ciento en la parte superior. Y luego mueva esos marcos clave al encuadre 15. Animación de reproducción para asegurarse satisfecho. Ahora va a hacer que el texto se desvanezca de uno a la vez. Para ello, voy a empezar arrastrando las tres capas de textos al encuadre 20. Después voy a ir a la marca de 1 segundo y crear un nuevo fotograma clave de opacidad, luego ir al inicio de la capa. Y en el marco 20. Y luego voy a ir a o, pasar el, reducir esto a 0. Ahora voy a repetir eso para las siguientes tres capas de textos. A continuación, vamos a compensar las capas arrastrando sus textos más tarde al fotograma de 1 segundo. Entonces voy a arrastrar textos Zen más tarde al 1 segundo, 10 fotogramas. Ahora estoy reproduciendo la animación. A continuación, vamos a añadir un efecto de zoom a las imágenes de fondo para que tengamos una animación sutil mientras los usuarios están leyendo el texto y la línea Bu. Y luego comenzando con el panel uno, imagen yendo a la marca de 4 segundos en golpear al Comando T, atajo y luego aumentando un poco el ancho y la altura y moviendo la imagen más de un poco a mantener la animación realmente sutil. Ahora usaremos la misma técnica en las otras imágenes. Por lo que haciendo clic en la imagen central en usar atajo Command T y aumentar el tamaño de la imagen. A continuación, haciendo clic en la última imagen y utilizando nuevo la herramienta de transformación para aumentar un poco el tamaño, para tener un bonito zoom lento en efecto, simplemente reproduciendo la animación y haciendo cualquier correcciones hasta feliz. Ahora animemos la siguiente transición de imagen. En primer lugar se va a arrastrar la imagen de la planta colgante a la marca de tres segundos. Entonces voy a crear un fotograma clave en el inicio de la capa y luego ir al fotograma 15 y luego mover la imagen hacia arriba fuera del fotograma. Y luego haciendo clic en el fotograma 14, crearemos un nuevo fotograma clave de transformación. Y luego después de reproducir animación, decido mover el fotograma clave medio al fotograma 10, el último fotograma clave para encuadrar 16. Ahora que he descubierto la animación para el primer panel, aplicaré esos mismos ajustes a las otras dos imágenes. Una vez que esos estén alineados con la primera animación, compensaré la animación arrastrando la segunda, tercera capas de nuevo en la línea de tiempo. Para obtener el momento correcto, repongo la animación y hago los ajustes según sea necesario hasta que esté feliz. 12. Ejercicio 4: toallita lineal: En esta lección, estaremos creando una transición de borrado multicolor. Estaremos utilizando el ejercicio de archivo de práctica 2.2. Me enfocaré en el primer color, que será la capa til blanca. Y voy a ir al cuadro 20 y golpear ese cronómetro para crear un marco clave para la transformación. Y luego una cosa que es útil aquí, porque hay aquellos en sus colores que están en la parte superior es que voy a seleccionar para ellos y luego deslizar sobre ellos. Entonces solo puedo enfocarme en la capa en la que estoy y estoy tratando de animar. Entonces ahora con esas coartada, solo estoy viendo eso hasta limpiar capa. Y luego seleccionaré eso y luego lo voy a arrastrar hasta la esquina superior izquierda. Y como ves, creé esto con un ángulo. Entonces de esa manera me da esa bonita transición una vez que represente. Y así como viste, automáticamente creó un fotograma clave una vez que agrego, lo movió al marco 0 y luego hizo ese ajuste. Y así ahora voy a repetir ese paso con la capa oscura hasta blanca. Y así yendo a 1 segundo, tercer marco. Y entonces voy a tipo de hacer lo que hice antes y mover el borrado blanco hasta el final. Y luego voy a ir al inicio de esta capa y luego simplemente mover eso fuera de marco de la parte superior. Se rió. Y luego ahora yendo a la capa blanca, blanca, voy a repetir lo mismo. Pero esta vez voy a ir a, estoy queriendo que esto vaya más rápido. Entonces voy a 1 segundo, 10 fotograma aquí, arrastrando un fotograma a la parte superior al principio de la capa. Y así éste tendrá una duración más corta. Pero lo que eso hará es que parecerá que se está moviendo más rápido y ese es el objetivo. Por lo que la primera hasta que se limpie va a ser la duración más larga que la segunda. Y entonces el tercero llega muy rápido para crear un poco un buen sentido del movimiento con esta transición. Ahora sólo reproducirlo para asegurarme de que estaba contento con ello. Y luego una vez más, una vez que termines tu animación, asegúrate de desactivar la capa de fondo. Entonces, cuando lo juntemos todo, no tendrás que preocuparte por esa capa de fondo. 13. Ejercicio 5: animación de iconos: En esta lección, vamos a crear una animación con iconos sociales, y estaremos utilizando el ejercicio de archivo de práctica tres. Para empezar, estoy escondiendo las otras capas para poder enfocarme en el icono me gusta. Expandiendo las opciones de capa like y la línea de tiempo para empezar a animar capa. Voy a empezar por ir al fotograma 20 y luego crear un nuevo fotograma clave transformado y simplemente convertirlo en un 70 por ciento a continuación, ir al fotograma 10 y crear un fotograma clave, luego ir al fotograma 15 y aumentando el tamaño al 90 por ciento. Siguiente va a agregar un trazo al ícono, haciendo mío para el trazo de píxel, y un color de 47 ser uno B6. Ahora volviendo al fotograma 20, crearé un nuevo fotograma clave de estilo y luego iré al fotograma diez y reduciré el ajuste de la factura a 0. Por lo que sólo se muestra el trazo. A continuación, tomando la capa de notificación y arrastrando de nuevo al fotograma 20, Al hacer clic en el fotograma 1 segundo, séptima marca, y crear un nuevo fotograma clave transformado. Después yendo al inicio de la capa y encogiendo la notificación para luego colocarla en el centro del icono del corazón. Siguiente yendo a la marca de 1 segundo marco cinco. Y usando el atajo Command T para aumentar el tamaño a un 106%. Ahora voy a 1 segundo fotograma, una marca. Y usando el atajo Command T para cambiar solo el ancho a 0.01% asegurándose de que la cadena sea no seleccionada. Después ve al fotograma 116 y crea un nuevo marco clave para la opacidad. Después ve al cuadro 120 y reduce la transparencia hasta el 0. A continuación, vamos a aplicar las mismas técnicas de animación, capas de notificación de comentarios y comentarios y que su animación comience después del final, li como secuencia de animación. Entonces volverás a hacer lo mismo para las capas de notificación de seguimiento y seguimiento. Hola. Después de hacer clic atrás al inicio de la línea de tiempo, me di cuenta de que movía la capa de comentarios, pero notificación de comentarios por accidente. Por lo que arrastro el icono de comentario de nuevo a la historia ya que quiero que siempre se muestre el icono. Y luego simplemente arrastra los fotogramas clave de nuevo a su posición original. Y es por eso que siempre me gusta reproducir la animación para asegurarme de que todo esté funcionando de la manera que yo quiero. Último paso, quita el fondo blanco y asegúrate de guardar. Hola. 14. Ejercicio 6: finalización de video: En esta lección, juntaremos todos los ejercicios en un solo debate. Estaremos usando ejercicio de archivo de práctica para empezar. Importaremos los otros ejercicios a un nuevo PSD. Para ello, iremos a archivar en la parte superior y luego bajaremos a Colocar Vinculado, luego pasar y agregar cada archivo de ejercicio. Una vez hecho esto, reorganizo las capas para que la capa correcta se superponga. Vamos a continuación. Ahora, estoy recortando la primera capa ya que la animación es corta. Expandiendo la línea de tiempo y moviendo el ejercicio 2.1 para encuadrar 20 siguiente, arrastrando las otras capas hasta la marca de 5 segundos. Ejercicio de recorte 2.1. A continuación, arrastrando el ejercicio 1.2 al encuadre 6 diez. Después moviendo Ejercicio 3 para encuadrar ocho O cinco. Ahora de nuevo en el ejercicio 1.2 capa voy a expandir capa y crear un nuevo fotograma clave de transformación en el fotograma 721 y luego ir al fotograma ocho O cinco en el uso de la herramienta de transformación escalará hacia abajo el logotipo. Al hacer clic en la capa de ejercicios 3, vaya al fotograma 8, 13, y utilizando la herramienta de comando, se escaló hacia abajo la capa al 62.29% y posicionarse hacia la parte inferior del marco. A continuación, crea un nuevo marco clave. A continuación, vaya al marco ocho O cinco en el uso de la herramienta de transformación reducida a 0.01%. Por lo que desaparece. Después de que estás echando un vistazo a la parte final, me di cuenta de que quería que el logo fuera más grande. Psi volvió a entrar, ajustó el tamaño y la ubicación de la animación del icono social también. A continuación, miro la porción final de la animación y tendencia hacia abajo por el área de trabajo hasta cerca de 13 segundos. Por último, retoqué la animación completa un par de veces para asegurarme de que estoy feliz. Dependiendo de tu computadora, es posible que necesites reducir la calidad de reproducción al 50 por ciento como lo hice para jugar más rápido. 15. Exporta: En esta lección, te mostraré cómo exportar tus videos finales. Así que ve al archivo en el menú superior y luego baja todo el camino hasta Exportar, y luego todo el camino hasta Render video. Y esto es lo que usarás para exportar tus videos para sociales. Y luego solo querrás asegurarte todos los ajustes sean correctos, que tengas el nombre correcto, que quieras guardarlo ya que está en la ubicación correcta, que quieres que sea. Exporta dos, y luego tienes múltiples configuraciones que quizás quieras volver a comprobar. Como mencioné al inicio del video, estamos haciendo 1080 por 1080. Y entonces sólo estamos usando el área de trabajo que nosotros como los firmados para este video. Y luego tocaremos el botón Render una vez que estemos satisfechos. Y luego ahí estás, Ya terminaste. Por último, te voy a mostrar cómo exportar tus videos para Skillshare. Y siguiendo un método similar al anterior, subiendo a Archivo y Exportar. Y luego esta vez, guarde para Web Legacy. Esta vez lo vamos a hacer un regalo. Y ella solo quería asegurarse de que estás contento con la configuración y luego presionar el botón Guardar. Y luego asegúrate de que tu tengas el título y la ubicación en la que quieres guardarlo como. Y luego una vez que golpeas Guardar, entonces terminas y luego estás listo para subirlo a la página del proyecto. Enhorabuena, ahora ya terminaste. 16. Resumen: Muchas gracias por unirte a mi clase hoy y espero que estés llenando inspirado para empezar a hacer algunos videos divertidos usando las técnicas que aprendiste de esta clase. Estoy muy emocionado de ver lo que has creado. Así que asegúrate de publicar tu trabajo en la sección de proyectos de la clase. También puedes encontrar más de mi trabajo sobre Instagram en Isaiah Cortona, Casey. Y si estás publicando ahí, siéntete libre de etiquetarme en tus publicaciones o usar un hashtag, donante de tarjetas de Isaías. Por lo que también lo puedo ver. Y si te gustaría que más proyectos te ayuden a aprender gráficos en movimiento, entonces sígueme en Skillshare ya que pronto estaré publicando nuevos proyectos. No puedo esperar a ver a qué se les ocurre. Gracias otra vez. Adiós.