Crea animaciones 3D de Adobe Illustrator a Adobe After Effects Motion Graphics | Elias Sarantopoulos | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Crea animaciones 3D de Adobe Illustrator a Adobe After Effects Motion Graphics

teacher avatar Elias Sarantopoulos, Helping You Develop

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:58

    • 2.

      Observación de la forma de un ilustrador

      0:41

    • 3.

      Importación y creación de formas vectoriales

      1:36

    • 4.

      Extrusión de capas de formas

      2:10

    • 5.

      Posicionamiento de formas en un plano 3D

      2:16

    • 6.

      Agregar focos

      3:10

    • 7.

      Aumento de la extrusión de trazos

      1:52

    • 8.

      Mejora de los focos y la configuración

      3:05

    • 9.

      Nulo de cámara 3D y animación

      6:07

    • 10.

      Configuración de animación final

      0:57

    • 11.

      Gracias

      0:21

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

28

Estudiantes

1

Proyectos

Acerca de esta clase

Descripción de la clase: aprende a importar y extruir un archivo en capas de Illustrator dentro de After Effects a 3D sin usar ningún complemento, solo con el renderizador de Cinema 4D.

En esta clase de Adobe After Effects Motion Graphics, aprenderás lo siguiente:

  • De Illustrator a After Effects: cómo importar un archivo de Illustrator a After Effects.
  • En After Effects, te mostramos cómo convertir archivos de vectores en formas.
  • En After Effects, cómo extruir formas en un espacio 3D (extrusión de Cinema 4D Renderer).
  • En After Effects, te mostramos cómo agregar Spotlights, proyectar sombras y reflejos especulares.
  • Cómo animar una composición en un espacio 3D con una cámara 3D de dos (2) nodos.
  • Renderizado final de Cinema 4D.

Conoce a tu profesor(a)

Teacher Profile Image

Elias Sarantopoulos

Helping You Develop

Profesor(a)

Born in Athens, Greece, Elias migrated to the US where he received his BA and MA degrees. He started his professional career in the mid-90s working for tech startups focusing on web technologies and being a part time faculty in various educational institutions. An educator over the past 28 years teaching in universities and social platforms, covering page layout, animation, vector and interaction design.

In 2016 he became a book author, writing the Church of Chora. The book is the most comprehensive interactive guide describing some of the oldest and finest surviving Byzantine mosaics and frescoes in the Church of the Holy Saviour in Chora, Istanbul, Turkey. A unique reader experience with the use of interactive maps, voice narrations, videos, references to the Bible describing e... Ver perfil completo

