: GIF - How to create a colour-filling translation effect inside a logo I would like to create a loading icon that show the app is loading the page. I would like to use our logo and animate

@Lengel450

You can do this in photoshop pretty easily using layer styles, plenty of tutorials around so I won't go into too much detail here, but what you need to do is create your logo as a vector shape layer and have a transparent background layer below it.

You can then use gradient overlay in the layer styles panel (double click the layer) to apply your colour.

The idea is that the first frame of your animation is your grey logo, and the final frame shows your full gradient overlay.

to save it as a .GIF , just go to

file>save for web> and choose .GIF in the options, you can also set it to loop here too if you wish.

Go ahead and do this tutorial to further understand the techniques required:
webdesign.tutsplus.com/articles/create-your-own-animated-pre-loader-in-photoshop--webdesign-8542

Vote Up Vote Down