Crear una impresionante animación en 3D trazada

En este tutorial, te explicaré cómo crear algunos efectos de trazo extruidos solo con After Effects. Este efecto puede ser usado efectivamente en cualquier logo. Tendrá la libertad de elegir entre las capas extruidas, los trazos animados y las capas planas. Además, te mostraré cómo falsificar el efecto de destello para dar más profundidad al resultado.


1. Creando la Base del Logo


Paso 1

Crear una nueva composición.



Paso 2

Hacer una nueva capa de ajuste.


Renombrarlo a Controladores.


Paso 3

Aplicar un Control de expresión de casilla de verificación en esta capa.



Etapa 4

Duplicar el Control de casilla de verificación 12 veces y cámbielas como se puede ver en la imagen.



Paso 5

Haz otra composición para tu logo..



Paso 6

Inserta tu logo.


He utilizado este logotipo para los patrones de color que se requerirán en los siguientes pasos.


Paso 7

Una vez más, hacer otra composición para las capas de color..



Paso 8

Arrastra tu Logo composición dos veces en esta composición.



Paso 9

Aplica el Gama de colores efecto sobre la capa superior.



Paso 10

Selecciona solo el color blanco en el logo..



Paso 11

Escoger Alfa invertida mate desde la capa inferior.



Paso 12

Pre-compone estas dos capas y nómbrelas Blanco.



Paso 13

Arrastra en dos copias más de la composición del logo..



Paso 14

De nuevo, aplique el Gama de colores efecto en el 1er Logo capa y esta vez seleccione sólo el color negro.



Paso 15

Seleccionar Alfa mate Desde el logo inferior, precompíralos y nómbralos. Colores.



Paso 16

Arrastra una capa más de Logo composición y aplicar el Llenar efecto para ello.



Paso 17

Ahora, precompónalo y nómbralo. Negro. Es importante seleccionar el color blanco como el Llenar efecto.



Paso 18

Arrastra dos capas más de la Logo comp debajo de estas capas.



Paso 19

Repita las acciones del Paso 14 para seleccionar el color negro, pero seleccione Alfa invertida mate.




Paso 20

Pre-componer y nombrarlo Sólo negro



Paso 21

Duplicar el Color capa y Blanco capa. Ahora debería tener un total de 6 capas en esta composición en general. Renombrarlos en consecuencia.



Paso 22

Buscar el Las Vegas Efecto en el panel de efectos..



Paso 23

Aplícalo en la primera. Blanco capa y mantener la siguiente configuración.



Paso 24

Para configurar los fotogramas clave en la línea de tiempo, use la siguiente configuración.



Paso 25

Aplica el Las Vegas efecto sobre el segundo Colores capa y utilizar la siguiente configuración.



Paso 26

Nuevamente, para los fotogramas clave en la línea de tiempo, use la siguiente configuración.



Paso 27

Aplica el Las Vegas efecto sobre el tercero Negro capa junto con la siguiente configuración.



Paso 28

Use los siguientes ajustes para los fotogramas clave en la línea de tiempo.



Paso 29

Alt-Click en el cronómetro de Opacidad para mostrar las opciones de la primera Blanco Capa y usa la siguiente expresión.
c = comp ("Comp. principal"). Capa ("Controladores"). Efecto ("Trazo blanco") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0



Paso 30

Repita el paso anterior en cada capa una por una y use las expresiones como se mencionó.
Para el color
c = comp ("Comp. principal"). Capa ("Controladores"). Efecto ("Trazo de color") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Para negro
c = comp ("Comp. principal"). Capa ("Controladores"). Efecto ("Trazo negro") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Solo para blancos
c = comp ("Comp. principal"). capa ("Controladores"). efecto ("Sólo blanco") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Solo para color
c = comp ("Comp. principal"). capa ("Controladores"). efecto ("Solo color") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Solo para negro
c = comp ("Comp. principal"). capa ("Controladores"). efecto ("Sólo negro") ("Casilla de verificación")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Con estos pasos completados, hemos terminado con los ajustes básicos de nuestro proyecto..


