How do I create GIF images with this template?
In After Effects, simply drag and drop your shape animations in place as is shown in the video tutorials. When you’re done you may render the animation result in lossless .mov format.
Open Photoshop and then go to File > Import > Videoframes To Layers.. And browse to your freshly rendered .mov file. Open it and when a popup box pops up, just click ok.
Now in Photoshop you could still mess around with the resolution if you want to. But let’s say you want to export it as GIF right away.
Go to File > Save for Web and Devices. Pick your settings and press the “Save..” button. And that’s it!
Make sure your .gif is never above 2mb, because this will considerably slow down a website for some users. Keep the dimensions low and mess around with the .gif export settings in the “Save for Web and Devices” menu(you can easily get the quality slider down to reduce size).