Conceptos básicos de la animación con CapCut: domina los fotogramas clave paso a paso.

1. Introduccion: Estos movimientos, transiciones, objetos que se mueven por la pantalla, texto que aparece que estás viendo ahora mismo parece bastante complicado, pero todos suman una sola herramienta básica en el software de edición llamada fotogramas clave Y una vez que entiendas cómo funciona esto, vas a poder controlar cualquier cosa dentro tus videos y hacer que se vea súper fluida y natural. Soy Andrea Skillshare, maestra, creadora contenido y fotógrafa independiente y creadora de videos Y llevo más de diez años editando videos. Y si hay algo que uso en cada video, es el encuadre clave. En esta clase, estamos manteniendo las cosas simples y prácticas, y no solo vas a ver. Vas a practicar recreando todos estos movimientos con una tabla de práctica que yo creé solo para ti Vamos a comenzar desde lo básico, creando tu primera animación, y desbloquearemos lentamente un poco más de control, moviéndonos, escalando, rotando y luego combinando todos estos para hacer una edición muy dinámica. Y la mejor parte es que esto no se aplica sólo al corte de tapa. Exactamente la misma lógica se aplica en estreno DaVinci corte final Entonces una vez que lo aprendas, puedes aplicarlo en cualquier lugar. Entonces, si alguna vez viste una animación o edición y se veía realmente compleja, no lo es. Es solo un montón de cosas simples juntas. Y por lo general, mucho encuadre clave. Vamos a meternos en ello. 2. Proyecto de clase:: Antes de saltar a los dos hablemos un poco sobre el proyecto de clase La idea es hacer esto como un juego para que puedas divertirte mientras aprendes. He creado un tablero de práctica en el que vas a saber dónde está el inicio y el final de cada animación. Y tu objetivo va a ser dar vida a estos elementos usando fotogramas clave Vas a estar moviendo objetos de un lado a otro, escalándolos hacia arriba y hacia abajo, rotando. Y no te preocupes si suena un poco demasiado ahora mismo. Vamos a construir esto paso a paso. En la siguiente lección, te voy a mostrar exactamente cómo funciona cada tipo de fotogramas clave Y luego vuelves a esta junta y aplicas lo que hemos aprendido. Si quieres que sea sencillo, solo recrea los movimientos exactamente como Si quieres ir un paso más allá y recrearlo con tu propio estilo, estaré encantado de verlo Ahora, muy importante una vez que hayas terminado, por favor exporta tu video y póngalo en Google Drive, Dropbox, YouTube, como video de alistados, y solo publícalo en la galería de proyectos Confía en mí, es una experiencia de aprendizaje completamente diferente si realmente la pones a prueba y subes algo. Realmente vas a sentir que aprendiste algo después de esto. Muy bien, ahora que conoces nuestro camino aquí, comencemos a construir tu primera animación 3. Conceptos básicos de los fotogramas clave: De hecho, aprendamos cómo funciona esto. Ahora mismo, este clip es completamente estático. No hay movimiento. Pero en el momento en que agrego dos fotogramas clave, las cosas empiezan a cambiar Piense en los fotogramas clave como dos puntos en el tiempo. Si nada cambia, no pasa nada. Pero si algo cambia, entonces cap cut o tu software de edición va a averiguar qué pasa entre el punto A y B. Así que comencemos con un ejemplo muy básico. Digamos que pongo una pegatina por aquí y quiero que termine por aquí. Y todo este movimiento que acabas de ver suceder, fue creado por el software de edición. Yo solo dije puntos de partida y final. Por cierto, si quieres descargar los archivos en la sección de proyectos y seguir esta clase mientras practicas, también es una gran idea. En la sección de recursos de esta clase, vas a encontrar tres archivos diferentes. El primero es este trasfondo aquí, pero en realidad no lo necesitas. Simplemente puedes usar lo que prefieras. Y los elementos que estoy usando para animar aquí, son todos pegatinas dentro de Capcod Y los vas a encontrar haciendo click aquí arriba a la izquierda en pegatinas, y hay muchas categorías diferentes. Simplemente puedes elegir lo que prefieras. Lo importante es que lo pruebes. Los otros dos antecedentes que puedas encontrar ahí van a ser utilizados en una de las lecciones menos que van a ser en realidad tu proyecto para esta clase. Transformación lateral, ya vas a ver uno de estos iconos en forma de diamante. Si haces clic aquí, esto significa que estás configurando todos los parámetros a continuación para que ese clip en ese momento específico en el tiempo sea así. Ahora vamos a avanzar un poco en el tiempo. Obtenga el cabezal de reproducción, solo vaya un par de segundos más tarde y haga clic nuevamente en el fotograma clave de transformación Ahora, todavía no hemos cambiado nada entre estos dos puntos en el tiempo, por lo que el software no se va a mover ni hacer nada con la pegatina. Solo vayamos a la báscula y deslízala un poco hacia arriba, haciendo que la pegatina sea un poco más grande. Y eso es todo. Ahora puedes retroceder a la línea de tiempo y simplemente jugarlo para ver cómo hace que la pegatina más grande sin que tengas que hacer nada. Y hay tres formas en las que vas a poder cambiar estos parámetros. El primero como la escala, por ejemplo, tienes este tipo de slider que puedes ir y venir. Para otros parámetros van a ser flechas o algo similar. La segunda forma es que si quieres ser realmente preciso, puedes marcar el número exacto que quieras. Quieres que la pegatina sea 10% más grande, solo puedes escribir 110%, y eso es todo. Si quieres mover la posición a un lugar muy específico, puedes hacerlo también. Obtienes el. La tercera forma y que fluye más libremente es usar el panel de vista previa y simplemente hacerlo visualmente. Siempre que hagas clic en un objeto en la línea de tiempo, lo va a resaltar en el panel de vista previa. Vas a ver la caja a su alrededor, y ahora solo puedes arrastrar para hacerlo más grande, más pequeño, rotarlo, o simplemente moverlo. Con sólo tocarlo aquí en la vista previa, se va a crear un fotograma clave automáticamente para ese punto en el tiempo Pero solo si habilitaste los fotogramas clave antes, ya que ya habías hecho clic en el encuadre clave de transformación, esto va a hacerlo pero si no lo has tocado y solo lo has movido a la vista previa, no se está haciendo ningún fotograma clave aquí Entonces, si tienes una animación en mente, asegúrate de hacer clic en el fotograma clave del parámetro que quieres cambiar o la transformación general aquí. Mira, acabas de crear tu primera animación. Entonces, si quieres jugar un poco con esto para que puedas acostumbrarte a cómo funciona. Y en la siguiente lección, vamos a dar un paso más allá comprobando todos los parámetros que realmente puedes cambiar con fotogramas clave 4. Controlar el movimiento: Ahora que entiendes cómo funcionan los fotogramas clave, desbloqueemos todas las propiedades que puedas controlar con él El concepto siempre va a ser el mismo. La posición va a traer algo del punto A al punto B. La escala la va a hacer más grande o más pequeña y girar suena obvio, pero hay una trampa. Dado que el software va a recrear el movimiento entre los dos puntos automáticamente, necesita entender cómo se quiere La rotación, por ejemplo, podría ser en sentido horario, antihorario Entonces necesitas darle una pizca de lo que quieres. Entonces, si quieres que algo, por ejemplo, gire y termine en la misma dirección, vas a tener que establecer un fotograma clave en el medio y mostrar cómo debería ser en ese punto o darle una pista al final y solo ver qué hace el software. Ahora, aquí hay un pequeño truco sobre la rotación. Si creas dos fotogramas clave y simplemente lo dejas igual, no va a hacer nada, así que no rotará Pero si al final, eliges este fotograma clave y en lugar de cero, agregas 360, que en realidad debería ser el mismo posicionamiento Se va a girar en sentido horario. Y ahora hay un segundo truco. Si quieres, también puedes usar ángulos negativos aquí. Entonces en vez de 360, si pongo menos 360, entonces lo que va a pasar es que la pelota va a girar en sentido antihorario Así que puedes jugar con esto para coordinar como quieres que el software cree la rotación por ti. El siguiente parámetro que podemos fotograma clave y se ve muy a menudo en los videos es la opacidad Así es como hacemos que las cosas se desvanezcan dentro y fuera. Entonces, digamos que quieres que aparezca algún texto en pantalla, puedes ir al modo blend. Establezca un fotograma clave al principio con la opacidad y al final en 100 Y ahora tu texto simplemente va a estallar así en tu pantalla. Y aquí es donde las cosas empiezan a ponerse interesantes porque no necesitas hacer solo una de ellas a la vez. De hecho, puedes combinar todos estos parámetros juntos. Entonces, por ejemplo, puedo mover este objeto, escalarlo y girarlo todo al mismo tiempo, y todo entre los mismos dos momentos en el tiempo. Y la parte divertida es que aunque hayas hecho clic en el fotograma clave de transformación, el software crea un fotograma clave para cada uno Para que después, los puedas ajustar individualmente, posicionamiento, rotación, escalado Y así es exactamente como se construyen animaciones más complejas. Quiero introducir un concepto más que va a hacer que tus animaciones se vean mucho más fluidas que naturales, y este es el concepto de flexibilización Hasta ahora, todos los movimientos que creamos son lineales. Entonces cambian la misma cantidad en el tiempo. Digamos que estás moviendo una pegatina en 10 segundos del punto A al B. Si vas a la marca de 5 segundos, va a estar exactamente en el medio. Pero nuestra percepción es que en la vida real, las cosas realmente no se mueven de esa manera. Entonces, si estuvieras, por ejemplo, para correr del punto A al punto B, normalmente empezarías más lento, tomarías velocidad, y luego disminuirías al final. Esto es exactamente lo que podemos replicar usando la flexibilización. La forma más rápida de establecer esto es simplemente ir a los mismos lugares en los que estabas configurando los fotogramas clave, haz clic derecho y vas a tener en el menú cuatro opciones diferentes Está adentro está fuera, flexibilizando y lineal. Es en significa que el movimiento comienza más bajo y luego acelera. Es out significa que comienza rápido, pero luego se ralentiza al final. La flexibilización combina ambas. Y lineal, como su nombre lo dice, simplemente va estable. Déjame mostrarte visualmente la diferencia. Aquí arriba hay una animación lineal y en la parte inferior hay una con flexibilización aplicada Inmediatamente se siente más suave y natural. Ahora, un último comentario en esta lección es que muchos otros parámetros en corte de tapa también pueden ser fotogramas clave, incluso cosas como corrección de color, gradación de color, enmascaramiento y mucho más Y ahora sabemos que la forma sencilla de ver si algo puede ser fotograma clave es comprobar si hay este icono de diamante a la derecha. Mismo concepto. Establece un fotograma clave para el inicio, avanza en el tiempo, otro fotograma clave para el final y cambia el parámetro como prefieras Bien, en la siguiente lección, hablemos un poco sobre diferentes formas de establecer fotogramas clave y cómo ajustarlos a precisión 5. Métodos de fotogramas clave: Ya sabes qué son los fotogramas clave y qué puedes controlar. Veamos las diferentes formas en las que puedes construir animaciones dentro de Capgt Porque no hay una sola manera de abordar esto y comprender que te dé mucha más flexibilidad Vamos a usar un ejemplo de keyframing de posición aquí. Simplemente haz lo que hemos hecho antes, selecciona el primer y el último punto clave de encuadre y cambia el parámetro como prefieras Puede ser simplemente mover una pegatina del punto A al B. Ahora podemos entrar en la línea de tiempo, hacer clic derecho en su clip y mostrar animación de velocidad variable. Va a abrir un panel completamente nuevo que muestre sus propiedades de transformación y lo que ha creado hasta ahora. Por lo general se va a categorizar en transformar, ajustar y otros. Dentro de la transformación, vas a encontrar cosas como posicionamiento, rotación y escala. Una cosa a la que debes prestar atención dentro Capct es que diferentes elementos te van a ofrecer diferentes opciones dentro del panel de aquí Entonces, por ejemplo, si solo agregas una pegatina como esta, vas a ver que aquí no hay parámetros de ajuste, así que no puedes cambiar el color, el balance de blancos, nada de eso. Pero hay un truco de que puedes cualquier cosa dentro aquí, si haces clic derecho, puedes crear un clip compuesto. Y ahora Capct va a tratar esto como un videoclip como lo sería cualquier otro Los parámetros aquí cambian completamente para que coincidan con los de un videoclip original, incluyendo todo lo que puedes usar para ajustar el color, balance de blancos, corrección de color. Entonces aquí, si creo un fotograma clave, digamos, por ejemplo, para la temperatura, voy adelante y creo otro en que este portero es completamente amarillo, por ejemplo, y ahora vas a poder ver la transición Y esto engloba la pegatina original. Así que aún, si hago doble clic, puedo ver todos los fotogramas clave que he creado antes dentro de aquí y para volver, solo tienes que hacer clic en esta flecha aquí en el medio y vas a ver la línea de tiempo original Dentro de ajustar, normalmente vas a encontrar herramientas de gradación de color, afilado, viñeta y Y aquí está la idea clave. Cualquier cosa que agregues un fotograma clave también va a aparecer aquí Así que esto se convierte en una visión general completa de lo que está cambiando en tu clip. Ahora, puedes interactuar con estos fotogramas clave directamente desde aquí Puedes moverlos de un lado a para hacer que la animación sea más rápida o más lenta, puedes moverlos hacia arriba y hacia abajo para cambiar sus valores. Así que ya no solo estás cambiando los puntos de inicio y fin, estás dando forma a la animación visualmente. Ahora recuerda que cada parámetro tiene su propia escala. Si es posicionamiento, va a ser la posición en pantalla con las coordenadas. Otras cosas van a tener los valores dependiendo de lo que controlen. Escala, por ejemplo, va a ser un porcentaje. Podría ser ángulo, nivel de intensidad . Depende del parámetro. Y recuerda cómo hablamos de flexibilización está dentro y está fuera. Aquí tienes también todos esos controles y mucho más. Si vas a la derecha aquí y haces clic en presets, vas a ver un montón de ejemplos visuales de cómo puedes tener esta animación Una vez que lo hayas hecho, puedes hacer clic en cada fotograma clave y ajustarlo usando esta palanca de aquí Así, puedes hacer que la animación sea más larga, más corta, y simplemente modificarla como prefieras Y al hacer clic en el diamante, puedes eliminar un fotograma clave si estás posicionado encima de él, o puedes crear un nuevo fotograma clave si estás en un momento que aún no tiene uno Y si quieres navegar por ellos, simplemente puedes hacer clic en las flechas para ir directamente a una u otra. Ahora bien, recuerda que este enfoque podría no ser el más preciso porque solo lo estás moviendo con el cursor. Pero siempre puedes retroceder al panel y simplemente insertar un valor manualmente allí para configurarlo exactamente donde quieras. Vamos a dar un consejo antes de que terminemos esta lección es que ahora que has aprendido que puedes transformar una pegatina en un videoclip y acceder a algunos parámetros nuevos, una cosa a la que vas a poder acceder ahora es el desenfoque de movimiento. Y esto realmente ayuda a vender la idea de movimiento de una pegatina o cualquier objeto. Entonces aquí, por ejemplo, si solo ves el movimiento del gato yendo de izquierda a derecha, ves que en cualquier momento en el tiempo está completamente afilado. Y para vender la idea de movimiento, podemos hacerla un poco borrosa según el movimiento Pero si acabas de hacer clic en la pegatina ahora mismo, no tienes esta opción aquí mismo. Entonces lo que vamos a hacer es que vamos a hacer clic derecho. Vamos a crear un clip compuesto y ahora aquí en el panel de video, podemos ir hasta el fondo, y vas a encontrar el desenfoque de movimiento. Ahora aquí va a empezar a aplicar y vas a poder ver que ahora es incluso demasiado. De hecho, puedes reducir esto eligiendo dirección hacia atrás. Entonces solo va a quedar un poco borroso en la espalda del gato contra el movimiento Y podemos reducir esto un poco haciendo tal vez 30%. Esperemos a que se procese. Y ahora se puede ver que cualquier momento en el tiempo es un poco borroso por el movimiento Puedes ajustar aquí a tu gusto, dependiendo también de la velocidad del movimiento que hayas establecido, pero esto ya es mucho más interesante que tenerlo afilado a lo largo de todo el movimiento. Bien, recuerda el tablero de práctica, ve a probarlo, y luego la siguiente lección, vamos a hablar un poco sobre edición real de casos de noticias de encuadre clave 6. Escenarios comunes: Tomemos todo lo que hayas aprendido y aplicarlo a ediciones reales Porque así es como va a dejar de ser solo una herramienta y se aplicará a tu narración real Repasemos algunos ejemplos prácticos como la cabeza parlante acercar y alejar. Esto es algo que ves todo el tiempo en YouTube y redes sociales. En lugar de cortar a una segunda cámara, como que la simulas. Agregue un fotograma clave al principio, uno al final, y simplemente acerque un poco Esto crea variación, mantiene al espectador comprometido, y también llama un poco más de atención a algo que vas a decir en ese momento. Es simple pero extremadamente efectivo. Veamos las fotos, por ejemplo. Si necesitas mostrar uno en tus videos, solo puede verse un poco aburrido y plano. Pero si le agregas un poco de bolígrafo o un zoom o solo un poco de movimiento, simplemente se siente mucho más vivo. Ahora hablemos un poco sobre el texto, y en lugar de simplemente hacerlo estallar en la pantalla, realidad podrías animarlo Puedes iniciarlo fuera del marco y luego o simplemente mantenerlo adentro, pero solo hacer que la opacidad se desvanezca Se puede combinar un poco de movimiento, un poco de escala, y la opacidad para hacer algo mucho más dinámico Ahora encima de eso, puedes agregar flexibilización y se siente mucho más intencional Y recuerda que en Capcut también puedes agregar las animaciones incorporadas encima de todas estas Entonces digamos, por ejemplo, que te encanta esta animación carta por letra. Puede tenerlo aplicado a su cuadro de texto, pero aún así también puede aplicarle la posición, la opacidad y el fotograma clave de escala. Entonces ves que todos estos ejemplos tienen una cosa en común. Estás usando el fotograma clave para guiar la atención de los espectadores Así que tómate un momento para probar esto, y en la siguiente lección, vamos a hablar de tu proyecto. 7. Practice Time: Ahora pongamos todo en práctica juntos. Vamos a usar la tabla que mencioné en primera clase. Lo primero que tienes que hacer es descargar estas dos imágenes del panel de recursos del proyecto. El primero es este con todas las formas, y el segundo es este estadio de fútbol. Voy a explicar para qué sirven. Así que importa ambos dentro de un nuevo proyecto dentro de Capcot puede ver que ambos ya están aquí y traen el primero a la línea de tiempo, tal como lo hice aquí. La idea es que crees estas tres formas dentro del código de tapa usando las pegatinas, puedes subir aquí a la izquierda a las pegatinas. Y una de las últimas cosas que vas a encontrar son las formas. Sólo vas a crear uno por uno de cada uno de ellos. Y comencemos con un ejemplo aquí. Como, por ejemplo, este triángulo. Sólo voy a editar para rastrear, y luego se crea aquí. Voy a alargarlo un poco más. Y ahora lo tenemos aquí. Vas a ver que en los paneles, vas a poder cambiar mayormente todo sobre esta forma. Se puede cambiar la opacidad, el campo, cómo se ve correctamente Pero también puedes hacerlo en el panel de vista previa, y así es como te sugiero que lo hagas ahora mismo. Es sólo un poco más fácil. Sólo voy a remodelarlo para que sea más o menos así Y en este ejemplo, lo voy a hacer la transición del más grande al más pequeño. Pero en realidad no importa. En cuanto hagas la transición de uno a otro, vas a usar los mismos conceptos que los que estoy usando aquí. Entonces, bien, voy a dejarlo así. Yo sólo voy a cambiar el color aquí, tal vez a amarillo. Y lo primero que tienes que hacer es crear algunos fotogramas clave. Entonces, ¿qué vamos a cambiar de aquí a aquí? Principalmente todo en cuanto a posición, rotación, escala, y también podemos cambiar el color. Así que voy a crear fotogramas clave para todos estos. Sólo voy a dar click en la transformación. Así que así, tengo todos los fotogramas clave ya creados para mí. Y el relleno no es parte de la transformación, así que vas a tener que crearlo manualmente aquí también. Bien. Entonces ahora que ya está hecho, y se puede ver que el fotograma clave está justo aquí al principio, solo voy a conseguir el cabezal de reproducción, adelante un poco. Aquí es suficiente. Y sólo voy a traerlo por aquí e intentar imitar exactamente la forma que estamos viendo aquí en nuestro tablero Entonces voy a remodelarlo así. Y si quieres mantenerlo del mismo tamaño o la misma relación de aspecto, más o menos, puedes hacer clic en Mayús y solo va a mantenerlo más o menos igual. Voy a hacerlo un poco más pequeño. A lo mejor podamos rotarlo un poco. Bien, no tiene que ser perfecto. Es sólo para que practiques, de verdad. Entonces así, me queda bastante bien. Voy a cambiar también el fiel. Entonces vengamos aquí y sólo voy a hacerlo verde, digamos. Entonces ahora mismo, tengo el triángulo haciendo la transición de esa primera base triangular a la segunda y cambiando el color Perfecto. Ahora, quería agregar otras capas también de lo que has aprendido a lo largo de la clase. Entonces lo primero que puedes hacer aquí es también cambiar la flexibilización, cómo se mueve en el espacio Entonces solo voy a venir aquí al panel y voy a elegir flexibilizar, por ejemplo Entonces ahora el movimiento es un poco más fluido entre las dos formas, y eso es todo. Ahora, todo lo que quiero es que repitas el mismo proceso usando también el círculo y el cuadrado. Y considerando que también aquí, estoy cambiando la opacidad para el círculo, y puedes cambiar cualquier otra de las propiedades que te gustaría solo para practicar esto un poco Perfecto. Y ahora el segundo proyecto, y este es opcional, pero creo que es muy interesante si quieres intentar hacerlo es usar aquí el estadio de fútbol. Entonces solo entré en pegatinas, y también hay una categoría llamada fútbol. Que va a ser aquí abajo, donde vas a encontrar todas las pegatinas que usé. Pero realmente depende de ti. Si quieres crear algo diferente, si tienes una imagen diferente y quieres hacer algo por ti mismo, está bien, también. Pero esto es sólo algo que tengo listo para que te sea más fácil decidir qué tipo de proyecto o cómo practicar. Entonces lo que hice fue crear esta animación. Y todo esto está usando exactamente las mismas cosas que aprendimos a lo largo de la clase. Está usando todas las transiciones, usando fotogramas clave para la posición, la escala, la rotación Y sólo una cosa a la que tengo que prestar atención porque en este caso, como tenemos tantas pegatinas, el orden va a importar para entender cuáles van a aparecer en el frente o en la parte posterior. Eso es. Ahora te toca a ti practicar. Recuerda exportar este video viniendo a Exportar y luego elegir un destino y subirlo a Dropbox, Google Drive, YouTube, como alistados como prefieras, y pega el enlace en la sección del proyecto Voy a revisar cada una de ellas, y voy a responder a todos sus comentarios en el panel de discusión. Bien, ahora vamos a terminar todo en la lección final. 8. Conclusión: Recapitulemos rápidamente lo que has aprendido. Empezaste entendiendo exactamente qué fotogramas clave son realmente un punto en el tiempo donde algún parámetro va a cambiar Después creaste tu primera animación estableciendo un inicio y un fin. Después de eso, exploraste lo realmente puedes controlar, escalar, posición, rotación y cómo combinarlos hace que todo sea más dinámico. También introdujimos la flexibilización, que hace que tu animación se sienta movida y más natural y cómo abordar el fotograma clave dentro del aprict ya sea estableciendo valores, haciéndolo visualmente o configurándolo en las curvas Y finalmente, lo aplicaste a escenarios de edición reales y a tus propios proyectos. Ahora, espero que esta lección te demuestre que detrás de cada animación compleja, solo hay un montón de parámetros diferentes conjunto con fotogramas clave Entonces, si algo alguna vez se siente complicado, simplemente descomponerlo. Ahora, realmente me encantaría ver lo que creas. Así que publica tu proyecto en el panel de proyectos. Y si quieres ir un poco más profundo, puedes ver una de mis otras clases como mi clase magistral Capcut, por ejemplo, en la que te enseño desde principiante hasta profesional cómo usar todo dentro del software Y eso es todo para éste. Muchas gracias por mirar, y te veré en la siguiente clase. Yo.