Logo Contest : 1UP Mascot

in #utopian-io8 years ago

front.png
@flauwy has hosted a logo contest for a new 1up mascot. The proposed logo must be in pixel art. I was a bit intrigued on how to create one, and I haven't created a pixel art ever so this entry took me days to finish it.

First, I came up with a base image. Using Adobe Photoshop CS5, I created my logo model using the shape tools like Ellipse, Rectangle and Line. I have set the shape's anchor point to form a curve. See below image as my draft.
c2.PNG
Since the image was not proportionate and did not form a space shuttle, I've cut it in half since the other side looked okay. Using the half of the formed image from shapes, I created a duplicate layer, transformed it and flipped it horizontally to finally form the base image.
form.PNG
Using the base image, I prepared the necessary settings to start my pixel art in Photoshop.

  1. On Edit > Preferences > Guides, Grid and Slices..., I have set the gridlines and subdivisions to 1 pixel.
    photoshop-1.PNG
  2. Set the Image Interpolation to "Nearest Neighbor (preserved hard edges" from Edit > Preferences > General tab.
  3. Select the Pencil tool at 1 pixel.
  4. Show the gridlines from View > Show > Grid.
  5. Create a new photoshop draft - 200 px by 200 px at 72 dpi.

Following the model image, I used the pencil tool in color red to draw the outline/stroke of the image. Then edit the color using the Color Overlay layer option.
stroke.PNG

Repeating the process of drawing the outline using the pen tool, editing the layer option to change the color, I was able to form the space shuttle in a pixel art. For the text/label, I used the Text tool with "Fixedsys" as the font type as my guidelines.

This concept is inspired by Stack Exchange's Area 51 site background image. This is the first thing that came in my mind when finding some inspiration for creating this logo.
inspiration.PNG
Image was screen-captured from Area 51. I do not own the original image.

The Logo in different image size:

50px x 50px

1up--50.png
100px x 100px

1up-100.png
500px x 500px

1up-500.png
1000px x 1000px

1up-1000.png

You can find and download the Photoshop drafts and PNGs in my shared drive.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

1up-logo.png


You've got a 1UP from the @utopian-1up curation trail. 33 Utopians have upvoted your quality contribution to the open source community.

Join 1UP for better posts and high curation rewards.

1UP is neither organized nor endorsed by Utopian.io!

Wow, this is some incredible work! I really love what you did here. The whole tutorial as well. A+ contribution.

thank you for your kind words @flauwy. i'm a newbie in pixel art so might as well include what are the process on doing it, my newbie way. thank you for accepting this contribution.

Thank you for the contribution. It has been approved.

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

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

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

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

mooncryption-utopian-witness-gif

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

Coin Marketplace

STEEM 0.14
TRX 0.35
JST 0.033
BTC 117081.51
ETH 4573.18
SBD 0.88