get Beatles mp3 cool The Final Destination video CD melodies Michael Jackson qualitive X-Men Origins: Wolverine avi best hot Knock You Down get Monsters, Inc. DIVX nice White Album CD2 hot buy ipod The Skeptic qualitive mp3 Drake USA hot State of Play

Banner
Recreating pixilated and low resolution logo

Recreating pixilated and low resolution logoWhen your client can't provide a vector base logo or even a high resolution raster base format everything seems to be delayed, sometimes they have it hand drawn on a paper and you are asked to recreate it digitally, and its a big time lag. (unless it was really part of the job.)

There are plenty of ways for recreating a logo, one is using vector magic as what I have written on my previews article about recreating raster into vector (but that wont work if the original copy really are in bad condition), second would be tracing it using vector base software such as illustrator and the third one would be recreating the logo using high resolution raster base software.

What we are going to do here is converting the logo into a vector after you produce the high resolution raster copy.

This tutorial is made for those who don't really know anything about illustrator but knowledgeable on Photoshop or should I say they are more convenient on photoshop.

Recreating pixilated and low resolution logo

 

I have here an example of a logo which in bad condition; I believe that this logo was hand drawn since it was created 1923, I'm about to recreate this logo digitally for the design of our high school reunion countdown.

 

 

Bring up the file on photoshop, press [Ctrl Alt I], then put the resolution up to 300 DPI

Recreating pixilated and low resolution logo

The image will go bigger and look heavier but don't panic coz we made that in purpose, create a set of palette by creating a new layer above, using rectangular marquee tool and eye dropper tool to pick our two main colors which is green and yellow.

(We do have our swatches panel but I prefer this style coz this will only be use for this project.)

Recreating pixilated and low resolution logo


Then we will be tracing the logo using pen tool, but before we do the tracing we should analyze the logo first and find some basic shapes, as much as possible avoid using pen tool for tracing basic shape.

The over all shape of this logo is much more like a five leaf clover, and you can create one by putting five circles together.

Recreating pixilated and low resolution logo

Using the Elliptical marquee tool hold down [Shift] while making an ellipse to create a perfect circle, then hold down [Space bar] to move them accordingly, and fill it with green.

Recreating pixilated and low resolution logo

Do the same but this time fill it with yellow.

Recreating pixilated and low resolution logo

And then another with green.

Recreating pixilated and low resolution logo

Now make a duplicate of that logo and put it on top temporarily.

Recreating pixilated and low resolution logo

We are now going to trace everything using the pen tool, consider tracing it 1 pixel contract coz they are blurred which mean there is an illusion of expansion which is caused by that blurred state.

Recreating pixilated and low resolution logo

After tracing the tower open up your path panel, [Ctrl click] the path to turn into a selection.

Recreating pixilated and low resolution logo

Create new layer and then fill it with yellow.

Recreating pixilated and low resolution logo

Create a new path and start tracing those waves, if you are not familiar with pen tool, you can start playing around those anchors, [Ctrl drag] the center anchor point to move the entire tangent line, and [Alt drag] those left and right anchors to extend them.

Recreating pixilated and low resolution logo

After you've done tracing, go to path panel, [Ctrl Click] the path then fill it with white, do the same procedure on the rest, as soon as you are done tracing everything turn off the visibility of our duplicate layer to preview our work.

Recreating pixilated and low resolution logo


The next step would be converting this logo into a vector.

You can convert this logo online on vectormagic.com, or you can purchase their desktop edition for more additional features.

Save the logo in PNG format, and then open the file on vector magic.

Recreating pixilated and low resolution logo

And since our new logo was done on a 300DPI I'm sure that vector magic can trace them perfectly so you can relax and select the Fully Automatic option.

Recreating pixilated and low resolution logo


Then save the file in .EPS and that's it you made a vector base logo from a high resolution raster logo.

Recreating pixilated and low resolution logo

 

 


Digg! Reddit! Del.icio.us! Mixx! Google! Live! Facebook! Technorati! StumbleUpon! Spurl! Newsvine! Blinklist! Furl! Blogmarks! Yahoo! Netvouz! Faves!

Comments (13)add
0
...
written by rob , May 29, 2009
uh... can u say illustrator? all of these steps cld b done in illustrator(a vector program!)and eliminate the need for vector magic...lame tutorial
0
...
written by kert , May 29, 2009
@rob
the author clearly stated that this tutorial are for those designers who has no knowledge on illustrator, consider the "fact" that there is a huge discussion about raster and vector for logos.

I think you should study more or at least find a lot of discussion on web design and print.

as for the tutorial, this is in fact a good tutorial in a photoshop perceptive.
0
...
written by john , May 29, 2009
agree with kert, this tutorial is a photoshop tutorial, the reason on why photoshop became so popular is it can do anything unlike illustrator who only focus on vector.

so why purchase illustrator if you can use vector magic instead after making a high resolution bitmap logo?


0
...
written by ms_wednesday , May 29, 2009
thanks guys I was about to say the same thing but you already did.

@rob
please read carefully before whining and follow those links provided. thanks for visiting. hope you'll be enlighten
0
...
written by hari , May 29, 2009
it's very simple..
0
...
written by karen , May 29, 2009
I wonder why the author wrote this basic tutorial I'm frequent reader here and you already show us lot of hard tutorial.

but what I like in here is the vector magic really a great vector converter for us photoshop users.

anyway I don't like people who don't leave positive comments when they found the tutorial useful instead they leave negative comments if they think they do know it already, that's selfish not even thinking of others.
0
...
written by ms_wednesday , May 31, 2009
please leave the negative comments behind for the sake of preventing flame from it.

thanks!
0
...
written by bmth , July 24, 2009
like this tutorial. thanks
by the way,i know the logo my brother's teaching from that school. :)
0
...
written by club penguin cheats , January 04, 2010
I have searched the net and I should say I have not come across an article like this which is so easy to understand and learn the concepts.
0
...
written by prada handbags , June 28, 2010
Your technology is so terrific!
I know an online store which has a lot of XX in this style, they are suit you very much,can reveal your personality better!
Go to have alook when some time left, there must be many surprises!,
0
...
written by ugg boots , July 08, 2010
Stay at home and go sightseeing the world.Thank to the authors carefully describe about travel.Here are some sits about travel products.I hope you can help to recommend a tourist products for this season travel.

0
...
written by ADELEDunlap29 , August 02, 2010
Different people in the world take the credit loans in various creditors, because this is fast and easy.
0
...
written by bcarter , August 08, 2010
I would never recommend anyone use Photoshop (to this extent) to recreate a logo. However, there have been times where a couple of quick (very minor) touch-ups in Photoshop has made a huge difference in how Vector Magic processes the raster data into vectors. And to address the earlier statement about "just" using Illustrator. There is nothing wrong with using just Illustrator so long as you charge by the hour. Vector Magic is by far the best solution for most recreations. Some need a quick Photoshop tweak, but most don't and the results are fantastic. My process is typically defines as Photoshop when needed, Vector Magic for the conversion and Illustrator for the final tweaks. It's quick easy and won't have you wasting your time retracing the whole thing in either Photoshop or Illustrator.
Write comment
smaller | bigger

busy
 




Site Templates and Wordpress themes. Flash components and effects Convert image into vector Your ad here - Click for more info Your ad here - Click for more info Your ad here - Click for more info