Psychodelic Hive logo Animation / Animacion Psicodelica del logo de Hive blog [ENG - ESP]
Hello Hive Community!
Espero estén pasando un lindo día, el día de hoy me gustaría mostrarles los paso con los que hice esta animación para nuestro preciado logo.
La animación consiste en ir cambiando el valor de saturación de 10 en 10 hasta llegar al otro extremo de la barra, cada cambio lo guardaremos como una imagen diferente.
I hope you are having a nice day, today I would like to show you the steps with which I made this animation for our precious logo.
The animation consists in changing the saturation value by 10 in 10 until we reach the other end of the bar, each change we will save as a different image.
El primer paso como base es aplicar un gradiente al fondo ya que este será el protagonista de la animación.
The first step as a basis is to apply a gradient to the background as this will be the protagonist of the animation.
Ahora añadimos el logo de Hive Blog
Now we add the Hive Blog logo
Duplicamos las letras y las colocamos justamente detrás y le aplicamos un desenfoque Gaussiano muy suave para obtener ese efecto de que las letras están brillando.
We duplicate the letters and place them just behind and apply a very soft Gaussian blur to get that effect that the letters are glowing.
Ahora crearemos una sombra usando la herramienta gradiente radial y este tipo de paleta
Now we'll create a shadow using the radial gradient tool and this type of palette
Nos quedara esta pequeña mancha circular la cual volveremos más plana para poder dar el efecto de profundidad a la imagen de que el logo se encuentra en el aire.
We will have this small circular spot which will become flatter to give the effect of depth to the image that the logo is in the air.
Traemos de regreso el logo y aplicamos una capa de saturación que solo afecte al fondo
Como pueden ver si cambian aquí el valor la imagen ira cambiando de color, y esto es lo que queremos.
As you can see if you change the value here the image will change color, and this is what we want.
Cargamos archivos en pila ya teniendo todas las imágenes guardadas de los diferentes valores de la capa de saturación. Y presionamos crear animación de cuadros.
We load files in a stack already having all the images saved of the different values of the saturation layer. And we press create frame animation.
Cargamos archivos en pila ya teniendo todas las imágenes guardadas de los diferentes valores de la capa de saturación. Y presionamos crear animación de cuadros. Seleccionamos todas las capas y crear cuadros a partir de capas.
We load files in a stack already having all the images saved of the different values of the saturation layer. And we press create frame animation. We select all the layers and create frames from layers.
Y para terminar justamos el tiempo que queremos que tenga cada animación y exportamos.
And to finish off, we just give each animation the time we want it to have and we export it.
Y listo, ya con eso logramos que nuestra animación tuviera ese efecto psicodélico, espero les haya gustado y pasen un excelente día, recuerda mantenerte en casa.
And that's it, with that we achieved that our animation had that psychedelic effect, I hope you liked it and have a great day, remember to stay at home.