Utopian.io Logo UI Splash Page Animation for Any Device =)

in utopian-io •  11 months ago

Hi Utopians / Steemians!!!

I'm back again with another animation. This time it's a logo splash page animation for Utopian.io

I was thinking of something cool that would play if you where to launch a Utopian.io App or UI...something like that.
There are apps out there with killer splash pages or loading screens so why not make something similar for Utopian.

This animation could also potentially continue on as an infinite loop as a holding page or living background image.

Everything is original including sound design. I've added a breakdown of my steps below.

I created this in 3 stages.

Stage 1: 3D (Cinema 4d and Particle System Using Xparticles)

Step 1:

Re-creating the Utopian.io as a 3d Model. Found the Logo Vector File on Google Search.

Screen Shot 2017-12-07 at 17.55.36.png

Step 2:

Adding the Particle System

Screen Shot 2017-12-07 at 17.55.53.png

Step 3:

Tweaking the Particle System to Follow the Surface of an Invisible Sphere Surrounding the Logo

Screen Shot 2017-12-07 at 17.56.11.png

Step 4:

Checking the Lighting and the Particle System Look and Feel

Screen Shot 2017-12-07 at 17.56.49.png

Stage 2: Post Production (Adobe After Effects)

Step 1:

Building the Particle Earth System

Screen Shot 2017-12-07 at 17.59.51.png

Step 2:

Adding Camera Lens Blurs / Glows / Transfers

Screen Shot 2017-12-07 at 18.00.10.png

Step 3:

Adding the Utopian.io Logo Glow Event

Screen Shot 2017-12-07 at 18.00.32.png

Step 4:

Tweaking Inner Logo Outlines

Screen Shot 2017-12-07 at 18.00.48.png

Stage 3: Editing and Adding Sound Design (Adobe Premiere)

Screen Shot 2017-12-07 at 17.54.39.png

Well that is about it, here is a still of the final work:

Screen Shot 2017-12-07 at 18.30.55.png

Hope you all loved my Utopian.io UI Splash Animation.

Watch. Upvote. Resteem. Love. Feedback most welcome =)

Here are my original files:

After Effects Compositing Project Files:

3D Cinema4d Project Files:


Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

the logos colors/blending mode needs some fix and in my opinion if the logo appears at the end while the background fades to black it would look better than the current version.
after seeing a template video get lots of undeserved attention, it's great to see original work like yours on utopian.io


thanks for the feedback! much appreciated. I do get what you mean about the logo. No excuses but it was done at speed. The lesson here is to pace myself =)

after seeing a template video get lots of undeserved attention, it's great to see original work like yours on utopian ho......

Thank you for the contribution. It has been approved.

You can contact us on Discord.

Hey @cryptocreative I am @utopian-io. I have just upvoted you!


  • This is your first accepted contribution here in Utopian. Welcome!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!


Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Really awesome, hope this gets used, although maybe a fade at the end or is that just the way the video ends?



Thanks dude! That is the way the video ends. Wanted it to be a sudden close. If you think about it splash pages just pop off, like apple or Samsung.