Convert A Cartoon Picture To A Svg Icon or image _ Cell phone themes, wallpapers, icons, tutorial - mobile themes world

8/7/2019 Convert A Cartoon Picture To A Svg Icon or image _ Cell phone themes, wallpapers, icons, tutorial - mobile themes…

http://slidepdf.com/reader/full/convert-a-cartoon-picture-to-a-svg-icon-or-image-cell-phone-themes-wallpapers 1/8

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

ConvertConvert AA CartoonCartoon PicturePicture ToTo AA SvgSvg IconIcon oror

imageimagePosted on January 29, 2010 in Tutorials by TheShadow

0

Tutorials

Enter your email

A dv er ti se H e re A d ve rt is e H e re A dv er ti se H e re A d ve rt is e H er e A dv er ti se H e re A d ve rt is e H e re A dv er ti se H e re A d ve rt is e H e re A dv er ti se H e re A d ve rt is e H e re

Do you want to advertise here?

SubscribeSubscribe viavia EmailEmail

197 Readers

SubscribeSubscribe

SearchSearch

RecentRecent PostsPosts

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

HOMEHOME ABOUTABOUT ADVERTISEADVERTISE CONTACT MECONTACT ME FAQSFAQS UPLOAD YOUR THEMEUPLOAD YOUR THEME

MOBILE THEMESMOBILE THEMES PREMIUM THEMESPREMIUM THEMES WALLPAPERSWALLPAPERS FLASHLITE SC REENSAVERFLASHLITE SCREENSAVER THEME RESOURCESTHEME RESOURCES NEWSNEWS FONTSFONTS TUTORIALSTUTORIALS

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

Presenting Premium Row Houses in Boisar.Drop an Enquiry!

Job Vacancies in TCS TimesJobs.com/TCS

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 theFields

Top Animation Institutes www.StudyPlaces.com/Animati

Find Top Colleges in Pune Register Free & GetExpert Advice!

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

mobilethemesworld.net/convert-a-carto… 1



This Tutorial is shared by RobJM of Tehkseven

Here is how I made some svg icons and wallpapers from a jpg image for my Flintstones theme.

[tweet]I used photoshop and illustrator, but I presume you can do the same with the free

alternatives.

Cartoons are probably the easiest of images to convert to vector files, the better the image

the easier it is, although it’s possible to get good results even with quite poor images with abit of tinkering.

This is for an icon but it’s really just the same if you want to use it as a wallpaper, just adjust

the finished size.

Here is the original file I used if you want t o follow along

This image I used was perfect for this, very easy to do.

First open up your image in Photoshop and crop it roughly to a square of how you want your

finished icon to look.

Then right click on the layer and select ‘layer from background’

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

Convert A Cartoon Picture To A Svg Icon or

image

Next select the magic wand tool and select the white background with it and press delete on

your keyboard to remove it, remove all the background.

Panda S60v5 theme by

Neda2519:32 January 26, 2011

Sunset nokias40v6 theme by

Udjo4219:24 January 26, 2011

Ultrasonic II by Giulio7g19:32 January 25, 2011

Realtime Flashlite clock with

flying ballons screensaver by

supertonic11:15 November 9, 2009

Liquid Touch by shadow_20-

s60v2 theme23:32 September 26, 2009

Abstract Butterfly S60v2

theme by TheShadow09:51 November 23, 2009

Rose passion by Morkino19:19 May 24, 2010

NCA Steel Screensaver by

Supertonic19:42 March 19, 2010

Aurora s40v3 theme by

shadow_2002:35 June 7, 2009

RandomRandom PostsPosts

RecommendedRecommended LinksLinks

Adelino Design Lab

Ahmed World Design

AJ23 Themes

AllMobileWorld.it

Art4Symbian

BabiNokia.com

Best Iphone App

Blue Ray Themes

Dastgir themes

Dhanusaud Symbian Arts

Eric Symbian Arts

Free Mobile Dow nload

Free Symbian Themes

Id eal Walls





Save your image as a png file, then open that file in Illustrator.

With your image selected, go to ‘Object/Live Trace/Tracing Options.

Move the box that pops-up to the side so you can see your image, now in the pop-up box you

can see all your tracing options,tick the preview box to see how the settings affect the image.

it depends on your image what settings you use, with this image it came out really good just

by using Preset ‘default’ and Mode ‘colour’.My final file size came 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 select Mode ‘Black and White’ then press ‘Trace’ you should get something like this.

