This Instagram GIF Icon consists of 45 after effects layers, 30 shape layers, 1 solid layer, and 12 duplications a pre-composition.
1. Our Instagram GIF starts from a completed logo. Instagram logo font letters close to each other with position property as they reshape to circles. This happens as the flash of the Instagram Logo rotates a full circle clockwise, around the camera lens of Instagram Logo.
2. After Instagram GIF font letters turn to circles, close together and bounce back, they move on a circular path to act as rays around the sun which was the camera lens. The camera flash makes way for the top sun ray to move, then comes back to its original place
This happens as the camera body of Instagram Logo scales up and down as a picture frame for the sun.
3. After sun rays and the photo frame get in place and bounce back, they come back to their starting point. This creates a perfect motion graphics GIF infinite loop.
I used the track matte effect on duplicates of Instagram background to have a single background pattern all over different areas. I also used another track matte of the camera body inside, to change the colors of sun rays or Instagram font letters only when they are inside the camera area.
The 6-color Instagram gradient logo is available but it has too many colors for GIFs so I exported the GIF with black (#262626) background. You can have the original Instagram colors by hiding the black solid layer (named #262626) in the “logo shape bg colors” composition.
This Instagram Animated Icon lasts 330 frames or 6 seconds and 30 frames in 50 frames per second.
This Instagram GIF Icon is available in 350px and 16 colors GIF, 1080px and 64 colors GIF, and After-Effects project file.
Feel free to download the after-effects project to infinitely resize and customize after-effects shape layers.
You can use this Instagram Icon GIF or after-effect project to practice or use in your non-commercial and commercial projects. Without the need to attribution under our simple license.