2. Configuración de la composición principal


Paso 1

Soltar esto Color capa comp en el Principal composición. Renombra esto a Parte superior. Hacer una nueva Sólido y aplicar el Rampa Efectuarlo junto con los siguientes ajustes.



Paso 2

Copia la capa superior y renómbrela a Logo 001. Hazlos en capas 3D.



Paso 3

Aplica el Llenar efectuar en Logo 001.



Etapa 4

Traer el Opacidad opciones y pegar la siguiente expresión en Logo 001.
c = thisComp.layer ("Controllers"). effect ("Extrude") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0



Paso 5

Traer el Posición opciones de la Logo 001 Capa y pega la siguiente expresión.

desplazamiento = 1;
p = thisComp.layer ("Top")
offsetInterval = Math.abs (index-thisComp.layer ("Logo 001"). index);
[p.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];



Paso 6

Ahora haz 50 duplicados de la Logo 001 capa.


Esto falsificará la extrusión en el logo..


Paso 7

En la sección anterior, hicimos 3 capas llamadas Solo color, Sólo negro Y Blanco. Insértelos debajo del Logo 001 Capa y hazlos en capas 3D.



Paso 8

Traer su Opacidad opciones y pegar las siguientes expresiones una por una.

Solo para color
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Colors") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Para el blanco
c = thisComp.layer ("Controllers"). effect ("Logo BG Color White") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0


Solo para negro
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Black") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0



Paso 9

Trae uno más Logo capa, conviértalo en una capa 3D, y resalte su Opacidad Opciones para pegar la siguiente expresión..
c = thisComp.layer ("Controllers"). effect ("BG Logo") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)

opacidad = 0



Paso 10

Aplicar un Control de expresión de posición sobre el Controlador capa. Inserta uno más Logo capa y cambiarle el nombre a Sombra.



Paso 11

Trae su Opacidad opciones y pegar la siguiente expresión en Sombra capa.

c = thisComp.layer ("Controllers"). effect ("Enable Shadows") ("Checkbox")
si (c == 1)
opacidad = 100
else if (c == 0)
opacidad = 0



Paso 12

Aplicar CC Radial Blur y el Tinte efecto con un color negro en el Sombra capa. Recoger látigo el Posición de CC Radial Blur al Posición de la sombra sobre el Controlador capa.



Paso 13

Ahora haz pocas copias de la Sombra Capa y cambia la configuración ligeramente como puedes ver en las imágenes de abajo.



Paso 14

Copia el Posición de Logo 050.


Pégalo en estas capas..



Paso 15

El proyecto está aparentemente listo. Permite comprobar algunos ajustes. Usaré algo diferente Caja Configuraciones para darle diferentes looks..



Paso 16

Como puedes ver, podemos lograr diferentes looks con estos Casillas de verificación. Ahora también podemos cambiar la dirección de la sombra alterando la Posición de la sombra opción.



Paso 17

Aquí hay unos ejemplos.



3. Haciendo bengalas


Paso 1

Hacer una nueva Sólido Más grande en tamaño que el tamaño de la composición.



Paso 2

Aplicar un Máscara lo.



Paso 3

Usa los siguientes ajustes.



Etapa 4

Aquí está una vista previa de la llamarada, pero todavía no se ve bien.



Paso 5

Haz pocas copias de la Llamarada capa y cambiar la configuración ligeramente.



Paso 6

Echemos un vistazo ahora.



Paso 7

Así que la bengala se ve mejor que antes, pero las sombras no se ven reales. Cambiemos su posicion.


Así que ahora hemos terminado con el tutorial. Hemos visto algunos consejos para lograr diferentes looks para su logotipo, sombra y destello. Siempre puede mejorar estas configuraciones aplicando ajustes adicionales en su propio proyecto.


Conclusión

En este tutorial aprendimos cómo lograr un efecto de trazo en diferentes partes del logotipo y animarlos. Además, creamos extrusiones, sombras y destellos para darle un aspecto más realista a la foto para que el producto final se vea genial. Espero que hayas aprendido algunos consejos útiles ... hasta la próxima vez.!