IND190 Themes

Kiarichiki Themes

Kimi Premium

Kimi Themes

Larsson S60 themes Art

LoveMyNokia

My Android Blog

NaHiD Themes

Nokialino.it

Nokia Colours

NokiaSaga

Nokioteca Blog

n-SeriesThemes

Nokia Themes & Wallpapers

Rugge Themes

S60 Betalabs

Sauromatum Themes

Symbian Art Transparent Wallpapers

SymbianMasters

SymbianTw eet

SYM-PDA

Symbian-Software.mobi

Themes-OAS.com

Tehkseven.net

Udeste Symbian Themes

World Symbian





Next go to ‘Object/Expand’ then select OK.This basically splits the image up into the parts that

are outlined by the ‘black lines’ so you can colour each part individually.

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

Next just to make things easier, I copied and pasted the original png file into this one, just to

make it easier to select the colours.

Next use the ‘Direct Selection’ tool [the 2nd arrow down] and select an area you want to

colour, zoom in if you want to make sure you select the correct part, then choose the

‘eyedropper tool’ and click on the corresponding colour in your png image you pasted in, thats

your selection coloured, now just repeat for you entire picture.





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

You will see the background is white, simply select 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

background.

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

Now to make it an icon, go to ‘File/New and make a new document 60×60 pixels, go back to

your finished image,go t o ‘Select/ All then ‘Edit /Copy’.Go back 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 came out as 16kb for

me, half the size of the colour mode version, and I’m sure there are other ways to tweak it, to

get it smaller still.

Next try it out in carbide…





Tools for making symbian os

mobile themesOctober 23, 2010

Apple World Clock by Acros08October 14, 2010

185 Rss Subscribers

You could also use that 60×60 icon as a wallpaper,because 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 consider subscribing to my feed.

SubscribeSubscribe

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

RelatedRelated PostsPosts





Collection of Fonts for

Symbian phones Roundup 1February 27, 2010

Carbide Plugin Conflicts

PrecautionFebruary 14, 2010

Darryl Coleman

February 14, 2010

10:31

I must say this is a great article i enjoyed rea ding it keep the

good work :)

ReplyReply

W-NOKIA.NET

February 14, 2010

13:37

Good job

Thanks man

ReplyReply

NameName**

EmailEmail**

WebsiteWebsite

CommentComment**

0

2 Comments for this entry2 Com ments for this entry

LeaveLeave aa ReplyReply

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

You may u se these HTML tags and 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

TATA Housing - New HavenPresenting Premium R ow House s in

Boisar. Drop an Enquiry!

Job Vacancies in TCSExp: 0 to 13 Yrs.Sal: 25k to 95k PM

Apply Now & get Multiple Interviews

Kannan Sanju A shley A rga Rama Chockalinga Box Nay Sandeep Ray on Muhamad

Anand A riel Iv an Carlo A xatürk Shree Mittu Manny Mina V ishnu Justine Mandeep

Mob ile Themes Wo rld on Facebook

203 people like Mobile Themes World .

Like

Facebook social plugin





Notify me of Notify me of

followupfollowup

comments via e-comments via e-

mailmail

RecentRecent TweetsTweets

[Giveaway] Win Two .com Domains 500

Facebook Fans : http://tinyurl.com/4hdqpsv (6

hours ago)

Panda S60v5 theme by Neda25: A new

mobile theme Panda by Neda25 for nokia

s60v5 cellphones with touch icons.Thi...

http://bit.ly/ifFcN2 (21 hours ago)

Sunset nokias40v6 theme by Udjo42: A

Sunset theme for nokia s40v6 cellphone by

Udjo42. Theme compatible with No...

http://bit.ly/gqwK0u (21 hours ago)

More Tweets

SponsorsSponsors

Get Qwest in South Dakota

StatsStats

Gold V 3.0 Premium07:47 December 13, 2010

Theme Elements by IND19019:04 February 12, 2010

Tie Series Themes by

TheShadow For Symbian 3rd

and E series phones10:55 January 12, 2010

Guide to take a screenshot of

your theme19:08 January 28, 2010

PopularPopular PostsPosts

Powered by Wordpress

Copyright © 2009-2011 mobile themes world All

Rights Reserved.

Contact MFAQsAdvertiseAbout



Convert A Cartoon Picture To A Svg Icon or image _ Cell phone themes, wallpapers, icons, tutorial - mobile themes world

Documents