Animación de marco con Photoshop, efectos posteriores y cine4D | Klarens Malluta | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Animación de marco con Photoshop, efectos posteriores y cine4D

teacher avatar Klarens Malluta, Visual Artist

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.

      Introducción

      0:44

    • 2.

      01 ejemplos y recursos

      1:24

    • 3.

      02 personajes mixamo

      4:32

    • 4.

      Animación de 03 cines

      4:00

    • 5.

      Materiales 3D y representación

      4:46

    • 6.

      05 marcos de ilustración en Photoshop

      9:21

    • 7.

      06 marcos de Timelapse

      1:43

    • 8.

      07 Photoshop

      2:18

    • 9.

      Animación de 08 efectos

      6:07

    • 10.

      Textura animada

      1:00

    • 11.

      Animación de 10 bucles

      4:49

    • 12.

      Producción de postes de fondo animados

      5:18

    • 13.

      12 exportación de video

      2:53

    • 14.

      Otras 13 variaciones

      6:38

  • --
  • 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.

250

Estudiantes

3

Proyectos

Acerca de esta clase

En esta clase te enseñaré cómo crear un marco por animación con marco usando Photoshop, After Effects, Cinema4D y una tableta gráfica.

Comenzaré mostrando algunos recursos gratuitos que puedes descargar y
cómo usar Mixamo para animar tus personajes 3D.

Luego, te mostraré cómo crear tu primera animación en Cinema4D y
usarla como referencia para dibujar todos los cuadros en Photoshop, usando una pantalla o tableta gráfica.

Después de exportar todos los marcos, nos trasladaremos a After Effects para hacer que nuestra animación
más trippy y hacer algunos ajustes finales.

Al final te mostraré formas alternativas de crear un marco por animación de marcos,
sin usar Cinema4D.

Conoce a tu profesor(a)

Teacher Profile Image

Klarens Malluta

Visual Artist

