Flujos de trabajo en Photoshop: animación de fotogramas

1. Introducción a la animación de marcos: Arreglar Bienvenido al curso de photoshop más práctico que hayas visto. Este no es tu tour típico. Nos sumergimos directamente en emocionantes proyectos creativos, y te animamos a crear diseños completamente únicos. Alguna vez te has preguntado cómo crean este tipo de animación, donde parece que alguien está garabateando sobre un video La mayoría de estas animaciones se crean cuadro por cuadro, lo que significa que el artista está dibujando sobre cada fotograma uno a la vez. Como puedes imaginar, es un proceso que consume mucho tiempo, sobre todo si las animaciones de garabatos se utilizan a lo largo de un video más largo De todas las aplicaciones de Adobe Creative Cloud. Probablemente adivinarías que este tipo de flujo de trabajo es el más adecuado para after effects, premiere pro o animate. Pero lo cierto es que photoshop es probablemente el más conveniente y efectivo gracias a su panel de línea de tiempo de video y su amplia gama de pinceles y estilos de capa. En este proyecto, cubriremos todo lo necesario para poder crear albercas, paralizar animaciones sobre videos, y podrás usar esta técnica en cualquiera de tus propios videos Si eres un aspirante a diseñador gráfico, fotógrafo, comercializador o simplemente un individuo apasionado por la narración visual, dominar el photoshop te proporciona las herramientas para dar vida a tus visiones Este curso es perfecto para ti si eres nuevo en photoshop o si eres stelle tenso y con el objetivo de tener más confianza y efectividad usándolo Soy Martin Pinec un experto e instructor certificado en Adobe, con una experiencia en diseño que abarca más de dos décadas A lo largo de mi carrera, colaboré con clientes de renombre como Disney, Mattel, Cartoon Network, Nickelodeon Aprende a usar las últimas funciones de Photoshops junto con los bloques de construcción fundamentales, como capas, ajustes, selecciones, transformaciones, enmascaramiento, pinceles de objetos inteligentes y mucho más También puedes probar tus habilidades en el futuro dominando las increíbles funciones generativas de IA de Photoshops No sólo estoy enseñando photoshop. Te estoy empoderando para expresarte, contar tu historia y crear diseños que resuenen con tu estilo único Esta es tu oportunidad de crear un trabajo que sea verdaderamente personal y digno de tu portafolio creativo profesional. Puedes seguir cada proyecto y replicar mis diseños, o puedes usar los flujos de trabajo y técnicas que te muestro y crear algo completamente diferente y único Entonces, ¿estás listo para revolucionar la forma en que aprendes photoshop? Tu aventura creativa con las fototiendas comienza aquí mismo 2. Cómo usar el panel Línea de tiempo: Entonces aquí estamos en photoshop. Y para este flujo de trabajo, tendrás que usar la versión de escritorio de Photoshop, pues actualmente, esta es la única forma de acceder al panel timeline. Y esto será crucial porque aquí es donde podremos crear nuestra animación fotograma a fotograma. Entonces, cuando tengas abierto tu panel de línea de tiempo, por defecto aparecerá aquí en la parte inferior, pero claro, puedes moverlo. puedes hacerlo flotar o acoplarlo ahí mismo, hacerlo más grande o más pequeño, dependiendo de cuántas capas planeas animar Puede que necesites un poco más de espacio aquí. También puedes usar este control deslizante en la parte inferior para acercar y alejar y ver más de tu línea de tiempo. Lo más importante es que necesitarás comenzar con un archivo de video. Y no todos los archivos de video son compatibles con photoshop, pero los más comunes, claro, funcionarán como MOV o MP four. Ahora antes de que empecemos, veamos qué vamos a crear. Por supuesto, no vamos a estar haciendo toda la animación aquí. Te voy a mostrar una de estas flechas, cómo la animé, y luego Esto es más solo una inspiración para que veas lo que es posible con estas técnicas. Entonces voy a dejar de reproducir el video. Yo sólo voy a desplazarme de un lado a otro y mostrarles que vamos a trabajar en esta flecha blanca aquí que se puede ver venir de debajo de la patineta, dando la vuelta y luego desapareciendo de nuevo Así que retrocediendo. Una vez más, veamos la forma en que aparece, dando vueltas en espiral, siguiendo el movimiento de la patineta y luego desaparece Entonces ese es en el que nos vamos a concentrar. Pero al final de este proyecto, también veremos toda la animación que he hecho aquí y los pequeños trucos que usé en el camino para crear cosas como este efecto resplandeciente aquí, y también cómo logré cambiar el color de la pintura aquí del amarillo Al rojo, entonces cómo logré crear esa agradable transición ahí. Estos son muy fáciles de hacer en photoshop, pero un poco más de tiempo es dibujar las cosas cuadro por cuadro. Pero incluso eso no lleva mucho tiempo, sobre todo una vez que te gusta este método. Y también, si estás usando un lápiz en lugar de un mouse, eso puede acelerar las cosas. Entonces en este momento, actualmente estoy usando vacum en una tableta pequeña, y eso hace que sea más fácil dibujar más rápido Entonces, por ejemplo, aquí, solo te estoy mostrando así es como dibujaría con mouse. Mientras que con los estilos, si pongo más presión en la tableta, puedo cambiar la intensidad de las líneas o el grosor de las mismas. Pero no te preocupes, en caso de que no tengas una pen tablet, puedes seguir este tutorial con la misma facilidad con un ratón. Entonces, para comenzar, tendremos que abrir ese archivo de video que tenemos preparado para este proyecto. Así que ve a File Open, y luego encuentra el archivo llamado skateboard footage dot MOV de la carpeta Exercise files. Una vez que se abre, crea un nuevo documento con una capa de video especial dentro de él. Podemos ver que la miniatura nos está diciendo que esta no es una capa regular A, como ya tenemos abierto el panel de línea de tiempo, puedo pasar por el video y puedo encontrar ese metraje que importamos. Siempre que el panel de la línea de tiempo esté abierto, puede simplemente presionar el espacio en el teclado para reproducir el video, presionar el espacio nuevamente para posarlo, o simplemente puede agarrar este cabezal de reproducción azul e ir y venir dentro de la línea de tiempo Ahora, es el momento de arreglar nuestras capas. En primer lugar, tenemos que eliminar este grupo de videos que tenemos aquí. Es un paso muy sencillo. Simplemente vaya al menú de capas y elija capas de grupo o use el comando de atajo de teclado Shift G o Control Shift G en la PC. Esto va a asegurar que la nueva capa que vamos a crear no va a terminar en el mismo grupo. Esto es importante. De lo contrario, la técnica que te voy a mostrar no va a funcionar. Entonces, a continuación, tenemos que ir de nuevo al menú de capas. Pero esta vez, ve a las capas de video y elige nueva capa de video en blanco. Entonces, una vez que hagas eso, obtendrás una capa adicional. Y dependiendo de dónde estaba el cabezal de reproducción, creará esta nueva capa también aquí en la línea de tiempo Ahora, puedes arrastrar esto todo el camino hacia atrás solo para alinearlo con la otra capa. Y porque es una capa en blanco, realidad no tiene nada dentro de ella. Pero este es el que vamos a estar dibujando. Entonces voy a renombrar esta capa, y solo voy a escribir garabatos o flecha o como prefieras llamarlo Y también podemos renombrar la capa original. Podemos llamarlo metraje o video, o de nuevo, como prefieras. Ahora, para poder ver lo que estamos haciendo, recomiendo dar click sobre esta flecha también para la capa de garabatos que acabamos de crear De esta manera podremos ver todos los marcos en los que estaremos dibujando. Entonces ahora que tenemos todo listo, es el momento de seleccionar la herramienta de pincel. Que puedes encontrar en la barra de herramientas o presionar B en el teclado. Y luego asegúrate de tener el color blanco seleccionado para dibujar. Ese es el más fácil de poder ver en este metraje. Así que solo presiona D f colores predeterminados y luego X para voltearlos. O puedes usar estos dos iconos. Entonces esos son los colores predeterminados en blanco y negro, y luego invertirlos para obtener el blanco en la parte superior. Así que eso se convierte en nuestro color de primer plano. Con la herramienta de pincel, también quieres asegurarte de que estás usando los pinceles generales, y el cepillo duro, en este caso, nos va a funcionar perfectamente. Y el tamaño del pincel se puede ajustar fácilmente. Puedes ir en la configuración del pincel y ajustarlo ahí, o puedes usar los corchetes del teclado y hacerlo lo suficientemente pequeño como para poder dibujar la línea. Entonces eso sigue siendo muy grueso. Voy a hacerlo más pequeño. Algo así va a funcionar. Vamos a dibujar de nuevo. Sí. Creo que eso va a funcionar bastante bien. Por cierto, si mantienes presionadas las teclas de comando y opción juntas, también puedes hacer clic y arrastrar con el teclado a izquierda y derecha, y esa también es una forma rápida de ajustar el tamaño del pincel. Ahora, voy a retroceder un poco en el tiempo. Quiero que esta línea aparezca por aquí, y voy a empezar a dibujar. Primero, sólo voy a dibujar una flecha muy pequeña que acaba de aparecer aquí debajo de la patineta. Observe que elegí intencionalmente un punto, que está aproximadamente a medio camino entre las dos ruedas, por lo que las ruedas delantera y trasera, literalmente en medio del monopatín, porque ese va a ser un punto de referencia fácil que podemos seguir en el camino Ahora, para pasar al siguiente fotograma, podríamos usar el cabezal de reproducción y simplemente arrastrarlo allí o usar el comando del menú del panel, que es este desplegable aquí a la derecha Ir al siguiente fotograma. Ya que esto es un comando, vamos a estar usando mucho. Vale la pena configurar un atajo de teclado para ello. Utilicé Command asterisk o Star y comando forward slash para cuadro anterior Para crear un atajo de teclado personalizado, solo tiene que ir al menú de edición y elegir atajos de teclado. Asegúrese de elegir los accesos directos para el menú del panel. Después busca el panel que estás usando. En este caso, es la línea de tiempo para el video. Y dentro de eso, encontrarás los dos comandos. Entonces siguiente fotograma y marco anterior. Entonces, una vez que seleccionas estos, solo tienes que presionar el atajo de teclado que prefieras usar Y una vez que los hayas configurado, puedes asegurarte aceptar estos cambios y hacer clic en Aceptar. Ahora bien, si este es el primer atajo de teclado que estás guardando, es posible que también necesites guardarlo como un nuevo conjunto. Simplemente le das un nombre a eso, y eso se guardará en tu computadora. Así que solo para probar esto, voy a usar el atajo, yendo hacia adelante, cuadro por cuadro, y volviendo de nuevo cuadro por cuadro. 3. Creación del primer detalle animado: Entonces ahora puedo ver que ahí está el primer frame que dibujamos. Puedo pasar al siguiente fotograma, y puedo seguir dibujando. Entonces otra vez, en medio de la patineta, voy a salir. Déjame retroceder un paso y seguir dibujándolo así. Entonces voy de ida y vuelta, y se ve bien. Pasemos al siguiente fotograma. De nuevo, estoy tratando de quedarme en el medio y seguir dibujando la flecha. Así. De nuevo, voy a regresar. Eso se ve bien. Ahora bien, aunque sabemos que se supone que debemos dibujar esta flecha o línea desde el centro de la patineta. Todavía es un poco complicado saber si estamos alineados el fotograma anterior o no o cuánto tiempo estuvo la flecha en el fotograma anterior. Entonces, para hacernos la vida más fácil, en realidad hay una característica muy útil llamada piel de cebolla, que nuevamente puedes encontrar en el menú del panel de línea de tiempo. Solo tienes que asegurarte de habilitar las pieles de cebolla. Una vez que hagas clic en eso, nos va a mostrar los fotogramas anteriores, pero también hay ajustes para esto, que puedes encontrar nuevamente en el menú del panel y elegir ajustes de piel de cebolla. Ahora bien, estos son los ajustes predeterminados, pero puedes cambiarlos, claro. Puedes ajustar, por ejemplo, el modo soso, puedes configurarlo a normal o a pantalla y realmente depende del tipo de metraje con el que estés trabajando A veces uno u otro funciona mejor. En este caso, me voy a quedar con el multiplicar porque siento que eso me ayuda a ver el fotograma actual y el fotograma anterior. Por cierto, muestra un fotograma desde antes y un fotograma después del fotograma actual. Así es como funciona. Entonces si hago clic bien y solo vuelvo un fotograma. Ahora podemos ver que el fotograma actual es este, que es un poco más brillante que los otros. Y luego podemos ver el fotograma anterior donde aparece primero esa pequeña flecha y el siguiente fotograma, que está justo después de ella. Entonces de esta manera, cuando me muevo de un lado a otro, puedo ver cómo estamos cambiando entre estos fotogramas. Y ahora cuando salto a este cuadro, es mucho más fácil poder dibujar el siguiente fotograma porque solo puedo saltar ahí, y puedo ver exactamente lo que teníamos en el cuadro anterior. Entonces esa es la ventaja de la piel de cebolla. Entonces voy a dibujar de nuevo desde el centro de la patineta y simplemente hacer la flecha un poco más larga, luego pasar al siguiente fotograma otra vez y seguir dibujando e intentando seguir extendiendo la flecha Otra vez, porque el monopatín se está moviendo, la flecha misma tiene que moverse hacia la izquierda, y por eso es útil tener un punto de partida que podamos fácilmente pista. Entonces eso es más o menos en el centro. Nuestra flecha empieza a llegar ahora al otro lado. Y en este punto, siento que es lo suficientemente largo para que yo no tenga el punto de partida más en el medio, así puede comenzar desde algún lugar por ahí porque la flecha casi está llegando al otro lado. Déjame usar la goma de borrar para eliminar este último detalle aquí No estaba contento con esa parte. Entonces voy a volver a dibujar la flecha, al menos ese pedacito ahí Y luego podremos volver a pasar al siguiente fotograma. La flecha puede comenzar a girar hacia atrás. Un marco más. Aquí voy a empezar a dibujarlo desde el otro lado porque la flecha está desapareciendo Así que así. El siguiente fotograma va a ser parejo. Siguiente fotograma. Incluso s y la línea está desapareciendo casi por completo ahora Y tal vez sólo un poquito ahí todavía al final, algo así. Bien. Ahora, vamos a ver, volviendo. Solo estoy usando los atajos de teclado. El movimiento se siente bastante suave, mirándolo así. Pero ahora voy a apagar la piel de cebolla para poder ver esto en acción. Entonces ahí está la opción. Simplemente apagamos esto. Y luego echemos un vistazo. Voy a presionar la barra espaciadora en el teclado. Y ahí está. Volvamos. Otra vez, tócalo. Se ve bastante bien. Creo que hemos hecho un buen trabajo. Es muy rápido y desaparece rápidamente, pero hace el trabajo. Para que podamos fregar de un lado a otro sin la piel de cebolla , claro, siempre es más fácil juzgar lo que hemos hecho. Y lo bueno es que siempre podemos volver atrás y refinar la animación. Entonces una cosa que siento como se puede mejorar. Es como aparece la flecha. Así podemos usar la herramienta borrador y simplemente eliminar un poco hacia atrás en el punto de inicio cada cuadro para que se sienta un poco más alineado con el monopatín Como si viniera de detrás de él. Entonces, si mantenemos ese borde más recto, eso solo ayuda a crear esa ilusión de profundidad. Algunos marcos, he hecho un buen trabajo. Así que aquí otra vez, cuando empiece a desaparecer, tal vez podamos hacerla un poco más aguda, así que se siente como que va detrás de ella, desapareciendo Nuevamente, aquí, en lugar de repasarlo, queremos que se sienta como si estuviera desapareciendo detrás una vez más Y luego ahora volvamos a probarlo. Regresa. Es algo muy sutil, y cuando lo estamos jugando rápido, puede que ni siquiera se nos ocurra que hicimos alguna diferencia. Pero créeme, prestar atención a estas pequeñas cosas realmente suma, y cuanta más animación agregues, en realidad se vuelve muy importante prestar atención a detalles como este. Entonces eso se ve genial, y estoy contento con cómo se ve esto. 4. Estilos de capa de animación: Ahora, voy a mostrarles un par de técnicas adicionales, lo cual en realidad es muy sencillo. Entonces, una vez que tengas la animación en sí, puedes empezar a jugar con ella. En primer lugar, voy a ir al panel Capa y hacer doble clic en la capa garabatos Entonces, cuando haces un doble clic, se abre el panel Estilo de capa. Y primero, probemos algo sencillo como el resplandor exterior. Si haces clic en eso, obtienes la configuración aquí a la derecha, que podría ser diferente para ti, pero voy a hacer clic en restablecer a la predeterminada, que va a ser un resplandor blanco. Establecido en 35%. Pero si aumentamos la intensidad de eso, se puede ver cómo cambia. Probablemente voy a fijarlo en alrededor del 50%, y también voy a aumentar el tamaño y tal vez incluso el spread. Entonces eso agrega un cul realmente fuerte alrededor de la flecha. Entonces veamos la animación con esto. Casi lo convertí en una fuente de luz como una luz de neón. Similar a lo que hemos visto en los ejemplos al inicio de este proyecto. Así que voy a volver y platicar también en tiempo real. Incluso entonces, podemos ver que hecho se ve bastante genial. Pero luego hay muchas otras cosas que podemos hacer. Entonces, por ejemplo, podemos entrar aquí y agregar una superposición de color. Entonces ese es otro efecto que podemos aplicar. Y voy a cambiar el color. A lo mejor elegir el amarillo, que destacará bastante bien del fondo. Haga clic en Aceptar. Y por cierto, siempre se puede apagar el efecto globo en este caso, porque solo quiero enfocarme en el color. Voy a tener eso seleccionado. De nuevo, podemos jugar todo el asunto. Entonces lo bueno es que no tenemos que volver atrás y cambiar el color de cada uno de los marcos. Esto se aplica globalmente en todos los marcos. Dado que se trata de una sola capa de video, el estilo de capa que apliquemos se aplicará a todos los fotogramas dentro de ella. Pero aquí viene lo interesante dentro del panel de línea de tiempo, observe que podemos animar cosas adicionales como la posición, la opacidad y Para nosotros, existe la oportunidad de animar el estilo, que es el estilo de capa Entonces, si hago clic en ese cronómetro, creará un fotograma clave en el panel de la línea de tiempo Ahora, puedo mover este fotograma clave, puedo reposicionarlo hasta el final de la animación Y entonces puedo volver al principio en algún lugar por aquí. Y si vuelvo al efecto de superposición de color haciendo doble clic sobre él y cambio el color quizá a rojo, Lo que va a pasar es que va a pasar automáticamente de rojo a amarillo a lo largo de esta animación. Entonces, si toco esto, puedes ver como cambia el color. Ahora puedo volver a ese fotograma clave que creamos. Vuelve otra vez, y si cambio de opinión, tal vez quiero cambiar de púrpura. Puedo comenzar con el morado, y de nuevo, va a terminar siendo amarillo. Y lo genial es que incluso puedes mover estos fotogramas clave, yo puedo cambiarlos, así puedo cambiar su orden. Si quiero comenzar con amarillo y luego ponerme morado, esa también es una opción, simplemente ajustando el orden de estos fotogramas clave. Así que así de rápido y fácil podríamos hacer eso. Ahora, cuando estés listo con un detalle, como, en este caso, siento que esta flecha se ve bien, podemos ir al menú de capas y crear una nueva capa de video en blanco donde podamos seguir agregando otro detalle. Siempre es mejor mantenerlos separados en lugar de hacer todo en la misma capa. Simplemente se vuelve más difícil mover las cosas más tarde si quieres. Entonces este que aún no hemos nombrado, así que solo voy a llamarlo X que también aparece aquí en el panel de la línea de tiempo. Vamos a abrirlo solo para que podamos ver los fotogramas clave, y voy a dibujarlo tal vez en algún lugar por aquí. Así que estoy usando la herramienta pincel nuevamente en esta nueva capa, y en realidad voy a acercarme un poco más. Eso es comando o Control plus. Y para retroceder, podemos usar el comando cero. Pero por ahora, solo estoy usando la barra espaciadora para posicionar la ventana del documento, y comenzaré con un solo punto, luego pasaré al siguiente fotograma con un atajo de teclado personalizado. Y en realidad voy a encender también la piel de cebolla solo para poder ver dónde estaba ese punto. Y esta vez, no quiero que esto se mueva demasiado, así que voy a dibujar sobre él y seguir dibujando sobre él. Y verán que lo que estoy dibujando aquí es sólo una x simple, que se hace más grande, y además gira alrededor mientras está apareciendo. Entonces esto va a ser solo un pequeño detalle adicional que tenemos en nuestra animación. Es muy fácil y rápido de dibujar. Rotación de anuncios, cada vez más largos, y luego probablemente podamos llegar a un punto en el que sea lo suficientemente grande y podamos empezar a hacerlo más pequeño nuevamente. Sigue girando, pero haciéndose más pequeño ahora, así. Hacerse aún más pequeño Incluso más pequeño hasta que desaparezca. Es un poco demasiado largo. Sí, así. A lo mejor un fotograma más donde es un punto, y luego va a desaparecer, así que echemos un vistazo. ¿Bien? Siempre va a ser más fácil ver lo que hemos hecho sin la piel de cebolla. Entonces, si apagas eso, así es como se ve de cerca. Pero vamos a salir, comandar o controlar cero para ajustar la ventana del documento al espacio disponible actualmente. Y luego usando la barra espaciadora en el teclado, puedo tocarla o puedo usar el frote de cabeza de reproducción de ida y vuelta. Se ve muy bien. Lo bueno es que en caso quieras colocar esto en otro lugar, solo puedes usar la herramienta de movimiento y arrastrarla por ahí. Y eso va a arrastrar toda la animación hasta ese punto. Entonces dentro del marco, va a aparecer más abajo. También podemos posicionarlo en cualquier lugar que queramos allá. Y si queremos que aparezca antes o después, dentro de la animación, podemos hacerlo arrastrando toda la capa hacia la izquierda o hacia la derecha dentro del panel timeline Entonces si quiero alinearlo a la otra animación, así aparece al mismo tiempo. Yo puedo hacer justamente eso, y puedo ver ahora que aparece al mismo tiempo. Y es exactamente la misma longitud también, así que desaparecen al mismo tiempo. Y lo que es aún más genial es que incluso puedes duplicar capas de video. Entonces solo tienes que ir al panel de capas, derecha, haz clic en la capa. Desea crear un duplicado de, elegir duplicar capa o presionar comando o control J, y ahí está la capa duplicada. Podemos alinearlo Y ahora tenemos dos de estos. Podemos usar la herramienta de movimiento, arrastrarla hacia arriba, y ahora podemos ver aparecer dos de ellas. Tal vez podamos moverlo un poco más atrás. Entonces ahora se retrasa un poco. Entonces aparece uno y luego el otro. Incluso podemos tenerlo establecido en algún lugar aquí abajo. Y luego vuelve a tocarlo, uno ahí arriba, otro allá abajo. Y por supuesto, también puedes introducir estilos de capa en estos si quisieras. Pero solo para que podamos ver, una vez más, la animación final que creé para este proyecto tiene bastantes cosas sucediendo. También hay algún texto , que es andron. Lo hice intencionalmente, así que se verá como garabatos, y se están moviendo Tenemos otra flecha grande aquí con una superposición de patrones en Y si te interesa echar un vistazo más de cerca a este archivo, el archivo PSD de animación de skate está ahí en la carpeta de archivos de ejercicio, así puedes echar un vistazo más de cerca y realmente analizar todo lo que he hecho aquí. Así que realmente espero que este proyecto te resulte emocionante y que te diviertas practicando todo lo que hemos aprendido. Si creas algo emocionante, asegúrate de compartirlo en redes sociales y etiquetarnos para que también podamos verlo y darle me gusta. 5. Cómo exportar tu animación: Antes de pasar al siguiente proyecto, solo hay algunas notas finales sobre este flujo de trabajo. En primer lugar, siempre que uses un archivo de video dentro de un documento de photoshop, tiene que estar disponible en la computadora. De lo contrario, tu archivo photoshop no va a funcionar. Por lo tanto, los archivos de video no se incrustan automáticamente en un documento de Photoshop. Solo para demostrarte esto, si renombro el archivo de video original, y abro uno de mis archivos photoshop, como el que acabamos de crear, va a llegar a una advertencia de que ya no puede encontrar este archivo. Si eso sucede, siempre aún tengas el archivo de video, solo tienes que elegir volver a relacionar desde este menú y elegir el archivo que fue renombrado Una vez que elijas Abrir, te va a permitir reemplazarlo, y todo debería funcionar bien. Siempre y cuando sea exactamente el mismo video, ahí no tendrás ningún problema. Ahora, cuando estés listo el proyecto de video, para exportarlo como un archivo de video, tendrás que ir al menú de archivos y luego elegir exportar, renderizar video aquí en la parte inferior. Dentro de este menú, podrás decidir si quieres exportar todos los fotogramas o solo una cierta parte de tu animación, y puedes elegir el formato, la calidad y el tamaño más arriba aquí. En caso de que desee exportar todos los fotogramas como imágenes individuales, incluso hay una opción para eso. Simplemente elija la secuencia de imágenes de photoshop. Y luego otra vez, tendrás la opción de elegir el formato de archivo de imagen e incluso el tamaño de estas imágenes. Eso puede ser útil a veces, pero la mayoría de las veces, recomendaría apegarse al codificador de medios de Adobe, que te va a dar el formato h264, que en realidad es P cuatro, ese es el más utilizado Por último, señora List, solo quería recordarle que aunque es divertido trabajar con los archivos que te damos y recrear las cosas que te estoy mostrando, pero siempre es aún más divertido practicar en tus propios videos Encuentra un video divertido que creaste recientemente, ábrelo en photoshop y diviértete trabajando en tu próxima animación de garabatos 6. Genera un video a partir de una sola imagen con detalles garabateados: Por si se siente un poco desalentador animar un clip completo y dibujar sobre cada fotograma uno por uno De hecho tengo otro flujo de trabajo emocionante y mucho más rápido que quiero compartir contigo. Entonces esta vez, en lugar de confiar en un video existente, comenzaremos con una imagen. Usaremos IA generativa para convertir eso en video. Pero antes de hacer eso, agregaremos algunas ilustraciones o dibujos sobre. Ya puedes ver en mi pantalla, esta imagen es algo que generé con Adobe Firefly, e inmediatamente hay señales delatoras de IA Las manos están todas mezcladas, así que de inmediato podemos decir que ahí hay algo mal. El rostro se ve un poco también demasiado suave, pero generalmente es una imagen bastante bonita. Entonces la pose se ve bien, y las sombras también se ven bien. Es bastante realista. Y simplemente me gustó mucho, y pensé que esto sería genial de usar con el estilo que teníamos en el ejemplo anterior. Entonces todo lo que hice aquí es solo agregar una capa adicional, y usando mi pincel en Photoshop, pinté sobre ella, pinté sobre ella, edité algunas líneas garabateadas. Quería asegurarme de que esta larga fila va alrededor de la persona, así que va por delante y por detrás. Y también están estas pequeñas estrellas que quiero que me animen, y eso es todo lo que preparé. Me tomó solo un minuto más o menos hacer esto. Y luego quise encontrar el modelo de video de IA generativo adecuado que vaya a hacer el mejor trabajo a partir de esta sola imagen Entonces esto sería usado como mi primer fotograma, y voy a describir lo que quiero lograr. Ahora bien, aunque Adobe Firefly es bueno, para la generación de Video también Y cuando seleccionas video, en realidad puedes decidir si quieres usar modelo Firefly Video de Adobe o si quieres usar uno de estos modelos asociados, que por cierto, no estarán incluidos en una suscripción estándar de Creative Cloud Pero aunque esta es una muy buena manera probar varios modelos, en realidad prefiero usar Pick gratis. Aquí, tenemos aún más modelos para elegir, y solo está un poco más optimizado para video, en mi opinión, al menos por el momento. Entonces tienen, por ejemplo, esta opción automática, que automáticamente decidiría en función de tu entrada, qué sería mejor usar o qué modelo sería mejor usar. Y en general, solo siento que también es un poco más barato, en comparación con los créditos del modelo de socio de Adobe. Es bastante caro usarlo para video. Para que puedas ver un par de estos videos que se generaron, y te puedo mostrar cada uno de ellos solo para que puedas comparar los resultados. Y aquí del lado derecho, también se puede ver el prompt, que siento que luego refiné un poco. Pero esto es C denso o C dens. No sé cómo llamar a esto correctamente este modelo de video. Así resultó, así que tiene 5 segundos de duración. Y si, el principal problema aquí es que tuve en mi pronta, como, enfocarme en la bailarina, arqueando su espalda que luego le quité, y luego obtuvimos un mejor movimiento Así que aquí tenemos un movimiento más agradable, más suave. Me encanta cómo se mueve el cabello. El principal problema es que las líneas que había dibujado sobre ella están empezando a desmoronarse, así que no es lo ideal. Después pasamos a mi modelo de video favorito, Kling 2.5. Esto ha hecho un muy buen trabajo. Entonces ella está haciendo un buen giro, y las líneas están siguiendo bastante bien su movimiento, aunque no perfecto, pero, sí, es un resultado bastante bueno el que tenemos aquí. El mayor problema que me di cuenta aquí es cómo se están cambiando las piernas. Entonces, si le prestas mucha atención a cómo se mueve la pierna. Entonces, obviamente, la pierna derecha es lo que es recto. Y luego en este punto, simplemente cambia a la pierna izquierda siendo recta. Entonces eso es de nuevo, una típica alucinación o problema con IA generativa Entonces, si lo juego rápido, ahora te darás cuenta de lo que está pasando ahí. Entonces eso obviamente es muy extraño. Entonces probé también otro modelo llamado Wan, lo cual es interesante, pero ella es demasiado estática ahí. Y luego finalmente, volví de nuevo a ling. Pero en este caso, hice video de 10 segundos de duración. Y me encanta el baile que hace aquí. Creo que es genial. Y me encanta este elemento de diseño adicional o animación alrededor de sus manos. Entonces, la forma en que mueve sus manos, está dejando atrás como senderos. Creo que eso es genial, también. Entonces veamos qué podemos hacer con un video generado, cómo podemos refinar esto dentro de Photoshop. Estaremos haciendo el mismo flujo de trabajo que antes. En lugar de simplemente usar esta imagen estática con dos capas, voy a importar ese archivo de video. Así que voy a saltar de nuevo a mi buscador y arrastrarlo y soltarlo en Photoshop. Y así es como se ve en Photoshop. Así que tenemos una sola capa de video igual que antes, y podemos pasar por ella y ver qué está pasando. Ahora aquí con las piernas, no me he dado cuenta de ningún problema, pero sí noto algunos problemas con las manos. Entonces, al principio, debería haber arreglado las manos, para ser honesto antes de poner esto en una generación de video, pero como que se arregla una vez que las manos se separan, lo cual es bonito. Pero entonces, en este punto, nuevo, aquí está pasando algo extraño. Observe cómo esa mano tiene el pulgar en el lugar correcto. Pero luego, como que se conmuta y se convierte en la mano opuesta. Entonces se convierte en la mano derecha. Entonces, obviamente, no es así como debería estar enfrentando el pulgar. Debe estar mirando hacia abajo. Entonces sí, eso se arregla después de que da la vuelta. Entonces aquí, una vez que vuelve, el pulgar vuelve a estar en el lugar correcto. Entonces, sí, es solo que obviamente las manos es algo que todavía es muy complicado de entender para la IA. Y cuando lo hacemos una pausa y miramos marcos, podría haber aún más problemas con las manos. Pero aquí es cuando de nuevo, esta técnica de usar una capa de video en Photoshop puede ser sumamente útil porque podemos fotograma por cuadro, retocar cualquier cosa que no nos guste Así que de nuevo, puede llevar mucho tiempo dependiendo de la cantidad de problemas que tengamos con el video. Pero en este caso, tal vez solo podríamos enfocarnos en fijar las líneas que se crearon o generaron estas líneas amarillas. Pero también te voy a mostrar cómo retocaría detalles aún más complejos como la mano o tal vez la forma abre los ojos es algo que a estas alturas, siento que me gustaría que ella mantuviera los ojos cerrados, sobre todo hay algunos fotogramas cuando sus ojos se ven un poco extraños En primer lugar, ¿cómo hacemos nuestros cambios? Ahora, tienes dos opciones. Puedes trabajar directamente en la capa de video existente. Entonces esta es la capa más densa. Vamos a llamarlo así. Y sólo voy a mostrarte cómo funciona esto. Entonces, por ejemplo, si quisiéramos arreglar un detalle aquí, sigamos entrando en el video y tal vez sí, tal vez por aquí, note cómo esta línea está mostrando correctamente que esa línea desaparece detrás de la pierna, pero luego empieza a aparecer aquí. Entonces lo que podríamos hacer es probar de su vestido aquí, y yo podría simplemente pintarlo sobre él. Por ahora, no voy a usar la curación ni nada por el estilo porque lleva un poco más de tiempo. Pero agregando ese pequeño detalle ahí ya va a aparecer aquí. Si abrimos esta sección colapsada, veremos que ahí hay un cambio. Así que puedo pasar al siguiente fotograma pulsando Comando asterisco es el atajo para ir adelante en los fotogramas y comando hacia adelante barra diagonal es volver atrás Lo mejor es usar el teclado numérico. que pueda ir al siguiente fotograma y otra vez, asegúrate de que te quedes en la capa y luego pintes sobre ella, vuelve a pasar al siguiente fotograma. Y sigue haciendo esto. Entonces podríamos arreglar con bastante rapidez este pequeño detalle y ya podemos ver cómo eso está empezando a verse mejor. Ahora, obviamente, necesitaríamos seguir haciendo esto hasta que esté completamente arreglado, pero este es un método que requiere que trabajes directamente en la capa de video. Sin embargo, si quieres trabajar de manera no destructiva, puedes ir al menú de capas y elegir capas de video Nueva capa de video en blanco. Pero si mantienes la capa aquí en el mismo grupo de videos, no podrás usarlas una encima de la otra. Entonces esto realmente necesita salir del grupo y luego notar cómo podré arrastrar esto directamente encima del otro grupo de videos. Y ahora, si empiezo a pintar sobre esto, todavía puedo pintar igual que antes. Los cambios que haga serán mucho más fáciles de rastrear. Sólo puedo encender y apagar mi capa, pero podemos volver a ver qué marcos se cambiaron. Nuevamente, vamos a pasar por algunos fotogramas aquí solo para que podamos ver esto. Simplemente yendo y pintando sobre esto rápidamente, pasa al siguiente fotograma. Y al igual que trabajar generalmente de manera no destructiva en Photoshop usando capas separadas Esa es la idea aquí también de que los cambios que estás haciendo realidad se hagan en una capa separada. Entonces puedes ver ahora se hicieron algunos fotogramas en la capa de video original, y estos tres cambios adicionales los he hecho en esta capa adicional, que siempre puedes encender y apagar para ver antes y después. Como mencioné antes, no es solo la herramienta de pincel que puedes usar. De hecho, también puedes usar la herramienta de tallo clon y otras herramientas como pinceles curativos. Pero hay algunas limitaciones. Entonces, por ejemplo, si quisiera que sus ojos se mantuvieran cerrados en esta secuencia, podría ir tal vez a un punto anterior del video. Es decir, algo así ahí. Sus ojos están claramente cerrados. Entonces usaría la herramienta Clonar sello, y siempre y cuando la herramienta Clone Stem esté ajustada a todas las capas y seleccionemos la capa de video original, podremos mantener presionada la tecla de opción Auto y click en el Hielo para muestrear de ella. Después nos movemos en la línea de tiempo donde queremos agregar este cambio, y luego simplemente lo posicionamos y pintamos sobre él. Ahora bien, no estoy seguro de por qué, pero simplemente no pude hacer que esto funcionara en la capa vacía, la capa de video vacía. Así que cada vez que intente hacer esto va a volver a cualquier detalle que se encuentre en el fotograma actual Así que no podrás pintar de un fotograma diferente a otro fotograma, pero al menos funciona en la capa de video original. Así podemos ver abrir y cerrar, abrir y cerrar. Y obviamente podemos pasar por todas estas capas y simplemente volver a pintar. Entonces ahora tenemos dos fotogramas donde tiene los ojos cerrados, y ahora se volvió más como un parpadeo Pero probablemente se te ocurra la idea. Entonces, cualquier herramienta que se te ocurra, podrás usar ya sea en la capa de video original o una capa de video adicional encima de ella, y podrás crear refinamientos realmente geniales en cualquier video que generes Y para ser honestos, con video generado con éxito de alta calidad, la mayoría de las veces arreglar algunos pequeños detalles en un par de fotogramas suele ser suficiente para mejorar masivamente el resultado y para deshacernos de esos obvios errores o alucinaciones que Una cosa adicional que vale la pena mencionar la solución alternativa de usar relleno generativo para arreglar cosas en tu video Entonces esto es algo que no podrás hacer directamente sobre la capa de video original. Esto se va a generar como una capa generativa estática separada, pero ahora les mostraré la solución alternativa No es tan complicado. Así que recuerda cuando mencioné las manos mezcladas al principio del clip, así que se soluciona más adelante, pero aquí al principio, se ve muy mal. Entonces, digamos que queríamos arreglar esto. Voy a seleccionar esta sección aquí. Digamos que tanto. Y luego voy a decir relleno generativo, y digo dos manos una encima de la otra Voy a usar el modelo firefly fill and expand beta, que actualmente solo está disponible en la versión beta de Photoshop Pero para cuando veas este video, también podría estar disponible en otros lugares. Entonces solo voy a decir generar y después de un par de intentos, como pueden ver aquí en el panel de propiedades, finalmente logré generar uno que se vea bien. Entonces esto es, de nuevo, antes y después las proporciones y el tamaño de las manos podría no ser perfecto. Entonces, si alejamos el zoom, podemos ver en relación con todo el cuerpo, no está tan mal. Pero podría ser un poco demasiado grande, sobre todo ahí. Una vez más, esto fue antes y después. Pero sólo para demostrar la técnica, voy a ir con esta. Y lo que voy a hacer es hacer una selección basada en mi máscara. Así que solo voy a comandar o Control haga clic en la máscara para crear la selección y luego copiar desde esta capa. Entonces puedo apagar la capa. Y voy a mi capa de video vacía o en blanco y ahí voy a pegar este detalle. Pero en lugar de solo presionar Commando Control V, tenemos que asegurarnos de que estamos usando la opción especial pegar en su lugar, que es el mismo atajo solo con la tecla mayús también presionada. Entonces si hago eso, lo pegará ahí, y ahora esto se va a actualizar en esa capa de video. Incluso podríamos simplemente eliminar esta capa adicional aquí en la parte superior, así que ya no la necesitamos. Ahora podemos ver si apago esta capa que eran las manos originales, una vez más, acerco un poco, y luego podemos ver las manos actualizadas. Ahora bien, tendría sentido seguir trabajando con este marco. Entonces, si necesitábamos el mismo fotograma nuevamente en el siguiente fotograma, simplemente podemos usar el mismo atajo , pegar y luego pasar al siguiente fotograma, pegar, y tal vez moverlo un poco si quisiéramos. Pero ya ahora tenemos la misma mano en los tres primeros fotogramas. Entonces, como puedes ver, el relleno generativo, aunque no es tan sencillo, sino que también se puede utilizar en este flujo de trabajo de video único de Photoshop 7. Conclusión: Bien hecho para terminar este curso. Espero que te hayas divertido tanto pasándolo como yo lo tuve grabando. Y claro, no te olvides del proyecto de clase. Porque recuerda, la práctica hace la perfección. No puedo esperar a ver tu trabajo, así que asegúrate de presentarlo. Y en caso de que te guste este curso, y te gustaría aprender más de mí, entonces hay muchos otros cursos que puedes encontrar aquí. Adelante, échales un vistazo ya. No puedo esperar a conocerte en la siguiente.