create account

Proposed 3D Loading Animation for Utopian.io by deveerei

View this thread on: hive.blog |  peakd.com |  ecency.com
utopian-io · @deveerei · (edited)
$62.38
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:

![purple-eye-loading.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510198836/q0dq7g9pxvwnwmfoxvld.gif)

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:

![purple-eye-loading-transparent.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510198788/wv97olgpjqitk0b0bonb.gif)

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.

![image trail.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199627/i3niclw68rmjd8khor71.png)

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: <h2>

<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510200533/llnfzvgvbzitlqeqxaot.png)</center>

## Resources: <h2>

- Here's the .PSD file for creating the 3D Utopian.io Logo from [my Google Drive](https://drive.google.com/file/d/1VBNaCzZW1xF1ehrKCJ5w0rscMg6HwouI/view?usp=sharing).
- Here is the .PSD of the animated GIF from [my Google Drive](https://drive.google.com/file/d/1IuYVeG6W_voNwDHopMYt24oTeB5dvj01/view?usp=sharing).
- Individual .png images of the layers used:
![v6b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199912/zayyaffkjkrceqqgyc7b.png)
![v5b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199907/xkq0fdvinvhsebqlzwhr.png)
![v4b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199901/zpkrjrtzdbdk4n3b6uxj.png)
![v3b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199894/nck3ggoeprbfrfkcm8pa.png)
![v2b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199889/bdoxbaseo5x4blt0xkci.png)
![v1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199852/rw75t4ee6ogm5y2v4bng.png)
![v2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199858/cznoklktfktv8nvx72zh.png)
![v3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199863/jo9m5rvntdppq03xebyg.png)
![v4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199870/npxpwvgk50blvstmhrpn.png)
![v5.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199875/l1emqxz9lzholnyjrtkz.png)
![v6.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199880/odxpbcyv0gwnoianybat.png)

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

![gold-eye-loading.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510200003/mld5tqgcxxqm9r5cmafe.gif)

- Here's the .PSD file for creating the Golden 3D Utopian.io Logo from [my Google Drive](https://drive.google.com/file/d/1TFRPFPf_shfaKUJ_0uNOiICNigD96SSS/view?usp=sharing).

***

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?
<br /><hr/><em>Open Source Contribution posted via <a href="https://utopian.io/utopian-io/@deveerei/proposed-3d-loading-animation">Utopian.io</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 16 others
properties (23)
authordeveerei
permlinkproposed-3d-loading-animation
categoryutopian-io
json_metadata"{"community":"utopian","app":"steemit/0.1","format":"markdown","repository":{"id":104593314,"name":"utopian.io","full_name":"utopian-io/utopian.io","owner":{"login":"utopian-io","id":18612062,"avatar_url":"https://avatars2.githubusercontent.com/u/18612062?v=4","gravatar_id":"","url":"https://api.github.com/users/utopian-io","html_url":"https://github.com/utopian-io","followers_url":"https://api.github.com/users/utopian-io/followers","following_url":"https://api.github.com/users/utopian-io/following{/other_user}","gists_url":"https://api.github.com/users/utopian-io/gists{/gist_id}","starred_url":"https://api.github.com/users/utopian-io/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/utopian-io/subscriptions","organizations_url":"https://api.github.com/users/utopian-io/orgs","repos_url":"https://api.github.com/users/utopian-io/repos","events_url":"https://api.github.com/users/utopian-io/events{/privacy}","received_events_url":"https://api.github.com/users/utopian-io/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/utopian-io/utopian.io","description":"Utopian.io React Frontend","fork":false,"url":"https://api.github.com/repos/utopian-io/utopian.io","forks_url":"https://api.github.com/repos/utopian-io/utopian.io/forks","keys_url":"https://api.github.com/repos/utopian-io/utopian.io/keys{/key_id}","collaborators_url":"https://api.github.com/repos/utopian-io/utopian.io/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/utopian-io/utopian.io/teams","hooks_url":"https://api.github.com/repos/utopian-io/utopian.io/hooks","issue_events_url":"https://api.github.com/repos/utopian-io/utopian.io/issues/events{/number}","events_url":"https://api.github.com/repos/utopian-io/utopian.io/events","assignees_url":"https://api.github.com/repos/utopian-io/utopian.io/assignees{/user}","branches_url":"https://api.github.com/repos/utopian-io/utopian.io/branches{/branch}","tags_url":"https://api.github.com/repos/utopian-io/utopian.io/tags","blobs_url":"https://api.github.com/repos/utopian-io/utopian.io/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/utopian-io/utopian.io/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/utopian-io/utopian.io/git/refs{/sha}","trees_url":"https://api.github.com/repos/utopian-io/utopian.io/git/trees{/sha}","statuses_url":"https://api.github.com/repos/utopian-io/utopian.io/statuses/{sha}","languages_url":"https://api.github.com/repos/utopian-io/utopian.io/languages","stargazers_url":"https://api.github.com/repos/utopian-io/utopian.io/stargazers","contributors_url":"https://api.github.com/repos/utopian-io/utopian.io/contributors","subscribers_url":"https://api.github.com/repos/utopian-io/utopian.io/subscribers","subscription_url":"https://api.github.com/repos/utopian-io/utopian.io/subscription","commits_url":"https://api.github.com/repos/utopian-io/utopian.io/commits{/sha}","git_commits_url":"https://api.github.com/repos/utopian-io/utopian.io/git/commits{/sha}","comments_url":"https://api.github.com/repos/utopian-io/utopian.io/comments{/number}","issue_comment_url":"https://api.github.com/repos/utopian-io/utopian.io/issues/comments{/number}","contents_url":"https://api.github.com/repos/utopian-io/utopian.io/contents/{+path}","compare_url":"https://api.github.com/repos/utopian-io/utopian.io/compare/{base}...{head}","merges_url":"https://api.github.com/repos/utopian-io/utopian.io/merges","archive_url":"https://api.github.com/repos/utopian-io/utopian.io/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/utopian-io/utopian.io/downloads","issues_url":"https://api.github.com/repos/utopian-io/utopian.io/issues{/number}","pulls_url":"https://api.github.com/repos/utopian-io/utopian.io/pulls{/number}","milestones_url":"https://api.github.com/repos/utopian-io/utopian.io/milestones{/number}","notifications_url":"https://api.github.com/repos/utopian-io/utopian.io/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/utopian-io/utopian.io/labels{/name}","releases_url":"https://api.github.com/repos/utopian-io/utopian.io/releases{/id}","deployments_url":"https://api.github.com/repos/utopian-io/utopian.io/deployments","created_at":"2017-09-23T19:24:57Z","updated_at":"2017-11-03T12:46:59Z","pushed_at":"2017-11-07T09:58:17Z","git_url":"git://github.com/utopian-io/utopian.io.git","ssh_url":"git@github.com:utopian-io/utopian.io.git","clone_url":"https://github.com/utopian-io/utopian.io.git","svn_url":"https://github.com/utopian-io/utopian.io","homepage":null,"size":59101,"stargazers_count":15,"watchers_count":15,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":10,"mirror_url":null,"archived":false,"open_issues_count":42,"forks":10,"open_issues":42,"watchers":15,"default_branch":"master","score":29.849482},"pullRequests":[],"platform":"github","type":"graphics","tags":["utopian-io","design","logo","animation"],"users":["utopian-io"],"links":["https://drive.google.com/file/d/1VBNaCzZW1xF1ehrKCJ5w0rscMg6HwouI/view?usp=sharing","https://drive.google.com/file/d/1IuYVeG6W_voNwDHopMYt24oTeB5dvj01/view?usp=sharing","https://drive.google.com/file/d/1TFRPFPf_shfaKUJ_0uNOiICNigD96SSS/view?usp=sharing","https://utopian.io/utopian-io/@deveerei/proposed-3d-loading-animation"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1510198836/q0dq7g9pxvwnwmfoxvld.gif","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510198788/wv97olgpjqitk0b0bonb.gif","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199627/i3niclw68rmjd8khor71.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510200533/llnfzvgvbzitlqeqxaot.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199912/zayyaffkjkrceqqgyc7b.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199907/xkq0fdvinvhsebqlzwhr.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199901/zpkrjrtzdbdk4n3b6uxj.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199894/nck3ggoeprbfrfkcm8pa.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199889/bdoxbaseo5x4blt0xkci.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199852/rw75t4ee6ogm5y2v4bng.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199858/cznoklktfktv8nvx72zh.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199863/jo9m5rvntdppq03xebyg.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199870/npxpwvgk50blvstmhrpn.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199875/l1emqxz9lzholnyjrtkz.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510199880/odxpbcyv0gwnoianybat.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510200003/mld5tqgcxxqm9r5cmafe.gif"]}"
created2017-11-09 04:10:33
last_update2017-11-10 12:34:54
depth0
children11
last_payout2017-11-16 04:10:33
cashout_time1969-12-31 23:59:59
total_payout_value46.050 HBD
curator_payout_value16.327 HBD
pending_payout_value0.000 HBD
promoted0.001 HBD
body_length3,792
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries
0.
accountajvest
weight3
1.
accountbillbutler
weight3
2.
accountelear
weight147
3.
accountmasterthematrix
weight2
4.
accountmateria
weight2
5.
accountmisterdelegation
weight641
6.
accountned
weight636
7.
accountwackou
weight62
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id19,835,577
net_rshares33,431,679,896,585
author_curate_reward""
vote details (80)
@enjieneer · 
ang galing!! nice ❤
properties (22)
authorenjieneer
permlinkre-deveerei-proposed-3d-loading-animation-20171109t063039844z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2017-11-09 06:30:39
last_update2017-11-09 06:30:39
depth1
children1
last_payout2017-11-16 06:30:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length19
author_reputation6,051,546,963,796
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,842,941
net_rshares0
@deveerei · 
Thanks @enjieneer!
properties (22)
authordeveerei
permlinkre-enjieneer-re-deveerei-proposed-3d-loading-animation-20171109t063315408z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["enjieneer"],"app":"steemit/0.1"}
created2017-11-09 06:33:21
last_update2017-11-09 06:33:21
depth2
children0
last_payout2017-11-16 06:33:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length18
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,843,101
net_rshares0
@jassennessaj · 
Simply amazing @deveerei! Good job for making this. What a great animation! :)
properties (22)
authorjassennessaj
permlinkre-deveerei-proposed-3d-loading-animation-20171109t042545319z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["deveerei"],"app":"steemit/0.1"}
created2017-11-09 04:25:45
last_update2017-11-09 04:25:45
depth1
children1
last_payout2017-11-16 04:25:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length78
author_reputation158,167,711,482,591
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,836,317
net_rshares0
@deveerei · 
Maraming salamat @jassennessaj! I appreciate your comment!
properties (22)
authordeveerei
permlinkre-jassennessaj-re-deveerei-proposed-3d-loading-animation-20171109t042811868z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["jassennessaj"],"app":"steemit/0.1"}
created2017-11-09 04:28:15
last_update2017-11-09 04:28:15
depth2
children0
last_payout2017-11-16 04:28:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length58
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,836,435
net_rshares0
@julstamban · 
@deveerei galing mo sa photoshop hirap ako mangapa dyan haha pangsketchup lang ako
properties (22)
authorjulstamban
permlinkre-deveerei-proposed-3d-loading-animation-20171109t120652932z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["deveerei"],"app":"steemit/0.1"}
created2017-11-09 12:06:51
last_update2017-11-09 12:06:51
depth1
children1
last_payout2017-11-16 12:06:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length82
author_reputation33,120,516,142,676
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,861,762
net_rshares0
@deveerei · 
Thanks @julstamban - trial and error at tutorial artist ako haha :D
properties (22)
authordeveerei
permlinkre-julstamban-re-deveerei-proposed-3d-loading-animation-20171109t151634886z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["julstamban"],"app":"steemit/0.1"}
created2017-11-09 15:16:39
last_update2017-11-09 15:16:39
depth2
children0
last_payout2017-11-16 15:16:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length67
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,876,118
net_rshares0
@ornima · 
woow,great post,plezz chekes my last post?
properties (22)
authorornima
permlinkre-deveerei-proposed-3d-loading-animation-20171109t045606257z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2017-11-09 04:56:39
last_update2017-11-09 04:56:39
depth1
children0
last_payout2017-11-16 04:56:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation418,989,290,077
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,837,846
net_rshares0
@ruah · 
Thank you for the contribution. It has been approved.<br/>
You can contact us on [Discord]( https://discord.gg/4NYhZU6).
[[utopian-moderator]](https://utopian.io/moderators)
properties (22)
authorruah
permlinkre-deveerei-proposed-3d-loading-animation-20171110t000932557z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2017-11-09 08:11:33
last_update2017-11-09 08:11:33
depth1
children1
last_payout2017-11-16 08:11:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length174
author_reputation55,491,574,280,489
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,848,235
net_rshares0
@deveerei · 
Cool! Thanks @ruah!
properties (22)
authordeveerei
permlinkre-ruah-re-deveerei-proposed-3d-loading-animation-20171109t082332432z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["ruah"],"app":"steemit/0.1"}
created2017-11-09 08:23:33
last_update2017-11-09 08:23:33
depth2
children0
last_payout2017-11-16 08:23:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length19
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,848,858
net_rshares0
@utopian-io · 
### Hey @deveerei I am @utopian-io. I have just super-voted you at 23% Power!
#### Suggestions https://utopian.io/rules
-Utopian has detected 2 bot votes. I am the only bot you should love!!
#### Achievements
-Creativity makes the World a better place. Thanks!
-Good amount of information. Thank you!
-Much more informative than others in this category. Good job!
-Votes on this contribution are going well. Nice!
-You are having more votes than average for this category. Nice!
-You are generating more rewards than average for this category. Super!
-Seems like you contribute quite often. AMAZING!
-In total you have more votes than average for this category. Bravo!
-You have just unlocked 8 achievements. Yeah!
**Up-vote this comment to grow my power and help Open Source contributions like this one.**
properties (22)
authorutopian-io
permlinkre-deveerei-proposed-3d-loading-animation-20171109t141036587z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2017-11-09 14:10:36
last_update2017-11-09 14:10:36
depth1
children1
last_payout2017-11-16 14:10:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length806
author_reputation152,955,367,999,756
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,871,019
net_rshares0
@deveerei · 
Thanks @utopian-io!
properties (22)
authordeveerei
permlinkre-utopian-io-re-deveerei-proposed-3d-loading-animation-20171109t151835772z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["utopian-io"],"app":"steemit/0.1"}
created2017-11-09 15:18:36
last_update2017-11-09 15:18:36
depth2
children0
last_payout2017-11-16 15:18:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length19
author_reputation88,122,531,550,479
root_title"Proposed 3D Loading Animation for Utopian.io"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,876,269
net_rshares0
Help/Feedback