Gráficos en movimiento en After Effects con el complemento Element 3D: crea animaciones 3D

1. Introducción: Después de los efectos, gráficos en movimiento con elemento y tres D se conectan para crear animaciones fáciles e impresionantes. Demos la bienvenida a todos. Soy su anfitrión LIS RNAPOLS. He sido educadora en los últimos 28 años, enseñando en universidades y plataformas sociales cubriendo técnicas de animación, diseño vectorial y maquetación de páginas Esta clase de gráficos en movimiento D after effects, aprenderá a generar mapas normales personalizados a partir de un patrón. Cómo crear tres formas D a partir de rutas vectoriales. Cómo trabajar dentro del elemento, enchufar tres D en el ambiente, extruir formas y aplicar texturas dentro de los efectos posteriores Cómo animar en tres espacios D y aplicar ajustes de renderizado, mejorando la animación general de tres D. Al final de este curso, tendrás un firme conocimiento y visión de cómo crear impresionantes animaciones en tres D para tus propios proyectos y clientes. 2. Texturas personalizadas - Generación de mapas normales: Para generar mapas normales personalizados que estoy compartiendo con ustedes en la carpeta de ejercicios es usar el mapa normal en línea en el navegador. ¿Qué son los mapas normales? Almacenan información sobre una superficie en forma de imagen de textura y pueden simular la apariencia del detalle de la superficie, como golpes o rasguños sin crear polígonos de alto detalle dentro del mapa normal En línea a la izquierda, tenemos el mapa de altura estándar, que es una textura de escala de grises donde el brillo de cada píxel representa su altura. Para mayor información, podemos dar click sobre el signo de interrogación aquí se lee, La textura contiene la distancia altura desde el piso. Cuanto más brillante sea el píxel, más lejos. Ya que voy a estar usando solo el patrón en blanco y negro, seguiré adelante con el mapa de altura. Haré clic en la ventana aquí. Haré clic para seleccionar el patrón en blanco y negro y luego hacer clic para abrir. En el extremo derecho, tenemos la vista previa de las tres D. Puedo acercar, puedo alejar, puedo rotar. También puedo cambiar la representación del modelo tres D de cubo a esfera, ya que estaré usando un modelo esférico para aplicar mis texturas. Aquí en el medio, tenemos las opciones para controlar cómo se están generando los mapas de textura, comenzando por el mapa normal, que crea profundidad, y se usa para mapas de relieve. Por ejemplo, puedo hacer esto muy fuerte o puedo hacerlo muy débil. Y podemos ver los cambios ocurriendo tanto en la ventana de previsualización, la previsualización de tres D, como en el interior del mapa normal. Voy a volver a poner esto por defecto. Puedo cambiar el nivel del mapa normal a medida que se aplica. Va a establecer eso por defecto también. Entonces aquí podemos ajustar la nitidez. Todo el camino a la derecha ha sido muy agudo y todo el camino a la izquierda es la cantidad de desenfoque. Voy a poner el mío a menos cuatro. Después voy a hacer clic en el mapa de desplazamiento que va a empujar hacia fuera los detalles que se utilizan para deformar la malla del eje No voy a hacer ningún cambio aquí. Haré clic en la oclusión ambiental, lo que crea un poco extra de profundidad y sombreado Para eso, voy a hacerlo más fuerte. Voy a aplicar la fuerza. Voy a establecer la cantidad de desenfoque exactamente igual que para el mapa normal. Para el mapa especular, que nos dice qué partes de un modelo deben ser brillantes brillantes Dejaré todo como esto. Entonces aquí en la parte inferior, tenemos la opción de descargar cada uno de estos mapas de texturas o podemos hacerlos todos aquí. Podemos cambiar la extensión. Voy a ir por Jpeg y después descargar todos los mapas de texturas. 3. After Effects - cómo configurar la composición: Bien, dentro de los efectos posteriores, voy a crear una nueva composición. Le daré un nombre de gráficos en movimiento desde el menú desplegable preestablecido. Yo elegiré 1920 por 1080. En cuanto a la duración, por ahora, voy a mantener este a 30 segundos, pero lo más probable es que al final recorte esto y luego haga clic en Bien. Ahora dentro del panel del proyecto, voy a importar los archivos de textura y cualquier otra cosa que esté usando para este proyecto de gráficos en movimiento after effects. Voy a hacer doble clic en eso. Primero voy a importar las nubes, hacer doble clic de nuevo, y cambiar la selección para importar las texturas. Para mantener mi trabajo organizado, en la parte inferior del panel del proyecto, creo una nueva carpeta. Yo renombro estas dos texturas, Shift las selecciono y las llevo dentro de la carpeta. Aquí están. Bien, también voy a importar algunos archivos vectoriales de Adobe Illustrator. Para eso, voy a necesitar crear múltiples sólidos. Haré click en la Línea de Tiempo. Después arriba en el menú, creo los primeros sólidos. Le voy a dar un nombre de forma ovalada. Me aseguro de hacer clic en el Hacer tamaño de comunicación y luego haga clic en bien. Después me dirijo a Adobe Illustrator. Seleccionaré la forma ovalada con una herramienta de selección. copiaré en los portapapeles, volveré a los efectos posteriores y luego los pegaré Voy a crear otro sólido. Parte posterior del menú, Nuevos Sólidos. Le voy a dar un nombre de panel lateral. Haga clic. Bien. Regresa a la recta, aquí está. Marcar, seleccionar esos paneles, copiarlos en los portapapeles Péguelos en. Yo creo otro sólido. Voy a usar el atajo de teclado. Le voy a dar un nombre de Selecciones, Aliados, ese será mi nombre aquí. Voy a hacer clic. Bien. De vuelta. Ilustrador. Aquí está. Marcar seleccionas eso. Copio a los portapapeles, pego eso en Yo creo otro sólido. Ese será mi logo, presione regresar, aquí está mi logo. Yo selecciono eso, voy a copiar a los portapapeles, luego pegarlo en Bien, así que para la línea de tiempo, voy a hacer clic y arrastrar las nubes, y también voy a cambiar seleccionar. Entonces también trae todas estas texturas. Ahora las texturas que no necesitan ser visibles, todo lo que necesitan ser es dentro de la línea de tiempo. En cuanto a las nubes aquí, como pueden ver, esto es sólo un poco grande. Voy a presionar la letra S en los teclados para la propiedad de la escala Yo sólo voy a fregar esto para digamos 80% también voy a bloquear esta capa, así que no la mueva accidentalmente. Ahora que se ha configurado el proyecto, el siguiente paso es crear tres formas D a partir de todos los sólidos usando el elemento tres D. Enchufe. 4. Element 3D - forma ovalada: Para el elemento tres D. Enchufe para trabajar. Una vez más, necesito crear un nuevo sólido. Voy a hacer clic en la línea de tiempo. Hablaría mucho de la visibilidad de estas capas. No hace falta verlas, solo quiero ver las nubes. Después usaré el teclado Grito para crear un nuevo sólido. Le voy a dar un nombre del elemento tres, D. hago clic en Tamaño, luego haga clic en Bien. Después bajo el menú de efectos, video, pilotos y elementos. Antes de hacer clic en el pecado configurado para estar de pie, para cargar todas estas formas aquí y las texturas. Puedo hacer esto bajo las capas personalizadas, bajo el texto personalizado y las máscaras. Para la capa de ruta uno, asignaré la forma ovalada, la capa de ruta dos a los paneles laterales, capa de ruta tres a píxeles y cuatro a mi logotipo. Para las texturas bajo los mapas de texto personalizados, capa uno se asignará a la protuberancia normal, capa dos a la enclusión, capa tres a la Ahora sólo puedo hacer clic en esto, establecer un botón aquí. Lo primero es hacer clic en el botón de extrusión, ya que esa fue la primera forma en la que cargué Por eso éste se extruye. Todo bien. Haré doble clic para cambiar el nombre estas dos formas ovaladas. Entrar Regreso. Ahora mismo tengo un bisel, en realidad quiero tener dos copias establecidas 0.2 para la copia de bisel una Voy a 2.5 Voy a expandir los bordes a 3.5 Me desplazaré un poco hacia abajo debajo de la configuración básica, color difuso, configuro este en negro y luego hago clic bien para el val dos bajo el contorno de Bisel, habilitaré esto Voy a poner el contorno en dos. Voy a desplazarme un poco hacia arriba. Ahora quiero poner este esquema en medio de los dos. Primero cambiaré la vista en lugar de la perspectiva. Voy a poner este punto a la izquierda en la z del conjunto. Puedo fregar esto así. Yo sólo voy a más. Digamos por aquí que parece estar en el centro. Vuelve a la vista en perspectiva luego en la forma ovalada y establece debajo de la teselación, la resolución del baño al extremo Entonces tengo una bonita geometría densa. 5. Element 3D - paneles laterales: Para los paneles laterales. Una vez más, voy a dar clic en el botón de extrusión. Haré doble clic para cambiar el nombre de los dos paneles laterales frontales. Haré clic en OK para la ruta personalizada. Voy a asignar la ruta personalizada a aquí. Aquí están los paneles laterales. Sólo voy a arrastrar esto en el eje z. Otros presets y físicos, voy a asignar aquí el balbuceo de carreras El preset, voy a hacer clic y arrastrar esto a la derecha en la parte superior, ahí mismo. También voy a asegurarme de que la resolución del camino esté puesta al extremo. O ahora tengo aquí un bonito objeto denso en lugar de una vista en perspectiva. Primero elegiré la vista izquierda. También voy en bastante porque quiero asegurarme de que esto se asiente en el eje Z justo ahí. Cambiaré la vista en perspectiva aquí y haré clic para duplicar este modelo. Esa será la parte posterior de los paneles laterales. Hago clic en Bien. Ahora voy a sacar esto en la Z. Pero en este caso, primero necesito vuelta a esto en la Z. voy a hacer esto aquí mismo Voy a voltear esto bajo la transformación en la z. Ahí tienes. Después de vuelta en la vista izquierda, voy a arrastrar esto en la Z justo ahí, cambiar a la vista en perspectiva. Aquí vamos, Ambos se ven geniales, y da clic bien. 6. Element 3D - Modelo de esfera y texturizado: Con el medio estando vacío. Voy a seguir adelante y añadir otro objeto tres D, en este caso sólo una esfera. Haré clic en el botón Crear, un modelo de esfera. Haga doble clic sobre él, cambie el nombre de esta esfera. Haga clic, bien. Lo primero que voy a hacer es escalar esto de manera no uniforme, lo que significa que voy a desactivar el on. Voy a escalar este en el eje x a 270% 200 en el eje y, al igual que en el eje Z. Eso se ve bien. Voy a aplicar algunos materiales, lo que significa que seleccionaré los ajustes del material. La primera textura a aplicar será la protuberancia normal. Voy a hacer clic en el no establecido. Voy a hacer clic en la textura baja caída en el menú. Y voy a aplicar un bache normal y luego dar clic en Bien. Como puede ver, esto crea un bache en la superficie. Pero mirando la forma este mapa de desplazamiento envuelve la esfera del objeto, me gustaría ajustar eso. Haré clic en seleccionar el modelo de esfera. Entonces bajo el mapeo UV y las repeticiones UV, ¿cuántas veces este material repite mosaicos? este momento el mapa de texturas se envuelve solo una vez, aumentará a dos en dos. De vuelta al bache normal, también voy a cambiar la repetición aquí, 22 por dos también. Luego haz clic en Bien. Todo bien. Voy a seguir adelante y acercar un poco aquí para la siguiente textura. Entonces ese será el brillo. Da click en eso y aplica el mapa especular. Me aseguraré de que la repetición U esté establecida en dos por dos. Y también voy a invertir y luego dar clic en Bien. El brillo es lo brillante o lisa que es la superficie en estos momentos Esto es antes y esto es después. Déjame hacer zoom aún más antes y después. Como puede ver, no podemos ver ningún cambio drástico simplemente aplicando el mapa especular que se verá una vez que intercambiemos un mapa de entorno diferente Bien, ahora también voy a agregar una textura de oclusión aquí, así que voy a hacer clic en eso y agregar un mapa de oclusión Cambiaré la repetición U a dos en dos, Invertir eso, luego haga clic en Bien. Como pueden ver, esto oscurece el mapa. Bien, entonces las cosas se ven bien. Voy a seguir adelante y cambiar algunos colores aquí. Por ejemplo, bajo los ajustes básicos y el color difuso, voy a aplicar un color azul de mi elección Haga clic en bien para la reflectividad, voy a aplicar un color amarillo de mi elección Hago clic y subo su intensidad al 50% para la iluminación. También voy a aplicar otro color de mi elección. Suba su intensidad, digamos al 6% Eso se ve bien. Pero ahora es el momento de cambiar la reflectividad general intercambiando el mapa del entorno existente De esta manera mi escena se iluminará quizás aún más. El look va a cambiar. Además, voy a crear algunos mejores reflejos para estos tres modelos D, lo que significa otros el entorno presets, entornos de luz trasera Esto es parte de las colecciones de luz de fondo que vienen del video Copilotos Bike Like two K. Voy a anotar abajo, voy a aplicar esto aquí Ves que los cambios son inmediatos. Ahí vamos. Yo sólo quiero volver a subir al brillo, al mapa especular que será antes y después Sin el mapa especulador, obtenemos muy poca reflexión, pero con él, obtendremos algunos resultados geniales 7. Element 3D - Nombre y logotipo: Los siguientes dos objetos a extruir. Ese será mi nombre y mi logo. Una vez más, voy a dar clic en el botón de extrusión. Voy a hacer doble clic en él. El nombre, este tema alias. Haré clic en OK para la ruta personalizada. Voy a elegir la ruta personalizada tres en la Z. voy a sacar esto Voy a asignar uno de los presets biselados con los que viene el elemento tres D. En este caso voy a aplicar el preajuste de bisel de rayas. Solo voy a hacer clic y arrastrar esto justo encima de la liberación del objeto que apunta al material de pintura para la iluminación. Cambiaré el color a un color amarillo de mi elección. Voy a subir su intensidad al 60% Eso se ve bastante bien. Cambiaré la vista a la vista izquierda. Me gusta la distancia. A lo mejor pueda acercar esto un poco más, vuelta a la perspectiva. Todo bien. Haga clic. Duplicar este modelo. Doble clic Durante este logotipo, voy a cambiar la ruta personalizada a la ruta personalizada cuatro en la C. Voy a sacar esto debajo de la transformación aquí y para la orientación, voy a cambiar esto a 180 grados por 180 grados. También voy a reducir esto bastante. A ver, voy a volver a la izquierda. Acercar esto, quizá pueda. La habilidad se hace aún más. Algo en esa línea. A ver, las cosas se ven bastante bien aquí, así. 8. Element 3D - Separación de objetos: Ahora, antes de entrar en la animación de toda la escena, voy a llevar el nombre y el logo fuera del grupo Puedo apuntarlos por separado. Voy a desplazar a los electores para luego hacer clic y arrastrar y traerlos fuera del grupo El orden en realidad no importa. Lo que importa es que voy a asignar cada objeto a un grupo separado. En este caso, el nombre se asignará al segundo grupo, el logotipo al tercer grupo, y luego haga clic en Bien. 9. After Effects - Cámara 3D y objetos de flexión: Avanzando, seguiré adelante y agregaré una cámara de tres D a la escena. Así que voy a hacer clic en la Línea de tiempo Bajo el menú, Nueva cámara dentro de la configuración de la cámara cuadro de marcado para el tipo de cámara. Voy a elegir la cámara de dos nodos para el conjunto de lentes. Voy a poner esto 135 milímetros. Sólo voy a dejar todo como está y luego dar clic en Bien. Voy a agarrar la órbita alrededor de la herramienta del cursor. Sólo voy a orbitar esto alrededor. Voy a apuntar el elemento tres D capa sólida aquí dentro del grupo dos que es básicamente el nombre aquí dentro la partícula mira, deformar y doblar Voy a doblar esto un poco. Yo lo habilitaría. Voy a establecer el ángulo de plegado a 30 grados, la dirección de plegado a 90 grados. Eso se ve bien. Quizás pueda realmente acercar esto a la forma ovalada. Y puedo hacer esto dentro del replicador de partículas aquí mismo en la posición z, ¿ves eso A lo mejor pueda traer esto, digamos a diez. Creo que ya es suficiente aquí. Voy a trabajar en el logo aquí que está debajo del grupo tres Particle Deform bend Yo lo habilitaré. El ángulo de plegado será -30 grados y 90 grados para la dirección También puedo acercar esto un poco más. Nuevamente, eso va a estar dentro del replicador de partículas aquí está en la Z, puede hacer esto negativo diez, creo que la distancia más o menos es la misma A mí me gusta C, así que me voy a quedar con eso. 11. After Effects - suavizado de animaciones: Para mejor cronometrar la animación. No es necesario tener dos vistas. Una vista es suficiente. Escribiré la hora actual dedicada al principio y presionaré la barra espaciadora en el teclado para la vista previa de Ram y luego me detendré De hecho, quiero mejorar esta animación y hacerla más suave en la forma en que entra. Te haré seleccionar esos dos fotogramas clave. Haga clic debajo del asistente de fotogramas clave. Voy a perseguir la interpolación de lineal dos es. Voy a presionar la barra espaciadora para otra vista previa de ejecución. Eso se ve bien pero eso no quiere decir que no se pueda mejorar. Seleccionaré el fotograma clave, traeré el editor de gráficos luego haré doble clic en el fotograma clave para abrir velocidad del fotograma clave Y establecer la influencia para la velocidad entrante en 80% Y haga clic bien. La animación va así. Acelera y a medida que entra desacelera. Y por cierto, estoy trabajando dentro del gráfico de velocidad, haré lo mismo para este fotograma clave nuevo en el editor de grafos Este temporizador, solo puedo usar el mango de influencia para hacer exactamente lo mismo. Voy a poner este en 80 algo por ciento. Luego presiona la barra espaciadora para el Ram. Vista previa se ve genial. Quizás pueda seleccionar todos estos fotogramas clave y espaciar el montaje tad, hay un poco más de distancia aquí hay un poco más de distancia para la rotación. Genial. Ahora el siguiente está justo aquí. Voy a hacer clic en ese clic derecho. Easy está de vuelta en el editor de grafos. Haga doble clic y establezca la velocidad entrante en 100% Aceleraremos y luego desaceleraremos lentamente la barra espaciadora para la vista previa de Ram Genial, la misma historia aquí para los dos clic derecho firme asistencia es, es Voy a llevar el mango de influencia al 100% y este mango de influencia al 100% luego presione la parte de espacio para la vista previa de Ram. Fantástico, exactamente lo que iba a buscar. 12. After Effects - Rendedering out configuración: Ahora que la animación está en su lugar, quiero hablar sobre los ajustes de renderizado. ¿Cómo puedo mejorar las reflexiones generales y qué tienes? Voy a hacer clic en el elemento tres D capa sólida, nuevo en los controles de efecto bajo la configuración de render y dentro del entorno físico. Primero aumentaré la exposición general sobre el medio ambiente. También voy a aumentar la gamma y eso me iba a dar un poco más de contraste y además me va a ayudar a conseguir colores más ricos para los reflejos. También rote todo el ambiente. Voy a fregar el descatador de tiempo actual hasta el principio y voy a rotar el entorno de rotación Y. Haremos clic en el cronómetro para crear el primer fotograma clave Después para ir al último fotograma clave visible, voy a usar los atajos de teclado Esa será la letra K que va al siguiente fotograma clave visible Voy a tocar estas pocas veces para ir al último fotograma clave visible y establecer el entorno de rotación Y a 150 grados. Voy a raspar el decator de tiempo actual hasta el principio Presiono el par espacial para la vista previa de Ram. Como puede ver, el entorno gira sobre la Y a medida que se lleva a cabo la animación. Para el resplandor, habilitaré el resplandor y aquí está la intensidad. Bien, sólo voy a bajar esto en realidad a 11 es suficiente de mi parte. También puedo tener algo de desenfoque de movimiento. Voy a encender esto, pero también necesito aumentar las muestras de desenfoque de movimiento. Voy a ir por 20, después voy a fregar el decator de tiempo actual. Agradable y lento. Podemos ver el desenfoque de movimiento teniendo lugar. ¿Ves eso allá y allá? Bien, otra cosa que puedo hacer dentro de la salida para el multimuestreo, voy a cambiar este 8-16 En realidad, déjame seguir adelante y acercar un poco aquí para poder mostrarte la diferencia Vas a ver algunos cambios aquí una vez y cambiar el multimuestreo 8-16 Ahora bien esto reduce básicamente los bordes dentados en objetos que tienen reflejos y reflejos nítidos Adelante y presiona el par espacial para la vista previa de la norma. Las cosas se ven bien. Tengo el resplandor, muy bonitos reflejos. Aquí está el desenfoque de movimiento. Va a ser un poco lento en el sistema pero aún así se ve bien. Yo me quedaré con eso. 13. After Effects - composición de recorte: Antes de exportar toda la animación, seguiré adelante y recortaré la composición, ya que solo dura unos segundos. Supongo que toda la animación por aquí. También voy a dejar un poco de respiro, digamos por aquí. Y luego usando los atajos de teclado, presionaré la letra en el teclado para establecer el final del área de trabajo a esta reliquia de tiempo actual Luego recorte comp al área de trabajo. Ahora sube al Menú Composición Agregar a Render, necesito especificar aquí dónde se va a exportar este movimiento, y luego hacer clic en Render. 14. ¡Gracias!: Muchas gracias por pasar tiempo conmigo. Entender cómo usar el muy potente copiloto de video plug in inside after effects Alcance hacia fuera. Si tienes alguna pregunta o comentario sobre el curso, sería de gran ayuda saber de ti.