This animation was a simple little farewell gift to the team at Five by Five after my time working there. I wanted to incorporate their logo into a thank you message.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/11562767-717c-462a-ad76-66c5d9b19735_rw_600.gif?h=c5e39b532b47e7ece9375b2cb396a3cd)
Although the animation begins with the Five by Five logo, I actually started by animating the letters so that I could see how many dots I would need, and where they all needed to start from. I used After Effects' Trim Paths tool to create several offset duplicates in the range of colours, making a rainbow trail effect.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/a2c6ab25-cc2b-44d6-822c-8e5115f0bbfd_rw_600.gif?h=e1d0e697fb40cfc8e4e7f937d14b333a)
Then I used more Trim Paths shapes to form the letters underneath the dot animations.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/5b5d787c-d26a-4ba2-b217-a33f6c405633_rw_1200.png?h=4fc6fa5e5e11bb409d4aacf2ca40ecdd)
Each dot in the logo was animated manually to position them in exactly the right places they needed to be to begin the 'THANKS' animation.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/7da8d6d8-e70f-4f7d-8673-1f9ef82c65b5_rw_600.gif?h=eb656f9577e9f96de8267b58de0eeef1)
The pulsing animation was achieved by animating the stroke width of the letters until it reached the edge of the composition, then duplicating and recolouring this with an offset.