[Contribution] [Graphics] Tana - Logo

in #utopian-io7 years ago (edited)

g3723.png

Repository: https://github.com/jMavarez/Tana

Details:

Tana is an app that allows you to have a Picture in Picture window of anything, be it a webpage or a video. It was a promising project and it did not have a logo to represent it. So I asked the project owner's permission to make one and I did. The conversation is linked below:

The Issue: https://github.com/jMavarez/Tana/issues/7

The Idea:

text6523.png

The name of the project is derived from the Spanish word 'Vetana' which means "window". So the logo comprises of a window transitioning into a PiP window. The window is floating, just like a PiP window which floats around your screen.

Recreating the logo:

image1500.png

Creating 3 isometric rectangles in order to create a cuboid

image1511.png

Joining them together and filling them with color

image1522.png

Creating 3 cirlces which are isometric

image1555.png

Filling them with appropriate colors and duplicating the "window" to create a smaller one

1.png

Making the single color version of the logo

2.png

Deleting the unwanted portion

3.png

The finished logo

Benefits

The project lacked a logo to represent itself, and by making a logo which is minimal and memorable I have improved the visual identity of the project. It's a simple logo which represents the project adequately. Different ideas which resonates well with the project were combined in order to create this logo, resulting in a logo which goes along with project seamlessly.

Previews

text6523.png

path7407.png

text63.png

g6399.png

g5605.png

g2191.png

g5868.png

Tools:

image.png

I have used Inkscape 0.92.3

Links:

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

Sort:  

Hey @arkhamknight ,

Thank you for the contribution, I liked your design 2D & 3D both. Also, the font which you used, well done!

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.



Chat with us on Discord.
[utopian-moderator]Need help? Write a ticket on https://support.utopian.io/.

Thanks!


Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!Hey @arkhamknight

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Congratulations @arkhamknight! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

<p dir="auto"><a href="http://steemitboard.com/@arkhamknight" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto"><sub><em>Click on the badge to view your Board of Honor.<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong>Do not miss the <a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-results-of-day-13" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">last post<span> from <a href="/@steemitboard">@steemitboard! <hr /> <p dir="auto"><strong>Participate in the <a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-collect-badges-and-win-free-sbd" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard World Cup Contest!<br /> Collect World Cup badges and win free SBD<br /> Support the Gold Sponsors of the contest: <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=good-karma&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">@good-karma and <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=lukestokes.mhth&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">@lukestokes <hr /> <blockquote> <p dir="auto">Do you like <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project? Then <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!

Congratulations @arkhamknight! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<p dir="auto"><a href="http://steemitboard.com/@arkhamknight" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto"><sub><em>Click on the badge to view your Board of Honor.<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!