Drop it Like it's hot!
It all started when I listened to the remix of this song by the producer "Crankdat." I really loved what he did with the track, and it immediately sparked the desire to create a personal project. At first, I didn’t even know where to begin, but I knew I could test new skills, explore a different animation style, and challenge myself to create something cool with it.
Tudo começou quando eu escutei o remix dessa música feita pelo produtor "Crankdat", eu realmente adorei o que ele fez com a música, o que automaticamente me despertou a vontade de fazer algum projeto autoral, só que no começo não sabia sequer por onde começar, mas sabia que poderia testar novas habilidades, um novo estilo de animação e me desafiar para fazer algo legal com isso.
That’s when I had the idea to test a new technique, a mix of fake 3D + parallax, to create the classic bunny hop with an iconic lowrider car. After finding a way to achieve this effect in After Effects, I felt like the background needed more contrast and action, so I decided to add some text animations to make the project even better.
Assim, tive a ideia de testar uma nova habilidade, uma espécie de fake 3d + parallax para fazer o clássico bunny hop com um carro ícone da cultura lowrider. Depois de encontrar um caminho de fazer esse efeito dentro do after effects, senti que faltava contraste e mais ação no background da animação, foi quando decidi adicionar algumas animações de texto para deixar o projeto ainda melhor.
Behind the scenes ↓
First things first.
The first step was to prepare the background and separate the parts of the car that would be animated.
O primeiro passo foi preparar o background e separar as partes do carro que serão animadas.
To animate the lowrider, I divided it into three parts: the wheel, the bumper/hood, and the windshield. It's this division that allows me to work with the parallax effect.
Para fazer a animação do lowrider, eu dividi ele em 3 partes, a roda, o parachoque/capô e o parabrisa. É justamente essa divisão que me possibilita trabalhar com o efeito do parallax.
A detail that made a total difference was adding a shadow underneath and animating it to react to the car's movement, following the same light source on the ground.
Um detalhe que fez total diferença foi adicionar uma sombra embaixo dele e fazer uma animação dela reagindo ao movimento do carro, seguindo o mesmo foco de luz no chão.
Bunny Hop!
A detail that made a difference during the bunny hop was the addition of a slight fisheye effect using the "warp" as the car jumps. This effect enhances the fake 3D sensation.
Um detalhe que fez a diferença na hora do bunny hop foi a adição de um leve efeito fisheye, através do "warp" no momento que o carro está pulando, esse feito ajuda na sensação do fake 3D.
Here’s a comparison: without the effect applied (left side) and with the effect applied (right side).
Aqui está uma comparação sem o efeito aplicado (lado esquerdo) e com o efeito aplicado (lado direito).
Another detail that stands out is the shading on the rear wheels, which helps bring a greater sense of depth to the car (we have to remember that this is just a 2D PNG image, so every little detail counts when it comes to turning it into 3D!).
Outro detalhe que chama a atenção é o sombreamento das rodas traseiras, para trazer uma sensação maior de profundidade ao carro (temos que lembrar que isso aqui é somente uma foto png 2D, então todo detalhe conta na hora de transformar isso em 3D!)
One last detail I want to highlight is the 1-frame overlap between the movement of the bumper and the front wheels! Can you notice the difference?
Um ultimo detalhe que quero destacar é o overlapping de 1 frame entre o movimento do bumper com o das rodas da frente! Consegue perceber a diferença?
Let's talk more about this one ↓
Collors + Contrast + Motion
I was already happy with the bunny hop, but I still felt like something was missing. That's when I decided to add more colors through gradient animation + contrast (with the ball interacting with the text) + movement (with the text moving in different directions from the car).
Eu já estava satisfeito com o bunny hop, mas ainda sentia que faltava algo, foi então que decidi trazer mais cores, através da animação do gradiente + contraste (através da interação da bola com o texto) + movimento (através do texto se movimento em direções diferentes da do carro).
With the addition of these three elements, the project is finished, and anything beyond that would just be pure perfectionism on my part.
Com a adição desses 3 elementos, o projeto está finalizado, e qualquer coisa além disso seria puro perfeccionismo da minha parte.
