Hermosa Licuar el Logotipo de Animación en After Effects

abduzeedoJan 24, 2020

He estado yendo a través de los viejos tutoriales para solucionar algunas de las imágenes que pueden ser rotos o con el viejo formato. El blog ha cambiado bastante desde que empezó hace 12 años. Es increíble ver cómo muchos tutoriales para Photoshop que hemos escrito y cómo algunos de ellos se pusieron de pie la prueba del tiempo. Uno de ellos fue el Hermoso Efecto de Agua en Photoshop. Me encanta el tutorial, y me dio la motivación que necesito para seguir estudiando Después de los Efectos. Mi objetivo era intentar reproducir el efecto con algo de fresco de movimiento a la misma. Con eso, me gustaría compartir un poco de After Effects tutorial sobre cómo he conseguido el resultado.

Un poco de responsabilidad, no soy un pro con After Effects, por el contrario, estoy aprendiendo, y mi objetivo es compartir el paso a paso de las cosas que descubrir a lo largo del camino. Estoy seguro de que hay formas más naturales o mejores maneras de grandes recursos, este de aquí es un poco de mi camino de aprendizaje.

After Effects Tutorial

Paso 1

La primera cosa a hacer es tratar de entender cómo mucho en común After Effects y Photoshop tienen. En Photoshop este efecto es bastante simple, se utiliza un mapa de desplazamiento. Para mi sorpresa, Después de que los Efectos también tiene uno.

Así que vamos a conseguir esto comenzó. Crear un nuevo proyecto y agregar una nueva composición. Composición>Nueva Composición.

Paso 2

Para mi una imagen de Photoshop, he utilizado una foto de las olas del mar. Así que ahora tenemos que encontrar un vídeo para este proyecto. Es increíble cómo las cosas semejantes se siente cuando empecé a hacer tutoriales para Photoshop. Fue difícil encontrar recursos de alta calidad, no teníamos Unsplash de vuelta en el día.

Ahora por la fotografía, tenemos una gran cantidad de excelentes lugares. Para el vídeo, la historia es un poco diferente. Empecé este proyecto con una muestra para Adobe Stock, sin embargo, después de buscar he encontrado un lugar adecuado, se llama Pexel Videos. El clip que estoy usando es a partir de ahí, se titula Close-Up de Vídeo De Ondas de Agua por Stas Manzana.

Paso 3

Descargar el video y arrástrelo hasta el panel Proyecto. En el panel Proyecto, seleccione el clip y presiona “Enter” para cambiar el nombre de ella. Me gusta mantener los nombres cortos. Acabo de llamar a la mina “Océano”.

Después de eso, arrastre el “Océano” clip a su composición panel línea de tiempo. De esa manera se obtiene centralizado automáticamente.

Paso 4

Vamos a cambiar la opacidad al 90%. En la línea de tiempo, expanda el Océano objeto, la expansión de Transformación, y verá la Opacidad. Sólo la vuelta a 90%

Paso 5

Ahora vamos a ajustar los colores. Vaya a Efecto>Corrección de Color>Tono/Saturación. Reducir la Saturación a -100.

Paso 6

Vamos a ajustar los Niveles de ahora para eliminar la grisácea mirada. Vaya a Efecto>Corrección de Color>Niveles. Utilice los siguientes valores.

Paso 7

Vamos a importar la obra de arte que queremos utilizar para el efecto de desplazar. Estoy utilizando el logotipo de Abduzeedo. Mi logotipo en formato vectorial en Illustrator. Importación a After Effects es sencillo. De nuevo, no sé si es el camino correcto, pero esto es como yo lo hice.

Seleccione los vectores en Illustrator y copia.

Después de los Efectos de añadir una nueva capa sólida. Para el nombre del Logotipo y asegúrese de que el color de la capa es de color blanco.

Pegar el logo en la composición como una ruta de acceso de la máscara, y eso es todo.

Seleccione la capa en la línea de tiempo e ir a Capa>Pre-Componer. La razón de esto es que si quieres reemplazar los caminos más tarde, usted puede hacerlo sin tener que preocuparse acerca de la línea de tiempo, imaginar Objetos Inteligentes en Photoshop.

Paso 8

