MY DESIGN - 1UP PIXEL ART LOGO DESIGN CONTEST

in #utopian-io8 years ago

Hello everyone, it’s another beautiful and awesome day again, hope we are having a great week ahead. Today, I will be showing the processes I took to create this logo design contest for 1up. Below are the steps that were taken to create the logo design.

1UP LOGO_MAIN.png

1UP_LOGO_COLOURED.jpg

1UP_LOGO_DIFFERENT SIZES.jpg

BRIEF OVERVIEW
Before we start, I will like to quickly give a brief overview about this design. I came accross the request from 1up for a pixel art logo design for 1up and I decided to jump on board. I wanted to create a logo design that looks clean and not complicated. So I started thinking out ideas and concepts, then if decided to jump into photoshop and let my creativity run wild.

LINK TO FILES: Here

TOOLS USED

  1. Computer (windows PC)
  2. Adobe illustrator CC 2015
  3. Adobe Photoshop CC 2014
  4. Creative thinking

Now to the fun part;

STEP 1
It all started with thinking out ideas in my head. The idea that came to my mind was to create a robot-like design. So I jumped into photoshop and started sketching out the concept

Screenshot (429).png

STEP 2
I created a 20px by 20px document in photoshop. I used this extremely small size so as to expose the individual pixels and make it big enough to see.

Screenshot (430).png

STEP 3
After that, I created a new layer and started trying to match my sketch idea while painting on direct pixels. I used a 1px pencil size to match exaxtly with one screen pixel

Screenshot (430).png

STEP 4
Next, painted the legs

Screenshot (431).png

STEP 5
After that, I painted the eyes and mouth area

Screenshot (432).png

STEP 6
Next, I painted the 1UP name

Screenshot (433).png

STEP 7
Next, I painted the antenna area

Screenshot (434).png

STEP 8
After that, I painted the border

Screenshot (435).png

STEP 9
After I was done with the pixel design, I turned it into a higher resolution image size and saved it out as a png file for use in illustrator.

1UP PIXEL ART LOGO_large.png

STEP 10
After I was done in photoshop, I impoted the png file into illustrator and used the image trace feature to convert my png design into actual vector shapes.

Screenshot (437).png

Screenshot (438).png

STEP 11
Next, i deleted out the unwanted elements and left only the design elements and addes stoke outlines on the vector design to make the whole logo pop.

Screenshot (436).png

STEP 12
After converting the png to vector shapes, i copied it over to photoshop to add background variations and do the final image exports.

Screenshot (440).png

Screenshot (439).png

STEP 13
And that is how I created the logo design contest for 1UP.

OTHER VARIATIONS

1UP_LOGO_COLOURED.jpg

1UP_LOGO_WHITE.jpg

CONCLUSION
This logo design was just pure creativity, there was no rule behind the design, I just wanted to create something that looks clean and works well.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

1up-logo.png


You've got a 1UP from the @utopian-1up curation trail. 28 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!

Thank you for the contribution. It has been approved.

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

Hey @chimzycash 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.12
TRX 0.34
JST 0.033
BTC 113030.30
ETH 4195.72
USDT 1.00
SBD 0.87