Level: All Levels

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: Bienvenidos a todos al curso de gráficos en movimiento paso a paso después de efectos. Soy el anfitrión alias Er Tapolus dentro de After Effects. Comenzaremos esto importando un archivo vectorial de illustrator. Convierte eso en una capa de forma. Extuye tanto el campo como el trazo en tres espacios D. Agrega focos con sombras que rebotan y reflejos especulares Y animar la composición con una cámara de dos nodos tres D. Al completar el curso de motion graphics after effects, tendrá un firme conocimiento y visión de cómo extutar y animar tus archivos vectoriales y crear impresionantes animaciones en tres D para tus proyectos 2. Observa la forma de Illustrator: Extruir capas de forma dentro de After effects se trata de nuestro trabajo dentro del adobustrador Qué tan bien se organizan las capas antes de importarlas a efectos posteriores en este caso. Y mirando dentro de la capa spanel, cada camino único está en su propia capa y no dentro de un grupo o una subcapa Cada capa ha sido nombrada y han separado las trayectorias de campo de las trayectorias de trazo, lo que me ayudará con el proceso de extrusión dentro de los efectos posteriores. 3. Importa y crea formas vectoriales: Ahora dentro después de los efectos voy a seguir adelante e importar el motivo documento ilustrado. Estoy dentro de la cacerola del proyecto al ir a importar archivo de importación de reliquia Aquí está el documento ilustrado dentro de mi carpeta. Pero lo importante es importar esto no como material de archivo sino más bien que como tamaños de capa de composición y luego hacer clic para importar. Lo que eso significa es que After Effects reconoce las capas de nivel superior, las configuramos dentro Adobe Illustrator como capas de After Effects. Así que sigamos adelante y hagamos doble clic en esta composición. Aquí están todos estos caminos que se importan de un doble ilustrador. Y se puede ver que se guardó todo el naming, lo cual es genial. Pero lo que tenemos que hacer ahora es que necesitamos convertir esos caminos en capas de forma, algo que después de los efectos los reconocerá y podrá animarlos. Voy a desplazar seleccionar todos estos bajo el menú de capas. Continuar, crear y crear formas a partir de la capa vectorial después de que los efectos hagan la conversión. Lo que tengo que hacer ahora es que necesito limpiar mi trabajo aquí. Básicamente eliminar todos estos caminos y al mismo tiempo, cada vez que los somes esbozan. Sólo voy a renombrar esto para poder limpiar todo el trabajo y mantener las cosas organizadas. 4. Extrudado de capas de formas: Limpié todas estas capas y les renombré el nombre. Entonces, ¿qué sigue? Voy a seguir adelante dentro del plan del proyecto, solo voy a hacer clic y traer a colación solo importa un archivo JP aquí en el que voy a hacer clic y arrastrar esto y traer esto al fondo de la línea de tiempo. Básicamente, esto servirá como una superficie plana donde todas las luces chocarán y rebotarán, afectando a las tres capas en forma de D. Y déjame seguir adelante y bloquear esta capa temporalmente. Hablando de tres capas D. Sigamos adelante y seleccione todas estas formas aquí. Entonces vamos a convertir estos dos de dos de capas, 23 retrasadores Sólo voy a hacer click una vez todos estos dentro, todos estos están seleccionados, que se convertirán en tres capas. Muy bien, ahora para que esto funcione y sea capaz de extruir esos, necesitamos cambiar los tres render este momento estamos dentro del Classic Three D, solo vamos a dar click en el menú desplegable y elegir el Cinema Four D Render. El Cinema Four D Composition Render básicamente es la herramienta para la extrusión de texto y formas. Veamos también dentro las opciones del renderer la calidad que estoy usando, el modo borrador, porque eso llevaría menos tiempo dibujar los tres retrasadores Pero al final del proyecto, arrastraré este deslizador hasta el extremo para tener un render de embudo muy limpio. Voy a cancelar esto. Estoy muy kate con eso, lo tenemos que hacer a continuación básicamente es que necesitamos seleccionar cada uno de estos caminos uno por uno. Entra en eso. Y luego dentro de las opciones de geometría, vamos a cambiar la profundidad de extrusión. Y voy a fijar para todos ellos por ahora, 240. Todo bien. Voy a seguir adelante y pasar algún tiempo y hacer esto por el resto de estos caminos. 5. Posiciona formas en un plano 3D: Después de pasar un poco de tiempo que tengo para todas estas capas de forma, he establecido la profundidad de extrusión en 40. Entonces voy a cambiar de selección. Entonces voy a presionar la letra tú dos veces en el teclado para mostrar sólo las propiedades modificadas. Aquí vamos. El nivel de extrusión se establece en 40, 40, 40. Entonces la pregunta es, ¿por qué podemos ver que algo cambia? La razón es que cuando nosotros, extruimos hacia abajo, se extruye en el espacio z Ahora mismo, la razón por la que no podemos ver nada es porque todo se sienta a cero. La extrusión ha pasado por el fondo sobresaliendo del otro lado. En primer lugar, sigamos adelante y en lugar de una vista vamos a cambiar a dos vistas para esta vista aquí mismo. Yo personalmente te recomiendo que en lugar de acto cámara es usar la vista izquierda. Esto es una cosa para este JP de aquí. Permítame también asegurarme de que esto también se convierta en una capa de tres D. Ahí vas. Ahora podemos ver que como pueden ver, toda la extrusión ha pasado por el fondo sobresaliendo del otro lado. Otras cosas, voy a cambiar la previsualización de resolución aquí de plena a mitad, eso va a ser más fácil en el sistema. Después voy a cambiar seleccionar todos estos. Zoom aquí un poco. Yo sólo voy a sacar esos. voy a traer aquí mismo, así que esto se sienta justo encima de estos antecedentes. Muy bien, esta superficie plana. Si tuviera que cambiar esto de izquierda a, digamos a la vista personalizada, esto es lo que obtengo. Ya podemos ver los cambios ocurriendo, teniendo dos vistas de composición una al lado de la otra. Ya sea la vista izquierda o la vista derecha te ayudarán a entender la posición de las capas de forma y poder moverlas al espacio Z para que puedas ver la extrusión. 6. Añade focos: Las cosas se ven muy bien en la composición de Sara fueron extruidas. Todas estas capas de forma. adelante y continúa y agrega un par de focos a una escena. Yo sólo voy a seleccionar este camino uno, ir por debajo del menú, nuevas luces en este caso, foco número uno, tipo de vuelo. Adelante y mancha y tenemos el color de la luz, la intensidad. ¿Qué tan intenso es esto? Tenemos el ángulo con. El ángulo del cono es el ángulo del cono que rodea la fuente de luz, lo que determina el ancho del haz a distancia. Y vamos a ver esto muy poco después de que se fije la pluma de cono, 50% Eso está bien, está bien. Pero lo importante es tener puestas las sombras proyectadas. Eso especifica si la fuente de luz hace que una capa emita una sombra. Eso necesitamos. Voy a dar click sobre eso. Déjame seguir adelante y usar una vista aquí porque necesito una inmobiliaria aquí. Quiero que este foco de luz venga de la esquina superior derecha. Voy a sacar esto en el eje y, x y luego tomar este punto de interés y señalarlo justo encima de las capas de forma. Y luego solo ponle esto en la z y tal vez en la Y. Ahora veamos este ángulo con aquí. Si vuelvo a hacer doble clic, aquí está el ángulo con, mira los grados, para que puedas jugar con eso dependiendo de tu gusto. Y solo voy a traer esto un poco también. Hasta el momento tan bueno. Nuevamente, nada de esto es definitivo, pero es un buen comienzo. Sigamos adelante y agreguemos otro Spot Light. De vuelta al menú de capas, Nueva Luz. Ese segundo foco, voy a dejar todo como está, asegurarme de que el elenco sea una zona y haga clic bien. Aquí hay un segundo foco. En este caso, quiero que el foco de luz haga de abajo a la izquierda aquí. Voy a mover esto en la X, en la Y, tomar el punto de interés y señalarlo aquí mismo. Puedo sacar esto de nuevo en la Z, puedo volver a los ajustes de luz aquí y luego quizás cambiar el ángulo y así sucesivamente. Bien, de nuevo, como mencioné, esto no es definitivo. Es un buen comienzo. Pero lo que tenemos que hacer ahora es asegurarnos de que todas estas capas de forma acepten las fuentes de luz. Ahora mismo no lo son. Lo que tenemos que hacer es cambiar seleccionar todos estos caminos aquí. Entonces voy a abrirlos y dentro de las opciones de material, voy a encender las sombras proyectadas. Una vez que haga eso, podrás ver una gran diferencia. Ahora todas estas capas pasan excepto las dos luces puntuales y ahora tenemos una bonita sombra que se cae. 7. Aumenta la extrusión de trazos: La razón principal por la que he separado estas trayectorias de trazo del resto de las rutas que vienen de los usuarios. Porque quiero que estas capas de forma de trazo tengan una mayor profundidad de extrusión. En este caso, voy a desplazar seleccionar estos, después voy a presionar la letra tú dos veces en el teclado para poder ver solo las propiedades modificadas. Dado que todos estos han sido seleccionados, voy a cambiar para todos estos, la profundidad de extrusión de 40. Voy a subir este 250, voy a presionar de nuevo la carta. Una vez más no podemos ver el cambio. Y eso es porque la extrusión se está llevando a cabo en un espacio, se extruye hacia abajo. Volvamos a tener, en lugar de una vista, dos puntos de vista sobre este punto de vista. Aquí estoy, dentro de la vista personalizada. Uno, siga adelante y cambie a la vista izquierda, y aquí está. Esto es a lo que me refiero. Entró en el espacio z. Voy a desplazar, seleccionar el bit de zoom, después solo voy a dar click y arrastrar esto sobre el eje z. Ahí vamos. Muy bien, aquí está la diferencia. Ahora sigamos adelante y cambiemos de la izquierda a la personalizada. Y cambiar la vista previa a vista completa. Observa que ahora podremos ver una mejor vista de los trazos de trazado de capa de forma extruida. Esa es la razón por la que preplaneo esto dentro de Adbustraer por 8. Mejora los focos y la configuración: Bien, así que las cosas se ven fantásticas dentro de una composición. Lo siguiente que quiero volver y regresar son los focos. Pero se puede ver que hay mucha iluminación proveniente de ambos focos En este caso, siga adelante y vuelva a cambiar a uno de vista. Voy a entrar en el centro de atención. En debajo de las opciones de luz, cambiaría el color del foco a un Click de color naranja. Bien. Ahora vas a ver una agradable transición viniendo de arriba aquí. Yo haría lo mismo en el foco para debajo de las opciones de luz. Yo cambiaría el color en vez del blanco. Por lo general, las luces nunca son completamente blancas. Voy a usar de color blanco amarillento. Va a hacer clic. Bien. Vas a ver una buena transición. De nuevo, una agradable caída. Genial. Ahora lo siguiente del que quiero hablar es la difusión de sombras. Este de aquí mismo, que refiere a lo suave que es la sombra. Aquí está la única sombra para el centro de atención. Uno, aquí está la otra sombra para el spot. Luz dos, lo que puedo hacer aquí para la difusión de sombra para este punto de luz una vez más, la luz viene de arriba a la derecha. Aquí está la sombra. Puedo mejorar esto. Digamos que quizás 30. Aquí va a ser menos sombra. Esto va a ser más suave. Aumentemos también la suavidad para esta luz aquí mismo. ¿Ves eso? Ahora bien, si tuviera que alejar esto en la Z, en realidad en esta luz de aquí mismo, eso va a afectar de nuevo la difusión, ves que se trata de dónde estás postulando las luces y así sucesivamente Entonces no hay una regla establecida en lugar de lo que sea que te vaya a tu gusto. A lo mejor pueda llevar esto a, digamos éste a 20. Ahí vamos. Eso me gusta. Voy a dejar esto como está. Pero hay una cosa que me gustaría hacer es tener un poco de reflectividad extra en todas estas capas de forma Estoy hablando de la especularidad, es decir de nuevo, el reflejo de todas las capas de forma Voy a cambiar la pierna de la, luego presionar la letra dos veces y luego abrir las opciones de material. Aquí está la intensidad especular establecida 50% Voy a establecer esto en 70% Para todos estos, solo puedo ver el cambio ya Déjame seguir adelante y hacer zoom un poco y voy a deshacer este control. Comandos cero. Aquí está antes, entonces, aquí está después de un cambio bienvenido, al menos de mi parte. 9. Null de cámara 3D y animación: Bien, todo se ve fantástico dentro nuestra partitura de composición por delante crea nuestra animación. En este caso, subiré al menú aprendido y crearé una nueva cámara de tres D para el tipo. Voy a usar un dos sin cámara para los presets. Si bien tienes muchos presets diferentes aquí, en este caso voy a ir por el preajuste de lente gran angular de 24 milímetros Luego haz clic en Bien. Bien, así que esto es una cosa. Otra cosa que voy a hacer es ir al menú aprendido y crear un nuevo objeto nulo. Ahora un objeto nulo, básicamente, como puedes ver aquí, es una capa invisible que tiene todas las propiedades de una capa visible. Pero se puede aparentar a cualquier capa de la composición. Eso es exactamente lo que vamos a hacer aquí. Vamos a padre de la cámara al objeto nulo porque simplemente es más fácil controlar la cámara a través de un objeto nulo. Dice que voy a tener un objeto nulo. Voy a presionar Enter Return en mi teclado. Cambiar el nombre de este Toll a la cámara. Presione Intro Retorno y cambie el nombre de esto a solo Cámara. Voy a la cámara de padres a nulo. Y voy a hacer esto usando el látigo de pick parent. En este caso solo voy a hacer clic y arrastrar el látigo par pick justo encima del objeto nulo Ahora la cámara se ha desfilado al nulo, genial. Ahora bien, este objeto nulo en este momento es una capa de dos pero como estamos trabajando en un entorno de tres D, también vamos a convertir esto en una capa de tres. Mirando dentro de esas propiedades, estas son exactamente las mismas propiedades que de una capa de tres D. Muy bien, ahora en este caso, déjame seguir adelante y traer el tiempo de cuajada dedicado al mismo comienzo Voy a animar la propiedad de posición y la orientación Haré clic en el cronómetro de posición para crear el primer fotograma clave Después haré clic en las partes de tope en la orientación para crear el segundo marco clave para la posición. Déjame seguir adelante y cambiar las propiedades para todos los x, y y z. Por ejemplo, para la x, solo voy a empujar esto un poco de lado, ¿de acuerdo? Di verano por aquí para la Y, voy a empujar esto hacia arriba, podría estar un poco fuera del camino aquí. Para la Z, voy a empujar esto nuevo al espacio. ¿Todo bien? Di verano por aquí. ¿Todo bien? Entonces ese es el primero en la posición. Adelante, trabaja en la orientación. Voy a cambiar la orientación para digamos 36 grados. Pero voy a hacer esto por todos los mismos valores aquí. Para la y también. 36.36 Bien, ahora voy a mover el descatador de tiempo actual, digamos 4 segundos Bien, aquí mismo. Y luego voy a restablecer realmente el objeto nulo haciendo clic en el botón de reinicio, aquí mismo. Ahí vas. Voy a conseguir esto, que es correcto por ahora, La animación. Si me describiera el decator de tiempo actual, va a ser algo así Bien, En este fotograma clave, específicamente, Chad. Y presiona la letra K en el teclado para asegurarnos de que vamos al siguiente fotograma clave visible en Z. quiero tener esto, digamos que voy a acercarme bastante Igual que muchos A bits, algunos por aquí. Bien, cuando frotemos el descatador de tiempo actual, obtendremos algo como esto Bien, perfecto. Ahora voy a fregar el descatador de tiempo actual a 5 segundos aquí mismo. Voy a añadir otro fotograma clave solo en la posición. Fregar el descatador de tiempo actual por aquí. Y luego agrega otro fotograma clave y luego haz lo mismo, veamos por aquí. Y agrego otro fotograma clave. Ahora voy a volver a dos fotogramas clave visibles. que significa que voy a usar la letra G en el teclado. Y este fotograma clave en este momento tiene una interpolación lineal. Voy a volver a hacer clic, cambiar esto a un fotograma clave de toggle hold Lo que significa que cuando el tiempo llegue a 5 segundos se va a mantener durante 1 segundo. Y entonces va a hacer algo se va a animar de nuevo. Voy a presionar la letra K en el teclado para ir al siguiente fotograma clave visible para este en la partitura Z. Aleja bastante aquí para poder ver el resto del motivo. Di algo por aquí. Eso no está mal. Solo quiero cambiar la interpolación de lineal a como está Voy a hacer esto dentro del editor de grafos. Aquí está el fotograma clave seleccionado. Sólo voy a cambiar a fácil es entonces simplemente voy a hacer doble clic en el fotograma clave. Dentro de la velocidad del fotograma clave, voy a cambiar la influencia a digamos 75% más o menos Y luego haga clic en OK y luego salga del editor de grafos. Vamos a un fregado rápido el indicador de corriente. Y vamos a tener algo en esa línea. Mira, esto realmente va a animar muy bien aquí. Mira, mirar dentro del editor gráfico y mirar este movimiento aquí va a alcanzar su punto máximo, entonces va a desacelerarse lentamente Por eso hicimos esto con la velocidad del fotograma clave. Muy bien, esta es la siguiente animación y todo lo que voy a hacer es justo debajo de esto para poder ver los resultados finales. 10. Configuración final de la animación: Después de renderizar las animaciones, continúe y presione la barra espaciadora y mire el resultado final. Como puedes ver, las cosas se ven geniales, todo se ve bastante nítido. Y claro, hay mucho que puedes hacer con el movimiento de la cámara, pero esto es solo una idea aquí. Muy bien, voy a mover la hora actual indicada a, digamos los 8 segundos aquí. Voy a presionar la letra N en el teclado para establecer el final del área de trabajo a la hora actual Reliquia y recortar la composición al área de trabajo Muy bien, esto es todo lo largo de la animación lo que puedes hacer es antes de renderizar esto, puedes volver a las opciones de renderizado y mover el control deslizante hasta el extremo si quieres tener una animación muy nítida. 11. Gracias: Muchas gracias por pasar tiempo conmigo. Comprender cómo combinar ilustración junto con los efectos posteriores y crear impresionantes animaciones en tres D. Comunícate si tienes alguna pregunta o comentario sobre el curso. Será genial saber de ti.