[Eng-Esp] Making an animated X that levitates. -- Haciendo una X animada que levita.

in Nerday2 months ago

Making an animated X that levitates.

Haciendo una X animada que levita.


Greetings my dear reader friends, today again I return to my desire to learn how to use Adobe after effects and Illustrator so I tried to create something simple and beautiful, a pierced X that levitates by some strange alien power, or at least that's what I imagined.

Saludos mis queridos amigos lectores, el día de hoy nuevamente retorno a mi deseo de aprender a utilizar Adobe after effetcs e Illustrator así que intente crear algo simple y bonito, una X agujereada que levita por algún extraño poder alienígena, o por lo menos eso fue lo que imagine.

Xanimada.gif


The design of this X does not require much complication because it is a figure with images made by means of rectangles and circles placed in such a way that they give the impression of depth and then I joined by means of the pen tool the lateral spaces creating the general piece.

El diseño de esta X no requiere mayor complicación debido a que es una figura con imágenes realizadas mediantes rectángulos y círculos colocados de tal manera que den la impresión de profundidad y luego uní mediante la herramienta de pluma los espacios laterales creando la pieza general.


As I saw that the X was a little simple and when I added animation it wouldn't look so impressive I added a circle which with some effects and filters I turned into a sphere. With the finished piece in Illustrator I exported it to AE and then I edited some position frames to the X and the sphere although I offset the sphere to give that sensation of magnetic power. Finally I added to the shadow a small change of proportion according to the rise and fall of the X and that's it!

Como vi que la X quedo un poco simple y cuando le agregara animación no se vería tan impactante le agregue una circulo el cual con algunos efectos y filtros volví esfera. Con la pieza terminada en el Illustrator la exporte a AE y luego le edite alguno frame de posición a la X y a la esfera aunque desfase a la esfera para que diera esa sensación como de poder magnético. Por ultimo agregue a la sombra un pequeño cambio de proporción según la subida y la bajada de la X y listo!


I just had to export the files and transform it into an infinite Gif with PhotoShop. I leave you a little step by step with the images of the evolution of this X that levitates.

Solo me quedo exportar los archivos y transformarlo en un Gif infinito con PhotoShop . Les dejo el un pequeño paso a paso con las imágenes de la evolución de esta X que levita.

1.jpg

2.jpg

3.jpg

haciedo una X.jpg

4.jpg

5.jpg

Xanimada.gif


I hope you liked the result, maybe I will make some more letters, if you want to tell me which letter you would like me to use in my next post. Thanks for reading until the end love you @shirahoshi!

Espero que el resultado les gustara, tal vez me anime a realizar algunas letras más, si quieres dime cual Letra quisieras que use en mi próximo post. Gracias por leer hasta el final los quiere @shirahoshi!

Logo sin sombra.gif



The Step by Step Gif was made by me in AdobePhotoshop CC2014.

El Gif de Paso a Paso fue realizado por mi en AdobePhotoshop CC2014.


The logo was designed by me in Adobe Illustrator CC 2015 and its animated version was made in After Effects CC 2017.

El logo fue diseñado por mí en Adobe Illustrator CC 2015 y su versión animada la realice en After Effects CC 2017.


Language corrector used Deepl.

Corrector de idioma utilizado Deepl.

My social networks-Mis redes sociales

Sort:  

Manually curated by brumest from the @qurator Team. Keep up the good work!

Thank you for your support @brumest