Profesor(a)
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: Hola a todos, Mi nombre es Karen, y en este curso te enseñaré cómo crear una animación fotograma por fotograma usando Photoshop After Effects Cinema 4D y la tablet de pantalla. Empezaré mostrándote algunos recursos gratuitos que puedes descargar y cómo usar Mixamo para animar tus personajes 3D. Entonces te mostraré cómo crear tu primera animación en cine 4D y utilizarla como referencia para dibujar todos los fotogramas en Photoshop usando una tableta de pantalla o una tableta gráfica. Después de exportar todos los fotogramas, nos moveremos a los efectos posteriores para hacer nuestra animación más trippy y hacer algunos ajustes finales. Al final, te mostraré algunas formas alternativas de crear una animación fotograma a fotograma sin usar Cinema 4D. 2. 01 ejemplos y recursos: Aquí hay una versión simplificada de una guía paso a paso sobre cómo crear esta animación fotograma a fotograma. En el lado izquierdo podemos ver la animación 3D que se hizo usando Mixamo y el cine 4D. Y luego lo uso como referencia para dibujar encima de él. Y para eso uso Photoshop, por supuesto, tableta gráfica o una tablet de pantalla. Y luego el tercer paso es finalizar todo y después los efectos agregando una textura, agregando el efecto resplandor y el fondo. Pero aquí iremos con más profundidad más adelante. Por ahora, también les mostraré cómo descargar los recursos que necesitamos. Irás a este enlace. Lo tendrás en la descripción, pero sí, es clients.com, row.com. Y luego irás a esto a este de aquí mismo. Vamos a hacer clic en él. Pon el precio 0 Para Chase y ya le pusiste mi email , obtén ver contenido. Y luego solo lo descargas. Ya lo he descargado. Y sí, puedes guardar estos archivos para que puedas usarlos más tarde. 3. 02 Personajes 3D de Mixamo: Ahora estamos en mixtos amount.com. Y por supuesto, si no tienes una cuenta, puedes crear una e iniciar sesión. Y aquí verás algunas animaciones prefabricadas que puedes aplicar a tus personajes. Aquí tenemos dos opciones. Si no tienes ningún personaje. Encima, puedes ir aquí a personajes y aquí verás algunos que se crean a partir de Mixamo. Puedes desplazarte hacia abajo y verlos todos y ver si te gusta Kenny, por ejemplo, éste, sí, podemos ir a usar este personaje. Aquí está en T-pose. Hay muchas otras que puedes ver y puedes usar en base a lo que quieras crear o cuáles son tus propósitos. Después de que decidas sobre tu personaje, puedes ir a animaciones. Y aquí puedes encontrar alguna prefabricada, por ejemplo, derrotada. Se puede ver cómo se aplica. Vamos a esta reacción. En el lado derecho, se pueden ver algunos cambios que se pueden hacer. Por ejemplo, puedes cambiar el valor aquí y ver cómo cambia la animación. Intensidad de golpe. Puedes aumentar ese recorte de espacio de brazo de carácter overdrive aquí puedes disminuir los fotogramas. Por ejemplo, en este momento es alrededor de 90 fotogramas. Ahora es más corto. Esto es diferente para cada animación. Por ejemplo, si vamos a morir, se puede ver que hay otras opciones. Por supuesto que también hay un espejo. Ahora se irá por el otro lado. Sí. La otra opción, si quieres usar tu propio personaje es ir a Carácter Subir. Puede seleccionar archivo de caracteres. Aquí puedes usar uno de los vj's que actualizó o si tienes algo más por tu cuenta, por supuesto puedes usar eso. Vamos a abrir. Ahora tenemos que hacer el proceso de aparejo, que básicamente está agregando algunos puntos clave al cuerpo. Y utilicemos aquí estas opciones para orientar. Ahora haga clic en Siguiente. Y aquí hay un ejemplo de lo que debes hacer. El azul va a la barbilla, así que yo haré eso. El verde a la muñeca. Entonces aquí vamos. El codo, las rodillas, y el crecimiento. Siguiente. Este es el rigor exterior. Ahora que esto se hace, podemos ir a la siguiente, siguiente. Y aquí tendremos nuestro carácter. Ahora el siguiente paso es solo encontrar la animación que te guste. Podemos buscar aquí, por ejemplo, corriendo. Por supuesto, puedes probar todos estos. Veré qué los encuentro, luego decido por una opción final y luego la descargaré. Algo más que debes tener en mente es por ejemplo, en esta carrera, debes revisar esto en su lugar. Ahora se mantiene en su lugar y esto es algo que tenemos que hacer por nuestra animación. Estoy pensando en ir con éste, paseo borracho. Me aseguré de revisar esto en su lugar. Aquí tenemos el espacio de brazo de carácter overdrive. Creo que está bien. Una cosa que veo cuando elijo una animación es asegurarme de que sea un bucle. En este caso lo es, también es corto 90 fotogramas. Y ahora el siguiente paso es solo descargar esto. Dejaremos esto como es descarga. Pondremos esto en una carpeta y luego lo abriremos en Cinema 4D. 4. 03 Animación en Cinema4D: Ahora estamos en el cine 4D. Y aquí no voy a entrar en mucha profundidad sobre cómo usar el cine para D y cosas así. Simplemente te mostraré lo que hago para crear la animación fotograma por fotograma. Entonces lo que hago en Cinema 4D para eso, y por supuesto, lo primero que hago es abrir la animación que acabamos de descargar, el paseo borracho. Yo lo abriré. Haga clic. Ok. Y aquí está la línea de tiempo. Se trata de 90 marcos. Podemos hacer clic en play. En el lado derecho. Podemos ver, digamos las capas del objeto 3D. Si hacemos clic en cada uno de ellos, se destacará lo que representa. Si quieres eliminar alguno de ellos, solo puedes hacer click sobre él y dar click en estos puntos aquí mismo. Hay que hacer clic dos veces, por lo que se vuelve rojo, y ahora se vuelve invisible. No tenemos que hacer eso. Entonces vamos a deshacer. Y ahora tenemos que sumar la cámara. Y para cambiar la posición de la cámara, tienes estas opciones aquí mismo. Puedes hacer click en esta opción aquí mismo para moverte a la izquierda, la derecha, arriba y abajo, aquí mismo para acercar y alejar. Y esta otra opción para rotar. Ahora antes de añadir la cámara, también voy a cambiar el tamaño del marco aquí mismo. Entonces para hacer eso, tenemos que ir a Ajustes de Render, que está aquí mismo. Y en la salida tenemos el ancho y la altura. Voy a ir con el ancho a milésimas y la altura 2500. Y ahora voy a hacer clic en la cámara. Y cuando cambies la posición de la cámara, se asegura de revisar la cámara. Es necesario revisar esta plaza justo aquí. Y aquí en la línea de tiempo. Vamos a asegurarnos de que estamos en el primer marco. Ahora podemos hacer los cambios como rotarlo, acercar y mover la cámara. Cuando decidas sobre la posición final, debes hacer click en esta clave aquí mismo. Grabar objetos activos. Pero mientras te aseguras de que has revisado la cámara. Por lo que se destaca. Vamos a intentarlo. Hagamos clic en Jugar. Esta es la animación que tenemos con esta posición de cámara. Y algo más que me gusta hacer es cambiar la distancia focal. Para ello, es necesario hacer clic en la cámara, ir a los objetos y en la distancia focal, pasar del clásico al retrato. Y se puede ver que se acerca el zoom. Tenemos que alejar un poco. Por lo que hacemos clic en esta opción aquí mismo y alejamos el zoom. Puedo cambiar un poco la posición girada. Para usar esta cámara en lugar de lo que era, necesitamos hacer click de nuevo en esta clave. Y ahora guarda esta opción de cámara. Hagamos clic en Jugar. A lo mejor lo que puedo hacer es ponerlo un poco adelante, así. Volvamos a hacer clic en el ícono de la tecla y hagamos clic en Reproducir. Creo que está bien, así. Entonces en el siguiente video, te mostraré cómo agregar materiales, iluminar, y renderizar el video para que podamos usarlo como referencia para hacer la animación fotograma por fotograma. 5. 04 Materiales 3D y renderizado: Ahora vamos a añadir el material y alguna fuente de luz. Antes de hacer eso, solo podemos ver cómo se ve el render. Para que podamos ir a Render View. Así es como se ve. En primer lugar podemos añadir alguna fuente de luz y para ello, vamos al piso, sostenemos click y vamos al cielo físico. Volvamos a hacer clic. Y lo que esto hace es añadir algo de sombra. Por supuesto, puedes cambiar la sombra cambiando la posición del cielo físico o de repente. Aquí tienes esta rotación. En caso de que no tengas esto, puedes ir y resaltar esta rotación. A medida que avanzamos que podemos ver que la sombra también cambia. Tomemos también la vista render. Y creo que lo guardaré así entonces. Ahora solo voy a aplicar un material, este objeto para crear un material, solo puedes hacer doble clic en este espacio vacío aquí mismo. Haz doble clic y sí, tenemos el material en este momento. Podemos aplicar a cada capa así. Sostenga y arrastre, y se aplica a estas cuatro capas. Ahora cuando hacemos doble clic, tenemos todas las propiedades del material. Y lo que se comprueba es solo el color y la reflectancia. Como dije, no entraré en mucha profundidad alguna Cinema 4D porque no necesitamos preocuparnos mucho por el material como vimos en este ejemplo. En el resultado final, lo que veremos en su mayoría son los marcos que vamos a hacer en Photoshop. Por lo que no tenemos que preocuparnos la luz o la reflectancia del modelo 3D. En este caso, utilicé renderizado de octanaje, pero no todo el mundo tiene eso. Entonces por eso lo estoy manteniendo sencillo aquí con renderizado estándar de Cinema 4D. Veamos de nuevo la vista de render. Lo que puedo hacer es simplemente cambiar el color, por ejemplo, a algo azul. También en la reflectancia, puedo aumentar la fuerza especular. Se puede ver en la vista previa lo que hace también en el material aquí. Este es el único cambio que estoy haciendo. No voy a ir demasiados detalles. Y volvamos a hacer clic en la vista de render. Sí, creo que lo es. Ok. Y ahora tenemos que renderizar esto. Por lo que vamos a la configuración de Render. Lo primero que necesitamos para cambiar la velocidad de fotogramas en este momento es 30. Y el total de fotogramas de esta animación es de 90. Para las animaciones cuadro por fotograma, generalmente voy con una velocidad de fotogramas seis, por lo que desde 36. Y lo que esto hace es que se le ocurra una animación de 90 frames a 18 frames. Y vamos a Guardar ahora. El formato debe ser PNG. Algo más que es importante es asegurarse de revisar el canal Alpha. De esta manera tendremos un fondo transparente. Ahora ve a archivar a estos tres puntos y seleccionemos una carpeta donde podamos guardarla. Entonces PNG, vamos a poner un nombre trunk. Estos son los únicos dos lugares donde tenemos que ir en el Save. Simplemente asegúrate de que el formato sea canal PNG Alpha y un lugar donde guardarlo. Y en la salida, el ancho y la altura, velocidad de fotogramas, seis. Y rango de fotogramas de 0 a 90, que es la longitud de la animación. Y ahora sólo vamos a Render. Ahora esperamos a que termine el render. Aquí se muestra con un fondo, pero si vamos a la carpeta donde está guardando, verá que es transparente. Así que esperemos el render y luego nos moveremos a Photoshop. 6. 05 Ilustración de cuadros en Photoshop: Ok, Ahora que el render está terminado, podemos ver todas las imágenes aquí. Y los abriremos en Photoshop. Una forma de abrirlos todos en un solo archivo es ir a Archivo, Script, cargar archivos en pila, navegar. Y vamos a ir, vamos a la carpeta. Selecciónalos todos. Puedes hacer click en el primero, mantener pulsada Mayús y dar click en el último o simplemente puedes seleccionarlos. Haga clic en Ok. Aquí están todos cargados. Y vamos a hacer clic en OK y peso. Ahora la carga está terminada y se puede ver que todas las capas están aquí del marco 0 al marco 18. Sí, ahora podemos agregar un fondo, así que voy a crear una nueva capa en este signo plus aquí mismo. Vamos a la Herramienta de Cubeta de Pintura. Aplica el fondo negro y lo pondré por debajo de todo sosteniendo y arrastrando hacia abajo. Lo que hago a continuación es desseleccionar todo. Sólo guarda el primero. Ve a la herramienta de pincel. Vamos a poner el tamaño. En realidad, el tamaño depende del tamaño de la imagen. Así que sólo voy a probar algo. Primero creemos una nueva capa. Vamos a usar el color blanco. Tal vez un poco más, tal vez 12. Creo que eso está bien a un 100%. Personalmente, no soy muy bueno dibujando, así que acabo de tratar de freestyle de una manera. Si eres bueno dibujando, eso es un plus para ti. Pero para mí, por eso uso referencias. Acabo de dibujar encima de él y tal vez él tenía algo de ciencia o algunas formas abstractas, solo cosas simples. Entonces en este punto solo empezaré a usar mi tablet de pantalla y comenzaré a dibujar. Antes de hacer eso, haré una cosa más. Crearé otra capa entre la referencia de la imagen y la capa que dibujaré. Voy a crear una nueva capa. Llamemos a esto oscurecer, y le aplicaré un color negro y disminuiré la opacidad. Sí, creo que está bien. Sólo para crear más contraste desde el color blanco, voy a utilizar. Ya puedes ver que voy a empezar a usar mi tablet de pantalla. Y lo primero que voy a hacer es dibujar el contorno de esta referencia que tengo. Y luego encima de ella veré qué puedo hacer. Dibuja formas abstractas y cosas así. Como ya mencioné ahora eres libre de hacer lo que te guste, dependiendo también de la animación que hayas descargado y dependiendo de lo bueno que seas en dibujar o crear formas. Además, necesito asegurarme de que la dureza sea un 100%. Ahora que dibujé el contorno o la forma básica de la misma, lo que puedo hacer a continuación es solo agregar nuevos elementos. Asegúrate de dividirlos en diferentes formas. Por ejemplo, como se puede ver aquí mismo, hay bolígrafos y puedo aplicarles un color. Lo mismo aquí. Solo tienes eso en mente cada vez que dibujas formas. Por lo que en algunos de ellos puedes aplicar color. Ahora voy a seguir agregando nuevas formas. De acuerdo, lo estoy manteniendo simple. En este caso. Ahora el siguiente paso es llenar algunas de estas formas con el color blanco. Para eso, acudes a la herramienta Cubo de pintura y asegúrate de haber seleccionado estas opciones aquí. Y solo aplicas dentro de la forma que está cerrada así. Aquí. También aquí. Sí, ahora decides cuál sientes? De nuevo, lo aplicaré aquí a. También aquí. Ahora, si acerco, se puede ver que hay estas áreas aquí mismo que hay que arreglar. Entonces para eso solo usaré la herramienta de pincel y la llenaré un poco. Los otros, no es un problema ya que también usaremos el efecto resplandor y se puede arreglar de esta manera. Pero aquí voy a aplicar este color blanco. Y como siempre, asegúrate de estar en la capa correcta así. Ahora puedo desmarcar esto y también desmarcar la capa que está relacionada con el dibujo que hicimos. Y vamos al segundo fotograma. Voy a crear una nueva capa y hacer lo mismo. Si quieres usar la capa abajo como referencia, por ejemplo, para mantener el mismo nivel del suelo, puedes disminuir la opacidad un poco así. Ir a la capa tres, a la nueva capa. Y dibujemos Sólo el suelo, sólo para tenerlo como referencia. O si quieres mantener la forma del sol o lo que hayas creado que quieras mantener en la misma posición. Simplemente puedes disminuir un poco la opacidad y utilizarla como referencia para dibujar encima de ella. Voy a disminuir, puedo aumentar la opacidad y simplemente desmarcar la capa, ir a la siguiente capa y hacer los mismos pasos. Como se puede ver. Es lo mismo con el segundo fotograma que acabo de dibujar encima de él y editar también estas líneas para hacer algo diferente a las anteriores, también agregó estos cuchillos. Digamos. Algo más que hice para que sea continuo se cambia la forma de luna, digamos, a otra fase de la luna y luego la haré mitad de ella y así sucesivamente. También hizo algo diferente aquí en el suelo. ¿ Vas a ver que es como si un niño lo dibujara? No es que esté haciendo algo especial, pero cuando lo hagas como un marco a fotograma al final, se verá bien por el personaje. Seguirá así hasta que termine. Y entonces te mostraré cómo exportar todo. Pero antes de hacer eso, sólo vamos a guardarlo por ahora. De acuerdo, y ahora voy a seguir con el tercer fotograma. 8. 07 Exporta PNG: Ok. Por lo que finalmente llegué al marco final. Esto me llevó un tiempo hacer, pero sí, esa es la parte más difícil o la parte principal de este tutorial, yo diría, sí, veamos de nuevo, lo que creamos aquí son todas las capas. Necesito desmarcar este 1 primero para que podamos ver sólo las ilustraciones. Puedes verlos a todos en base a la animación que hiciste. Y ahora viene la parte divertida, cómo diría cuando veamos la animación. En primer lugar, guardemos esto por si acaso. Y ahora lo que necesitas hacer es exportar todos estos archivos PNG, todas estas ilustraciones. Empecemos con éste. Se asegura de que la opacidad sea un 100%. Sí, necesitamos tener un fondo transparente y vamos con File Save As. Vamos a crear una nueva carpeta. Ahora, es necesario tener en cuenta el nombre del nombre del archivo para que se abra como una secuencia PNG. En. After Effects, tenemos que poner en orden los nombres de archivo. Por ejemplo, ponemos este 11. Sí, guardar como copia. Por lo que puede ser un PNG. El siguiente será el nombre de archivo dos y así sucesivamente. Así que vamos con Save. Haga clic. De acuerdo, y haré lo mismo con los otros. Desmarcaré esto y comprobaré. El segundo, aumentar la opacidad. Guardarlo de nuevo. Como PNG, asegúrate de que esté en la misma carpeta. Y PNG, salvando el último. Vamos a salvar el proyecto. Y ahora ya terminamos con Photoshop. Pasaremos a After Effects para hacer la animación. 9. 08 Animación de After Effects: Ok, Ahora estamos en After Effects y crearé un nuevo proyecto. Sí, este es el diseño de los efectos después. En el lado izquierdo, podemos poner proyectos son las capas o lo que abramos desde After Effects justo aquí en el centro, veremos el metraje. En el lado derecho están los efectos y en la parte inferior está la línea de tiempo. Entonces para abrir las imágenes que creamos, necesitamos asegurarnos de que estemos en esta sección de proyecto y en este espacio vacío, solo tenemos que hacer doble clic. Y tienes primero podemos abrir los PNGs desde el cine 4D. Podemos dar click en el primero. Asegúrese de que la secuencia PNG esté marcada. Y con solo hacer clic en el primero, todo se abrirá. Será animación organismo porque los nombres que están en orden. Por lo que haré clic en Importar. puede ver que es del 0 al 18, lo que significa que hay 19 frames. Podemos crear una nueva composición solo click y arrastrar a la nueva composición. Y aquí también está la línea de tiempo. Si golpeamos el espacio, podemos ver cómo juega. Abramos también las ilustraciones y luego trabajaremos con cronología con velocidad de la animación y así sucesivamente. Vamos a hacer clic en el primero, asegurarnos de que la secuencia PNG esté marcada y haga clic en Importar. Ahora podemos hacer click y arrastrar en la línea de tiempo aquí. Y podemos ver cómo se alinea. Trabajaremos en ello más adelante porque en este momento es demasiado rápido. Algo más que necesitamos agregar es también una textura. Por lo que volveré a hacer doble clic. Y podemos abrir éste, o éste. Creo que voy a ir con éste. Haga clic en Importar de nuevo, secuencia PNG. Sí, lo primero que tenemos que hacer es cambiar la longitud del video en este momento es sólo 19 fotogramas porque se hace así automáticamente, ya que también nuestra animación es de 19 fotogramas. Iré a la línea de tiempo, haga clic con el botón derecho y vaya a la configuración de composición. Sobre la duración. Comienza a partir de 0 y termina en 19 fotogramas. Creo que iré con unos segundos de TI o algo así. Podemos cambiarlo de nuevo más tarde. Haga clic en Ok. Y aquí podemos algo alejar y ver la línea de tiempo. Y lo siguiente que hago es cambiar la velocidad de las animaciones. Porque en este momento es demasiado rápido. Para hacer eso. Tenemos que ir a la primera capa. Y aquí voy a hacer clic derecho ir al tiempo, tramo del tiempo. Podemos cambiar el factor de estiramiento o cambiar la duración aquí, por ejemplo, si queríamos hacerlo digamos dos segundos. Además, el factor de estiramiento es 300, por lo que significa que es tres veces más lento, alrededor de tres veces. Podemos probarlo así y ver cómo se ve. Desmarcaré la capa en la parte superior por ahora. Haga clic en jugar. Creo que puedo hacerlo un poco más lento en este punto. Simplemente lo intento y ver cómo se ve y luego decido. Haré lo mismo con una capa en la parte superior. Yo lo revisaré. Tiempo del botón derecho, los tiempos se estiran. En la nueva iteración vamos con 215 frames, exactamente lo que estaba abajo. Así que voy a hacer clic bien. Y sí, se puede ver que tienen la misma longitud. Ahora, esta es la animación que hemos creado. Creo que se ve bien. Ahora en este punto, realmente no necesito ver la animación 3D que he hecho. Entonces para eso, lo haré un poco más oscuro. Iré a efectos y presets. En caso de que no veas esto, puedes ir a Windows y asegurarte de que los efectos y presets que recibe cheque sean lo mismo para cada cosa que ves en After Effects. En caso de que no lo veas, sólo tienes que ir aquí. Y buscaré equilibrio de color, matiz, ligereza y saturación. Arrastraré esto a esta capa. Y aquí tenemos el matiz, la ligereza y la saturación. Lo mismo que es en Photoshop. Y solo disminuiré la saturación y también disminuiré la ligereza así. Vamos a hacer clic en placa. Ahora lo que voy a hacer, agregaré la textura a estas formas anchas. Dejaré que el resplandor y luego solo duplicaré estos para que llene toda la longitud. 10. 09 Textura animada: Ahora usaremos la textura y te mostraré cómo aplicar la textura sobre estas formas blancas. Es básicamente la idea de la máscara de recorte en Photoshop. Abriremos esto y lo arrastraremos aquí. Ahora, me aseguraré de que llena todo el espacio así. Solo puedes ir a Transformar aquí y escalarlo. Ahora para que la textura se aplique a las formas blancas. Asegúrate de que la textura esté por debajo de las formas blancas. Y asegúrate de tener estos conmutadores y nodos como ese. En esta monja, irás a alfa made. Y lo que esto hace es que se aplique a las formas que hay encima. Sí, como se puede ver, vamos a hacer clic en placa. 11. 10 Animación en bucle: Ahora tenemos que dividir la capa donde termina la animación. Tenemos que dividir la capa de la textura. Entonces para eso necesitamos hacer clic en Control o Comando Shift D. Sí, podemos eliminar el resto que no se alinee con la animación que tenemos en la parte superior. Por lo que sólo voy a hacer clic en Eliminar. Y ahora tenemos que hacer esto como una capa en lugar de dos porque necesitamos aplicar un efecto sobre ella. Tenemos que asegurarnos de que esto no esté marcado. Por lo que voy a hacer clic en la primera capa. Mantén pulsado Mayús, haz clic en el segundo, haz clic derecho y ve a precomponer. Asegúrate de revisar estas dos opciones y haz clic en Aceptar. Esto es como agrupar capas. Entonces aquí lo tenemos como una capa. Ahora, si quieres cambiar algo, solo puedes hacer doble clic y abrirá las dos capas que forman parte de este grupo. Por ejemplo, puedo ver que algunas partes son oscuras porque así es la textura. Y para eso voy a hacer clic en la textura. Aplicaré el balance de color. Te gustó la iteración de los sentidos y yo aumentaré la ligereza un poco así. En los casos donde la textura es negra, puede ser un poco más ligera. Sí. Ahora, volvamos a la anterior. Puede pasar de este documento a este documento principal aquí. Ahora aplicaré el efecto resplandor. Entonces volveré a ir a Efectos y Presets, buscar resplandor. Debajo de lo estilizado aquí tienes el efecto de brillo que aplicaré. Aquí verás muchas opciones, pero con lo que trabajo son solo estas tres opciones principales. Ir umbral, resplandor, radio, y baja intensidad. Puedes jugar con ellos para ver qué hace cada uno de ellos. Ir radio e intensidad de resplandor. Primero, aumentaré el radio de resplandor. Básicamente solo juego con ellos y veo cómo se ven aquí en la vista previa porque también depende de la textura que tengas. Entonces no puedo decir con certeza qué tipo de valores necesitas poner aquí? Voy a hacer clic en play. Creo que puede aumentar más la intensidad. Y por supuesto en caso de repentino como esta textura, puedo volver a ir. Aquí. Ir a la sección proyecto y puedo probar también la otra textura. Demos clic en el primero y haga clic en Importar. Y yo sólo arrastraré aquí abajo. Y de nuevo, cambia el tamaño de la misma. Ve a alfa mate y desmarcaré esta capa a continuación. Éste es más juguetón, así que tal vez vaya con éste. Veamos cómo se ve con un globo terráqueo. Creo que esto me gusta más. Ahora. Lo que puedo hacer a continuación es simplemente duplicar esto para que llene toda la línea de tiempo. Para duplicarlas. Puede hacer clic en ambos y luego hacer clic en Control de comandos D. Ahora, arrástrelos. Lo haré una vez más. Puedo ver que termina aquí el 715. Así que haga clic con el botón derecho en Y hagamos esto 714. Ahora si hago clic en Jugar, verá que es un bucle. Ahora que también aplicamos la textura, lo siguiente que podemos hacer es agregar un fondo simple, puede hacer algo de postproducción y exportación. Es. 12. 11 Posproducción de fondo animada: Ok, Ahora te mostraré cómo crear un fondo sencillo. Por supuesto, también puedes dejarlo así todo negro o añadir lo que quieras. Por lo general me gusta agregar estrellas son simplemente fondos realmente simples. Entonces esto es lo que te voy a mostrar ahora. Primero hay que ir en las capas. Haga clic derecho nuevo, sólido. El color no importa. Haga clic en Ok. Y solo asegúrate de arrastrar esto y ponerlo debajo de todas las capas como fondo. Y ahora hay que agregar este ruido fractal, ir a efectos y presets y buscarlo. Ahora, arrástrelo y aplíquelo sobre el sólido para simplemente crearlo. Y ahora tenemos que transformar esta nube negra y gris en otra cosa. Y aquí están todos los efectos. Trataré de hacerlo como fondo oscuro con solo algunas pequeñas formas blancas como estrellas o como una cosa de grano. Pero déjame simplemente mostrártelo. Tenemos el brillo y el contraste. Aumentaré mucho el contraste y disminuiré el brillo. Así. Ahora estas formas blancas deberían ser más pequeñas. Entonces para eso voy a transformar y disminuir la escala. Ahora quiero menos formas blancas, así que supongo que necesito disminuir el brillo más así. Aumenta el contraste. Ahora si hacemos clic en Play, no pasa nada, se mantiene estático. Y tenemos que cambiar eso. Entonces para eso, voy a las opciones de evolución. Y en esta semilla aleatoria, necesito animar esto. Necesito asegurarme de que estoy en el primer marco. Haga clic en este icono del reloj aquí mismo para animarlo. Y ahora está en la opción 0. Voy hasta el final y ahora lo aumento así. No lo sé. Veré qué tan rápido juega para ver si necesito cambiar esto de nuevo. Pero por ahora, solo déjalo así. Empecemos desde el principio y haga clic en Jugar. Creo que juega demasiado rápido. Así que vayamos hasta el final. Tratemos de 70. Volvamos de nuevo desde el principio. Creo que es agradable en este momento solo tener algo en el fondo. Y ahora lo último que hago antes de exportarlo es otra vez clic derecho nueva capa de ajuste. Aquí la capa de ajuste debe estar en la parte superior. Entonces todos los efectos que aplico aquí afectan a todas las capas a continuación es la misma lógica que Photoshop. Aquí acabo de añadir el equilibrio de color que ligereza y saturación. Arrástralo sobre la Capa de Ajuste y acabo de animar el tono. Asegúrate de estar en el primer fotograma. Haga clic en el matiz, vaya al final, y haga clic en uno, por lo que hace una rotación completa. Ahora vamos a hacer clic en Jugar. ver cómo cambian los colores. Si quieres. También puedes aumentar un poco la ligereza para que sea más gris. Si quieres hacerlo más retro, digamos que también puedes agregar Grano. Ve a agregar grano y arrástralo de nuevo por debajo del balance de color. Aquí se ve un adelanto del grano. Ahora en el modo de visualización, se puede ver la salida final. Se puede ver cómo se ve. Aquí lo que puedes cambiar es la intensidad, el tamaño y la suavidad. El intensidad si lo aumenta, se puede ver lo que hace en este caso. Creo que lo pondré 0.70.7 en el tamaño. Creo que necesito disminuirlo un poco. 0.6. Y la suavidad, creo que está bien así. Vamos rápidamente. Ahora tardará un poco cargarse, asegura de guardarlo. Así es como se ve y creo que me gusta. Sí, ahora, sólo tendremos que exportar esto. 13. 12 Exportación de video: Ok, Ahora necesitaremos exportar esto como un video, y lo exportaré como un mp4. Entonces para hacer eso, voy a Archivo, exportar eso y agrego a Adobe Media Encoder Queue, hago clic en él. Y ahora esto aparece y necesitarás hacer click en este Match Source y alta tasa de bits. Ahora trabajemos con la configuración de exportación en el formato que necesitas para asegurarte de ponerlo en H.264. El propósito de esto es exportarlo como un mp4 y en el preset lo dejará como está. Por supuesto, también tienes opciones como presets para Facebook o Twitter o YouTube. Pero lo dejaremos como está en el nombre de salida. Daremos click sobre él para seleccionar la carpeta donde queremos guardar el video. Ahora en la configuración básica de video, lo que voy a cambiar es el tamaño. Por lo general lo que hago con mis obras diarias es exportarlas en dos versiones. La primera versión es donde se cumple el tamaño. Es como dos mil dos mil quinientos. Y el segundo es donde se optimiza el tamaño para Instagram. Así que voy a hacer este ahora. Tendré que desmarcar esto y cambiar la altura y asegurarme de que este enlace esté comprobado para que puedas mantener la relación de aspecto del fotograma mientras redimensiona. Y el otro es simplemente cambiar la altura a 1 novena a 0. El ancho se cambiará automáticamente. Ahora lo siguiente que hago es asegurarme de que el tamaño estimado del archivo sea inferior a 20 megabytes. Esto depende de la longitud del video y en base a la tasa de bits objetivo. Por supuesto, no importa lo que hagas aquí, instagram comprimirá el video de todos modos. Pero por mi experiencia, si lo pones menos de 20 megabytes, aumentas las posibilidades tener el video menos comprimido. Digamos. Si lo aumento mucho, verás que el tamaño estimado del archivo también aumentará. Entonces creo que iré con algo así como 15. Sí, el tamaño estimado del archivo es de 14 megabytes. También comprobaré el uso máxima calidad de render. Haga clic en Ok, y ahora solo renderiza. Ahora que esto se hace, podemos ir a la carpeta donde tenemos esto. Vamos a hacer clic en él. puede ver que son 15 megabytes. Sí, este es el video. Creo que la calidad es buena, pero también la veremos en Instagram que se comprimirá. 14. 13 otras variaciones: En esta parte, te mostraré cómo hacer el mismo tipo de animación, pero sin tener que usarlos mezclados nuestro cine para d. En este caso, puedes usar como metraje real. Te mostraré un ejemplo que he hecho antes y después te mostraré los pasos de cómo puedes hacerlo también. Así que acabo de encontrar este metraje de una pareja. Y como pueden ver, he usado estos mismos pasos, creando estos contornos. Y después de alguna post-producción, hice esta cosa. Básicamente se trata de una animación fotograma por fotograma mediante el uso este video como referencia donde puedes encontrar metraje gratis. Metraje de video gratuito está en Paxos.com y por supuesto también puedes grabar tus propias metraje, pero solo digo algunos recursos gratuitos. Por lo que sólo hay que ir a los videos. Y por ejemplo, podemos buscar el baile. Puedes desplazarte hacia abajo y ver lo que te gusta. Simplemente descargaré algo. Las algas van con ésta. Sólo te mostraré los pasos, así que no importa. Voy a ir a Descargar Gratis. Esperaré a que termine la descarga. Entonces lo abriré a After Effects. Ahora podemos crear una nueva composición. Entonces ve a la composición, nueva composición. Y aquí puedes decidir sobre el ancho y la altura. Puedo ir con dos mil dos mil quinientos para mantener la misma proporción y la duración quizá hagamos ocho segundos. Haga clic en Aceptar. Y sólo arrastra esto aquí. Voy a aumentar el tamaño se puede hacer clic como, como atajo o ir a Transformar y Escala. Así. Ahora haga clic en Reproducir. Una vez que tengas el video, ahora, puedes exportarlo. Creo que voy a hacer esto tres segundos sólo para mostrarte un ejemplo. En tres segundos, se puede ver que tiene 90 fotogramas, porque 1 segundo, 1 segundo es de 30 frames. Y eso es un montón de marcos para dibujar. Lo que suelo hacer en este tipo de casos se cambia la tasa de bits. Entonces cuando vayas a Exportar archivos, Agregar a Cola de Render. Aquí tienes tres opciones. En primer lugar es la salida a que decide dónde desea guardar el archivo. Vamos a crear un nuevo ejemplo de carpeta. Ahora en la configuración de renderización. Aquí está la velocidad de fotogramas, y se puede ver que es de principio a fin, de 0 a dos segundos y 29 fotogramas. Por lo general, lo que hago aquí es cambiar la velocidad de fotogramas a cinco o seis. Vamos a intentarlo. Cinco. Sí, cuando lo exporte, verás el número de marcos que no serán 90, pero serán 90 divididos por seis, porque 30 divididos por seis da cinco. Pero el piano tiene que hacer las matemáticas aquí. Simplemente puedes poner la velocidad de fotogramas cinco o seis. Hagamos clic en Ok. Ahora en el módulo de salida, vamos a hacer clic en él. Aquí en el formato se asegura de que sea una secuencia PNG. Aquí, RGB. Por si se trata de un video transparente, puedes ir con RGB más Alpha, pero en este caso no importa. Por lo que sólo voy a hacer clic. Ok. Ahora haga clic en render. Aquí verás el número de marcos, que es 15. Es por eso que necesito cambiar la velocidad de fotogramas porque de lo contrario se le ocurrirá 90 cuadros y será mucho trabajo. Ahora podemos ir a la carpeta. Y aquí están los marcos. Ahora, es lo mismo que hicimos con el cine para D, lo mismo que hicimos aquí. Tienes estos marcos que puedes abrir en Photoshop y utilizarlos como referencia para dibujar encima de ellos lo mismo aquí. Y luego exportas los contornos, los abres en After Effects y haces los mismos pasos. Así que sí, solo pensé que podría compartir esto contigo en caso de que no quieras usar Cinema 4D o por si no lo tienes. Por supuesto, otra opción es solo usar una imagen. Por ejemplo, solo puedes usar esta imagen y puedes dibujar como 20 fotogramas encima de ella, solo versiones diferentes. Encontraré algo en Instagram ahora mismo para mostrarte . Ese es un ejemplo. Se puede ver que esta estética, y acabo de dibujar unos marcos encima de ella, tal vez ocho o nueve. Y también puedes hacerlo usando fotos. Las imágenes es el mismo paso. Simplemente haces las ilustraciones en Photoshop, exporta todos los PNGs, y haces el resto en After Effects. Entonces sí, estos son los pasos que doy para lograr este tipo de animación. Como dije, no soy realmente bueno dibujando. Entonces tengo que usar referencias y simplemente dibujar unas formas normales. Pero pensé que solo podría mostrarte el proceso. Y por supuesto, puedes hacer lo tuyo. Si eres bueno dibujando. Tienes muchas posibilidades. Y te animaría a experimentar con él y compartir tu trabajo en Instagram. También me puedes etiquetar. Para que pueda ver y volver a compartir y comentar al respecto. Y espero que te haya parecido útil y CEO 100 próximos cursos, Bye.