Easy Logo Creation From Bitmaps

Posted in Tutorials • Posted on 6 Comments

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!

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?

193 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

6 Comments Best Comments First
  • BloggerNewbie

    Friday, September 26th, 2008 02:59

    1

    Woo, way over my techi head!

    BloggerNewbies last blog post : RED alert!

    0
  • Dainis Graveris

    Monday, September 29th, 2008 07:42

    2

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

    0
  • Santhos Webdesign

    Monday, September 29th, 2008 23:37

    3

    Nice article and logos!!

    0
  • Ryan

    Friday, November 11th, 2011 16:55

    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.

    0
  • Davit Systems

    Friday, February 5th, 2010 11:46

    5

    Good example of bitmap image to vector image. Thanks.

    0
  • Ryan

    Friday, November 11th, 2011 16:55

    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.

    0
  • Davit Systems

    Friday, February 5th, 2010 11:46

    5

    Good example of bitmap image to vector image. Thanks.

    0
  • Santhos Webdesign

    Monday, September 29th, 2008 23:37

    3

    Nice article and logos!!

    0
  • Dainis Graveris

    Monday, September 29th, 2008 07:42

    2

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

    0
  • BloggerNewbie

    Friday, September 26th, 2008 02:59

    1

    Woo, way over my techi head!

    BloggerNewbies last blog post : RED alert!

    0

Comments are closed.

54.87.93.1 - unknown - unknown - US