1/27/2011 Convert A Cartoon Picture To A Svg Ico…

HOME
HOME ABOUT
ABOUT ADVERTISE CONTAC
C ONTACTT ME FAQS UPLOAD YOUR THEME
THEME

You are here: / Convert A Cartoon Picture To A Svg Icon or image

MOBILE
MOBILE THEMES PREMIUM THEMES WALLPAPERS
WALLPAPERS FLASHLITE
FLASHLITE SC
SCREENSAVER
REENSAVER THEME
THEME RESOURC ES NEWS
NEWS FONTS TUTORIALS
TUTORIALS

Advertise Here Advertise Here Advertise Here Advertise Here Advertise Here Advertise Here Advertise Here

A dver t i s e H er e A dve r t i s e H er e A dve r t i s e H er e A dve r t i s e H er e A dve r t i s e H e re A dve r t i s e H e re A dv er t i s e H e re A dv er t i s e H e re A dv er t i s e H e re A dv er t i s e H er e

Convert A Cartoon Picture To A Svg Icon or

Do you want to advertise here?
image
Posted on January 29, 2010 in Tutorials by TheShadow
Subscribe via Email
197 Readers

Enter your email

Subscribe

TATA Housing - New Haven Newhaven.co.in/Crest

Presenting Premium Row Houses in Boisar.
Drop an Enquiry!
Job Vacancies in TCS TimesJobs.com/T CS
Exp: 0 to 13 Yrs.Sal: 25k to 95k PM Apply Now &
get Multiple Interviews
Right Resume Format MonsterIndia.com
The Format accepted by MNC's Just Fill in the
Search
Fields
Top Animation Institutes www.StudyPlaces.com/Animation
Find Top Colleges in Pune Register Free & Get 0
Expert Advice!

Tutorials

Recent Posts

mobilethemesworld.net/convert-a-carto… 1/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…
Panda S60v5 theme by
Neda25
19:32 Janu ary 26 , 2011

Sunset nokias40v6 theme by

Udjo42
19:24 Janu ary 26 , 2011

Ultrasonic II by Giulio7g
19:32 Janu ary 25 , 2011

Random Posts

Realtime Flashlite clock with

This Tutorial is shared by RobJM of Tehkseven flying ballons screensaver by
supertonic
11:15 Novem b er 9, 2009

Here is how I made some svg ic ons and wallpapers from a jpg image for my Flintstones theme.
Liquid Touch by shadow_20-
[tweet]I used photoshop and illustrator, but I presume you can do the same with the free s60v2 theme
23:32 Septem ber 26, 2009
alternatives.

Cartoons are probably the easiest of images to c onvert to vector files, the better the image Abstract Butterfly S60v2
the easier it is, although it’s possible to get good results even with quite poor images with a theme by TheShadow
bit of tinkering. 09:51 Novem b er 23 , 2009

This is for an icon but it’s really just the same if you want to use it as a wallpaper, just adjust Rose passion by Morkino
the finished size. 19:19 May 24, 2010
Here is the original file I used if you want to follow along

This image I used was perfec t for this, very easy to do.
NCA Steel Screensaver by
First open up your image in Photoshop and c rop it roughly to a square of how you want your
Supertonic
finished ic on to look. 19:42 March 19, 2010
Then right clic k on the layer and selec t ‘layer from bac kground’

Aurora s40v3 theme by

shadow_20
02:35 June 7, 2009

Recommended Links
Adelino Design Lab

Ahmed World Design

AJ23 Themes

AllMobileWorld.it

Art4Symbian

In the pop-up just select OK , it should be then same as below. BabiNokia.com

Best Iphone App

Blue Ray Themes

Dastgir themes

Dhanusaud Symbian Arts

Convert A Cartoon Pic ture To A Svg Icon or
image Eric Symbian Arts
Next selec t the magic wand tool and selec t the white bac kground with it and press delete on
Free Mobile Download
your keyboard to remove it, remove all the bac kground.
Free Symbian Themes

Ideal Walls

mobilethemesworld.net/convert-a-carto… 2/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…
IND190 Themes

Kiarichiki Themes

Kimi Premium

Kimi Themes

Larsson S60 themes Art

LoveMyNokia

My Android Blog

NaHiD Themes

Nokialino.it
Save your image as a png file, then open that file in Illustrator.
Nokia Colours
With your image selec ted, go to ‘Object/Live Trac e/Trac ing Options.
NokiaSaga

Nokioteca Blog

n-SeriesThemes

Nokia Themes & Wallpapers

Rugge Themes

S60 Betalabs

Sauromatum Themes

Symbian Art Transparent Wallpapers

SymbianMasters

SymbianTweet
Move the box that pops-up to the side so you can see your image, now in the pop- up box you
SYM-PDA
c an see all your trac ing options,tick the preview box to see how the settings affec t the image.

Symbian-Software.mobi

Themes-OAS.com

Tehkseven.net

Udeste Symbian Themes

World Symbian

it depends on your image what settings you use, with this image it c ame out really good just
by using Preset ‘default’ and Mode ‘colour’.My final file size c ame out at 34kb, a bit big I
thought for an icon.

I managed to half that file size by using the settings as in the screenshot above, Mode ‘black
and white’ and then colouring the image myself.

