Proposed 3D Loading Animation for Utopian.io

I am not really an expert in making 3D animation and the only software I use for most of my work is Adobe Photoshop (currently I only have Adobe Photoshop CS6). This is my very first work in making a 3D animation and I decided it will be a contribution for @utopian-io:

This is my proposed 3D loading animation made from the @utopian-io logo that could have different use-cases:

• Use in mobile app loading screens (if/when Utopian.io mobile app is released).
• Use in videos about Utopian.io.
• Use in website when a page or element is being loaded.
• Etc.

You can also check out this transparent GIF version I made of it with a dark grey matte:

Here's what the steps look like, this GIF is made out up of 11 individual layers of the 3D logo captured from multiple angles.

This animation was created using the Timeline function of Adobe Photoshop CS6. I have provided the .PSD files in this post where the 3D files are still intact; which can be used to improve the created animation using different software (e.g: Adobe After Effects). Anyone is free to use the said files available for download. If anyone is to use them, please credit back here and to @utopian-io.

A Snap of the Workspace:

Resources:

• Here's the .PSD file for creating the 3D Utopian.io Logo from my Google Drive.
• Here is the .PSD of the animated GIF from my Google Drive.
• Individual .png images of the layers used:
  
  
  
  
  
  
  
  
  
  
  

I also tried creating a golden one but I accidentally cropped one of its layers:

• Here's the .PSD file for creating the Golden 3D Utopian.io Logo from my Google Drive.

---

Thanks for taking the time to read through my post and work. I hope you enjoyed it! What do you think of my 3D animation?

---

Open Source Contribution posted via Utopian.io

---