Animación 3D en movimiento: los gráficos

• Abril 23, 2024

La animación en 3D puede ser confusa, pero Apple Motion tiene controles fáciles de usar que lo ayudan a crear animaciones de grado profesional. En los próximos tutoriales, crearemos una introducción simple con un mensaje para la temporada navideña.

Este movimiento^R El proyecto tiene un poco de todo para la temporada. La imagen de fondo Bokeh es una composición de varias fotografías libres de derechos. El texto animado se crea en Photoshop.^R y animado en movimiento. Las luces animadas se agregan usando la herramienta Forma de movimiento y algunos comportamientos.

A excepción de la animación de luces, todos los demás elementos de diseño se pueden crear en un gráfico de Photoshop en capas que luego se puede importar fácilmente a Motion, manteniendo la jerarquía de capas.

La animación

La animación comenzará con el texto de las vacaciones saliendo de la nieve, dejando la hendidura en la nieve. El texto continuará subiendo hasta que quede vertical y luego continuará retrocediendo hasta que casi toque la nieve detrás de él. Finalmente, se elevará nuevamente hasta que quede vertical y luego se detendrá. La parte difícil de la animación será sincronizar el movimiento del texto con el movimiento de las letras de sombra. Como el movimiento de la carta debe reflejarse en la sombra. Otro desafío será crear algunos círculos de colores, haciendo coincidir el color de la luz Bokeh debajo y animando a los círculos a parpadear de manera realista. La última parte de la introducción será el nombre de la compañía que se desvanece para ver junto a la campana verde.

Los elementos graficos

Este tipo de texto animado se puede crear con varias opciones en Motion. Puede usar la herramienta Texto para crear el texto dentro de Motion o importar gráficos de texto. Debido a que las letras en el mensaje de vacaciones de este proyecto contienen algo de hoja perenne y bayas y esos elementos deben moverse con el texto, fue más fácil crear en Photoshop e importar los gráficos en Motion. Sin embargo, si su proyecto se puede crear con la herramienta de Texto en movimiento y desea un desafío, otra opción sería usar la herramienta de Texto para crear el texto y el seguimiento para sincronizar el texto con el gráfico de bayas.

La imagen de fondo se realizó a partir de dos fotografías. El tipo Bokeh se ilumina con la capa de nieve y la campana verde. Debido a que la animación ocurre sobre la nieve, el 'horizonte' de la nieve con el Bokeh fue importante al elegir la imagen. La campana verde se aisló de su fotografía original y el borde inferior se borró con una herramienta Borrador de bordes suaves, dando la ilusión de que la campana se está colocando en la nieve.

Hay cuatro capas de texto: las letras rojas, las letras sombreadas detrás del texto y las letras de sangría 3D en la nieve forman el mensaje de vacaciones. La cuarta capa contiene tanto el nombre de la empresa como la sombra del texto. El estilo de la capa de texto tiene una superposición de color rojo y una sombra interior agrega un ligero efecto 3D al texto. El gráfico de sombra se realizó a partir de una copia de la capa de texto del mensaje, que se cambió a un color negro, se rasterizó y luego se aplicó un filtro Gaussian Blur con un Radio de 2.5 píxeles. La opacidad de la capa se redujo al 32%. Finalmente, la sangría de nieve de texto se creó con una combinación de Bisel y Relieve, Trazo, Sombra interior y Superposición de color.

Una vez que se crearon estas cuatro capas de texto, llegó el momento de colocarlas encima de la capa de fondo. El mensaje se colocó primero y el texto sombreado se colocó en una capa debajo y el texto de sangría en una capa arriba, con solo los bordes inferiores de la y tocando. La herramienta Perspectiva (Editar - Transformar - Perspectiva) se usó para aplanar la sombra y el texto de sangría, dando la ilusión de que están tendidos en la nieve.

Ejemplo de tutorial:


Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie y Mac son marcas comerciales de Apple Inc., registradas en los EE. UU. Y otros países. CoffeBreakBlog es una publicación independiente y no ha sido autorizada, patrocinada ni aprobada por Apple Inc. Capturas de pantalla utilizadas con permiso.

Instrucciones De Vídeo: Animation, Motion Graphics, GameDev Demo Reel 2016 - Dorian Rodríguez (Abril 2024).