Easy Logo Creation From Bitmaps

 Posted in Tutorials 1234 days ago Written by: Dainis Graveris
  • Buffer
  •  7
  • Buffer

title-image

There are a lot of different ways, how to create logotype – it can be unique icon tied with company name or the field company is working, it can be stylized text – 3D text, outlines – actually there are unlimited opportunities how to fulfil this task. I just wanted to show You one more easy and effective way, how to create nice logotype in few easy steps. I love this way, because I am not so great in sketching, so here is my opportunity to do job effectively and maybe Your’s too!

Easy Logo Creation From Bitmaps

To convert bitmap image to vector we will use Adobe Illustrator with great built-in feature.

There are different options from which You can choose, at first You can convert any image to vector – to get lower file size and cool, unique effect in few seconds. I’ll show You an example:

bitmap-start bitmap-vector

I thought that the same technique can be used to convert any bitmap image to simple few color vector image and then simplify to get unique icon and use it as logotype. So I’ll show You my way to do that job:

Step 1

Choose an image with an graphic element,  You want to use as logotype and cut if off to get rid off background.

Open Photoshop to do the job. Use one of the lasso tools, I will not show all the process how to do all cutting process. However I will give You few tips – I usually use Polygonal Lasso Tool and do everything in big zoom to make the process easier. And if You have few-colored background like this You can use Magic Wand tool to do the job quickly.

lasso-tool

mew-300 mew-transparent

Change color settings to choose which colors You will use, but that’s not so important actually because we will change colors in Illustrator anyway.

Save the image in *.psd format.

Step 2

Open Adobe Illustrator, create new document and click File–>Place..–>Choose the image You want to convert to vector.

vector-place

I chose here Live trace–> Photo Low Fidelity and this is my result. You can choose there from a lot of settings, in logotype actually You use just few colors, so You should limit them. So that’s why I switched from 16 to 5 colors. I think that result is pretty amazing!

mew-vector 5-colors

Step 3

expand-vector

Click to expand – to convert tracing object into paths:

mew-anchor

Use Pen tool and Direct selection tool to simplify paths, so this is my result:

finished-image finished

The more time You put in here, the greater result You get and that obvious – I just wanted to share with this technique, so I hope You got the point.

Also there is nice online resource, which converts bitmap images to vector images with a few simple clicks:

vector-magic

Your opinion about this technique would be appreciated! Maybe You have Your own unique ways how to create logotypes,  You can share with?

 Did you enjoy this article and found it useful?

Dainis Graveris is 21 years old blogger and designer with really strong passion. He usually hangs out in Twitter tweeting design related links regularly. If You use Digg actively he can be great friend there and don't forget add to StumbleUpon too! How about Deviantart? Meet him there as well! If You have any questions feel free to write and add him to Gtalk - it is beautiful way to get contacted directly!
Free Website
 

 6 Brilliant Comments - Join Discussion Now!

  • Ryan

    Posted 92 days ago
    6

    This is a great way to create extensive detail for a logo. Customizing logos in order to stand out has never been more important, especially in today’s economy. Great tutorial on something that can really make a difference.

    Reply
  • Davit Systems

    Posted 737 days ago
    5

    Good example of bitmap image to vector image. Thanks.

    Reply
  • kaos mercury

    Posted 825 days ago
    4

    nice tutorial

    Reply
  • Santhos Webdesign

    Posted 1230 days ago
    3

    Nice article and logos!!

    Reply
  • Dainis Graveris

    Posted 1231 days ago
    2

    Thanks mates, I`ll look to Your logo, coolproducts :)

    Reply
  • BloggerNewbie

    Posted 1234 days ago
    1

    Woo, way over my techi head!

    BloggerNewbies last blog post : RED alert!

    Reply

 Add Your Own Brilliant Comment:

Tags allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

US