Tiempo para añadir un poco de magia, al menos se siente como que para mí. Una cosa que me encanta de After Effects es que tiene algunos trucos, por ejemplo, los Efectos y ajustes Preestablecidos del panel tiene un cuadro de búsqueda. Así que usted puede escribir el Desplazamiento y la pluma, usted encontrará lo que usted necesita. En nuestro caso el Mapa de Desplazamiento. También se puede encontrar a través del Efecto>Distorsionar>Mapa de Desplazamiento.

Asegúrese de que el Logotipo de la capa se seleccione y haga doble clic en el Mapa de Desplazamiento opción. Notará que en la parte izquierda hay un nuevo panel de Controles de Efecto. Vamos a ajustar estos números para aplicar el efecto a nuestra capa.

Para la Capa del Mapa de Desplazamiento seleccione la capa Oceánica.

Ajustar el Max Horizontal y Desplazamiento Vertical. Según en el logo y la distorsión cuánto desea. Lo bueno es que se puede animar a estos valores también. Voy a mostrar un ejemplo en el final.

Paso 9

Para hacer más realista, duplicar la capa Oceánica y reordenar, por lo que es en la parte superior del Logotipo de la capa. Después de que cambie el Modo de fusión a Multiplicar. Después de que cambiar la opacidad al 70%.

Paso 10

El efecto es bastante mucho por hacer, pero también puedes probar a añadir un poco de degradado radial para centrar todo en el centro de la composición. No he encontrado una manera fácil de agregar uno, pero aquí está mi hacky manera.

Crear una nueva composición. Asegúrese de que el fondo es negro

Añadir una nueva capa sólida de color blanco.

Con la Herramienta Elipse Q agregar un Círculo en el centro. Es la máscara de la capa blanca.

Vaya a Efecto>Desenfocar y Enfocar>Desenfoque Gaussiano. Aplicar un valor significativo de acuerdo con el degradado que desea.

Paso 11

De vuelta a la composición principal. Arrastre el Gradiente de composición a la línea de tiempo, debajo del logo, pero por encima de la capa Oceánica. Cambiar el Modo de fusión a Superponer.

Paso 12

Eso es todo. El efecto necesario se hace. Lo que puede hacer ahora es tratar de animar el dentro y fuera de la composición. Usted puede hacer que por medio de modificaciones en algunos de los valores de los desplazamientos, por ejemplo:

Seleccione el Logotipo y el ir a Controles de Efectos>Filtro de Desplazamiento.

Asegúrese de que la línea de tiempo está en la 0s. Y haga clic en el pequeño Reloj de Tiempo/ reloj icono junto a Max el Desplazamiento Horizontal y Max Desplazamiento Vertical.

Mover la línea de tiempo de 3s y agregar fotogramas clave. Es el pequeño icono en forma de rombo en el lado izquierdo

Mover a 7s y agregar más fotogramas clave

Mueve el cursor al final de la línea de tiempo y añada dos más fotogramas clave. Para estos, cambiar los valores de los desplazamientos a 300.

Mueve el cursor al principio y cambiar los valores de desplazamiento a 300 así.

Seleccionar todos los fotogramas clave, a continuación, con el botón derecho del mouse seleccione Asistente de fotogramas clave y, a continuación, seleccione la Facilidad Facilidad.

Paso 13

Vamos a hacer el océano fade in y fade out. Para hacerlo es muy sencillo.

Seleccione la Capa Oceánica y vaya a la 0s de la línea de tiempo. Expanda la capa y seleccione Transformar>Opacidad.

Haz clic en el pequeño icono de cronómetro para añadir un fotograma clave.

Mover a los 2s de tiempo y haga clic en el “añadir fotograma clave” icono en forma de rombo.

Mover a 8s y agregar otro fotograma clave.

Mueve el cursor al final de la línea de tiempo y cambiar la opacidad al 0%. Se agregará automáticamente un fotograma clave.

Seleccionar todos los fotogramas clave, a continuación, con el botón derecho del mouse seleccione Asistente de fotogramas clave y, a continuación, seleccione la Facilidad Facilidad.

Con los fotogramas clave seleccionados, copia de ellos. Seleccione el Logotipo de la capa, vaya a la Opacidad y pegar a replicar los fotogramas de la capa.

Conclusión

El efecto es bastante hecho. Usted puede ajustar el tiempo y añadir más delicadeza. Que para mí es la parte más difícil, así que diviértete y háganos saber si usted tiene alguna pregunta.