So selec t Mode ‘Blac k and White’ then press ‘Trac e’ you should get something like this.

mobilethemesworld.net/convert-a-carto… 3/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…

Next go to ‘Object/Expand’ then selec t OK.This basically splits the image up into the parts that
are outlined by the ‘black lines’ so you c an c olour eac h part individually.

Save it now as svg 1.0, untick ‘preserved editing c apabilities’.

Next just to make things easier, I c opied and pasted the original png file into this one, just to
make it easier to select the colours.

Next use the ‘Direc t Selection’ tool [the 2nd arrow down] and select an area you want to
c olour, zoom in if you want to make sure you select the correct part, then c hoose the
‘eyedropper tool’ and c lick on the corresponding c olour in your png image you pasted in, thats
your selection coloured, now just repeat for you entire picture.

mobilethemesworld.net/convert-a-carto… 4/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…

Once that’s finished clic k on ‘View/Show transparency grid’ if it isn’t already showing.

You will see the background is white, simply selec t it with the Direct Selection’ tool as you did
above, and press delete on you keyboard to remove it, do the same with each portion of the
bac kground.

Also use the top ‘Selec tion Tool’ and select the png image you pasted in and delete it.

Now to make it an ic on, go to ‘File/New and make a new document 60×60 pixels, go back to
your finished image,go to ‘Select/ All then ‘Edit /Copy’.
Go bac k to your 60×60 document and go to ‘View/Actual Size’ and then ‘Edit / Paste’ to paste
you image in, it will be too big but just select it all , and resize it to fit [holding shift why you
do this will keep it's proportions]
Once you have it roughly the right size you can zoom in and make finer adjustments.
Then save it as a svg 1.0 file, untick ‘preserve editing capabilities’ , that c ame out as 16kb for
me, half the size of the c olour mode version, and I’m sure there are other ways to tweak it, to
get it smaller still.

Next try it out in c arbide…

mobilethemesworld.net/convert-a-carto… 5/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…

You could also use that 60×60 icon as a wallpaper,bec ause it is vector it will resize to any size
without degrading in quality, if you paste your image into a 60×80 [240x320 ratio] instead of
the 60×60, you will have a 16kb wallpaper.

If you like this tutorial then c onsider subsc ribing to my feed.

Subscribe
If you enjoyed this article please consider joining Rss Feed or Email along with our other
185 Rss Subscribers

Related Posts

Tools for making symbian os Apple World Clock by Acros08

mobile themes O cto ber 14, 2010
O ctobe r 23, 2010

mobilethemesworld.net/convert-a-carto… 6/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…
Collection of Fonts for Carbide Plugin Conflicts
Symbian phones Roundup 1 Precaution
Feb ruary 27, 2010 Febru ary 14, 2010

TATA Housing - New Haven Job Vacancies in TCS

Presen ting P rem iu m R ow Houses in Exp: 0 to 13 Yrs.Sa l: 25k to 95k PM 0
Boisar. Drop an Enquiry! Apply Now & get Mu ltiple Inte rviews
Newh aven.co.in/Crest Tim e sJobs.com /T CS

Mobile Themes World on Facebook

Like

203 people like Mobile Themes World.

Kannan S anju A shley A rga Rama C hockalingam Box N ay S andeep Ray on Muhamad

A nand A riel Iv an C arlo A xatürk S hree Mittu Manny Mina V ishnu Justine M andeep

F acebook social plugin

2
2 Co m m eents
C om nts fo
forr th is entry
this

Darryl Coleman I must say this is a great article i enjoyed reading it keep the
February 14, 2010 good work :)
10:31 Reply
Reply

W-NOKIA.NET Good job

February 14, 2010 Thanks man
13:37
Reply
Reply

Leave a Reply
Your email address will not be published. Required fields are marked *

Name *

Email*

Website

Comment *

You m ay u se the se HT ML tags an d attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote
cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Post Comment

Confirm you are NOT a spammer

mobilethemesworld.net/convert-a-carto… 7/8
1/27/2011 Convert A Cartoon Picture To A Svg Ico…
Notify me of
followup
followup
c omments via e-
mail

Recent Tweets Sponsors Popular Posts

[Giveaway] Win Two .com Domains 500

Get Qwest in South Dakota Gold V 3.0 Premium
Facebook Fans : http://tinyurl.com/4hdqpsv (6 07:47 Decem b er 13 , 2010
ho urs ago )

Panda S60v5 theme by Neda25: A new Stats

mobile theme Panda by Neda25 for nokia
Theme Elements by IND190
19:04 Fe bruary 12, 2010
s60v5 cellphones w ith touch icons.Thi...
http://bit.ly/ifFcN2 (21 ho urs ag o)

Sunset nokias40v6 theme by Udjo42: A Tie Series Themes by

Sunset theme for nokia s40v6 cellphone by TheShadow For Symbian 3rd
Udjo42. Theme compatible with No... and E series phones
10:55 Janu ary 12 , 2010
http://bit.ly/gqwK0u (21 hours ago)

Guide to take a screenshot of

More Tweets your theme
19:08 Janu ary 28 , 2010

Powered by Wordpress About Advertise FAQs C ontact Me

C opyright © 2009-2011 mobile themes world All
Rights Reserved.

mobilethemesworld.net/convert-a-carto… 8/8