![]() If you want an even simpler loading GIF like an animating circle, square, etc., consider using your brand palette to reinforce your brand. Finally, don’t forget to add the words “loading” in your GIF or GIF artboard. This is an important consideration because it lets users know what your page is doing rather than having them wonder why something is animating on their screen. Here’s a GIF we created and use here at Red Branch Media on our blog. ![]() If you want to make something amazing, you need to get inspired. This will not only ignite your passion to create something awesome as well, but you can see what your fellow designers are creating too. Even CollegeHumor provides “ 24 Mesmerizing Loading Icons That’ll Make You Drool”Īfter you get that inspirational spark, set out to create your own handcrafted animated GIF.Best loading animation GIFs from Grasp Hub.10 cool loading animated GIFs from Smashing Hub.Here are some of my favorite loading GIF examples below: Google, look through design blogs and flip through Pinterest. I recommend setting your artboards in After Effects or Photoshop (whichever program you prefer) as a square, and always exporting your GIFs with a transparent background. Square images are great for web developers because they can be easily centered and configured. ![]() When you start creating your animations, adding physics will give your GIFs a more appealing aspect. For example, notice how each circle in the Marenated loading GIF above scales up from the center. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |