Utopian.io GIF Contest - Animated Logo-Eye

[flauwy]

GIF contest.This is my contribution to the @utopian-io project and the current

For this GIF I have used Photoshop CC 2018.

Step 1: Source material

I used the default logo from the Utopian logo files. For the background I am using an image from Pixabay.

Step 2: Creating the text layers and typing effect

First I created the text Utopian.io by creating a layer starting just with the U and then layer by layer adding one more letter. Then I activated the timeline window and created a new timeline. I moved each text layer a few frames futher to the right which creates the typing effect. No further effects were added to the Utopian.io text.

Step 3: Adding Fade-in Text

The text Open Source Rewarded got s simple Opacity Keyframe from 0% to 100% visibility after the first text appeared.

Step 4: Moving the Pupil

Finally the blue dot that looks like a pupil in the center of the logo needed to be cut out and animated. After making it a seperate layer I added a Position Keyframe to it to follow the typing effect. It is important here to add an extra stop keyframe or the animation will just continue directly. I did both: First the pupil goes to the top left of the Utopian eye and immediately continues to move to the right. Here I did not include a stop keyframe. Then it lingers on the top right and stops before going to the bottom to stop again. For both stops I added an extra stop keyframe or otherwise the pupil would have directly moved on to the next position.

Step 5: Saving as GIF

To generate a GIF out of this arrangement you need to save it as such. There are several options to reduce the size - and quality- but I have left it on the highest with 256 colours for best quality. I set the animation to infinite loop or otherwise it would just show the animation once as by default.

I hope you like the GIF. :)

🔗 GIF Link
🔗 My Giphy Channel

---

Posted on Utopian.io - Rewarding Open Source Contributors

---

Comments

[qurator]

Qurator	Your Quality Content Curator
	here for more info.This post has been upvoted and given the stamp of authenticity by @qurator. To join the quality content creators and receive daily upvotes click

Qurator's exclusive support bot is now live. For more info click HERE or send some SBD and your link to @qustodian to get even more support.

[blueleaf69247]

I like your GIF @flauwy

[mangosinspace]

This is a whole new and exciting world of technology I'm learning about. I've always been an off the grid liver but now equipt with a smarts phone and a brand new blog I feel excited to learn. One question. How are you able to integrate gifs or videos into your blog? I have figured out how to integrate picture but I feel I could enhance my posts with movent like what you just explained.

[flauwy]

For GIFs it is the same as images: Just drop them into the post editor. For videos you need to drop the Youtube link. All automatic.

[mangosinspace]

Thankyou!

[deveerei]

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

[utopian-io]

Hey @flauwy I am @utopian-io. I have just upvoted you at 7% Power!

Achievements

• Seems like you contribute quite often. AMAZING!

Suggestions

• Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!
• Contribute more often to get higher and higher rewards. I wish to see you often!
• I introduced a competition factor. My vote is based also on how competitive the category used is.

Human Curation

• Do you believe you deserved more? Let a human curator know. Get in touch on Discord

Community-Driven Witness!

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

• Vote for my Witness With SteemConnect
• Proxy vote to Utopian Witness with SteemConnect
• Or vote/proxy on Steemit Witnesses

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

[thethreehugs]