DEV Community

Cover image for Creating Cyberpunk 2077 logo animation with GSAP

Creating Cyberpunk 2077 logo animation with GSAP

Ishanka D Senevirathne on January 06, 2021

Hello, in this article I am going to show you how I managed to create a similar logo animation from the video game Cyberpunk 2077 which was one of...
Collapse
 
ben profile image
Ben Halpern

This is really cool

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Thanks for the feedback, it means a alot πŸ€—

Collapse
 
rizkyrajitha profile image
Rajitha Gunathilake

really awesome animation πŸ”₯πŸ”₯πŸ”₯

Collapse
 
drew_mc profile image
Drew McConville

diagram was very helpful. may need to do that for my sanity next time i touch gsap.

Collapse
 
iharshgaur profile image
Harsh Gaur

Mind-blowing 🀯

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Thanks πŸ‘

Collapse
 
realtoughcandy profile image
RealToughCandy.io

Great work -- looks good. Thanks for sharing!

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Thanks πŸ˜ŠπŸ‘

Collapse
 
heshandissanayake profile image
Heshan Dissanayake

I was looking for the cyberpunk animation, this helps me alot. Thanks man!!

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Much love πŸ€—

Collapse
 
damjand profile image
Damjan Dimitrov

Wow, looks amazing! How much time did this take?

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Thanks, It took like 2-3 days for me πŸ˜…πŸ˜…

Collapse
 
damjand profile image
Damjan Dimitrov

Thanks. I would like to do something similar but with another logo, is there any specific tutorial you followed?

Thread Thread
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

I didn't follow a specific tutorial most of the transitions are experience from my previous projects. There are many youtube videos to learn basics.After that you can learn through examples, mostly I used projects from codepen and analysed them. Try to recreate them and get used to the library, rest is up to your imagination and creativity. The best way to improve your skill when it comes to animations is through trial and error.

Collapse
 
saberglow profile image
Wali Ullah

this is awesome... permission to use this in my Github readme, please? xD

Collapse
 
ishankadsenevirathne profile image
Ishanka D Senevirathne

Thanks, permission granted πŸ˜„πŸ‘