HOME | DD

donbenni — Real Photoshop Vector Tutorial

Published: 2006-08-24 12:24:51 +0000 UTC; Views: 142808; Favourites: 593; Downloads: 1266
Redirect to original
Description Sorry i've resubmitted it because I thought it didn't make sense to have to download the file to view it and dA doesn't let you remove the preview image.

This is a tutorial i've written that follows pretty much the same process as my previous tutorials but the result of this is an actual vector (i.e. scalable) not an imitation.

Again sorry about the resubmission but that was annoying me

Enjoy.
Related content
Comments: 102

kndburning [2011-03-30 17:36:41 +0000 UTC]

nicely well tutorial, i've made my What's Going on Girl with this teaching

👍: 0 ⏩: 0

Lorna-RoseFoX [2010-11-03 17:26:58 +0000 UTC]

great for urban subjects ^^

👍: 0 ⏩: 0

Zz-Zz-Zz [2009-10-30 12:13:43 +0000 UTC]

great tut

👍: 0 ⏩: 0

blondishnet [2009-10-10 04:52:12 +0000 UTC]

I featured your vexel tutorial at my site - [link]

👍: 0 ⏩: 0

U-238 [2009-07-16 05:58:02 +0000 UTC]

Very nice tutorial..it's really well laid-out, easy to follow with clear instructions and it helps anybody create a nice vector effect on photographs...well done!!
P.S How do you go about creating a tutorial?

👍: 0 ⏩: 0

PCLiPSE [2009-06-08 20:38:19 +0000 UTC]

AWESOME AND HANDY TUTORIAL!

👍: 0 ⏩: 0

yhandz [2009-06-06 13:15:37 +0000 UTC]

is it same with cs3??

👍: 0 ⏩: 2

kndburning In reply to yhandz [2011-03-30 17:37:48 +0000 UTC]

yes, it does the same thing...

👍: 0 ⏩: 0

mariafox In reply to yhandz [2010-10-13 19:44:22 +0000 UTC]

It should. I might try it in CS5 when I have the time.

👍: 0 ⏩: 0

suxy1980 [2009-01-07 03:38:05 +0000 UTC]

wow!! you ROCK!! this is sooo cool!!

👍: 0 ⏩: 0

frozenpin [2008-12-17 19:57:49 +0000 UTC]

omg thanks 4 this

👍: 0 ⏩: 0

Sangiev [2008-11-29 19:04:00 +0000 UTC]

Hey buddy,
This stunning tutorial has been featured in this News Article, it is the 6th edition of it, and I'm proud to have you featured ! [link] Hope you'll go have a look, and enjoy ! And to show your support !

Regards,
Sangiev,

👍: 0 ⏩: 0

Toka07 [2008-09-04 15:51:09 +0000 UTC]

I learned a lot from your tutorial, THANKS!!

👍: 0 ⏩: 0

L-unatic [2008-08-27 00:02:38 +0000 UTC]

Omg thanks you so much!
Now I can vector without getting Illy!

👍: 0 ⏩: 0

Bomadeno [2008-06-19 00:47:07 +0000 UTC]

Great tutorial, thanks!

👍: 0 ⏩: 0

Technicaligy001 [2008-05-31 00:16:20 +0000 UTC]

Thank you so much for making this. I'll be needing it soon.

👍: 0 ⏩: 0

radu-jm [2008-03-22 18:55:29 +0000 UTC]

...another awesome one!!!
Thanks!

👍: 0 ⏩: 0

KiLiM [2008-03-13 04:26:09 +0000 UTC]

Thanks. Awesome vector tut. I guess this will kickstart my vectoring skills.

👍: 0 ⏩: 0

KFX-450R [2008-03-03 21:50:46 +0000 UTC]

Awesome
thanks Donbenni, fav of course as all your tuts

i've done the whole car with your help
i would like if u could see it and C&C

👍: 0 ⏩: 0

glors [2008-02-07 00:51:02 +0000 UTC]

Sweet tutorial.

👍: 0 ⏩: 0

BrightKnight [2008-02-03 02:26:01 +0000 UTC]

thanks for this tut! very good!

👍: 0 ⏩: 0

desness [2008-01-13 00:54:54 +0000 UTC]

can u use this on people pics? im not really sure

👍: 0 ⏩: 0

createnewfolder [2007-12-11 02:45:09 +0000 UTC]

I have a question... That light right beside the license plate, how do you get that liney effect on it? You know the parallel lines on the red light... Just wondering...

👍: 0 ⏩: 0

remingtonbox [2007-11-22 05:07:54 +0000 UTC]

Thanks a lot man........That will help tons!!!!!!!

👍: 0 ⏩: 0

3DavocoL [2007-11-16 12:14:36 +0000 UTC]

you used PenTab or just a mouse to create this?

👍: 0 ⏩: 0

nitsuj0017 [2007-11-16 02:15:42 +0000 UTC]

great tutorial,

👍: 0 ⏩: 0

ccnutlime [2007-11-04 20:43:29 +0000 UTC]

This is the first time I've heard about a clipping mask! How come no one told me before... Or maybe I should read tutorials instead of skimming them. Thanks a lot!

👍: 0 ⏩: 0

XClimax [2007-09-20 11:26:31 +0000 UTC]

Great tutorial.

👍: 0 ⏩: 0

x58x [2007-09-14 14:07:35 +0000 UTC]

you are the BOMB !!!!!!

👍: 0 ⏩: 0

kristhedemon [2007-09-11 12:08:40 +0000 UTC]

great!

👍: 0 ⏩: 0

Gi-z-ka [2007-08-13 23:06:48 +0000 UTC]

Great tutorial really helped me understand this and im giving it a go now. Cheers for inadvertantly bringing this style into my art life XD

👍: 0 ⏩: 0

Elvis57 [2007-08-06 20:10:46 +0000 UTC]

Hehe, VERY cool resource you got here, dude. Just what I was lookin' for. I wanna get into this vector thing for a change, and I get the feeling your tutorial is gonna be something I'ma be readin' a whole lot Thanks a bunch and kudos on the good job, man,

Peace | Elvis

👍: 0 ⏩: 0

Geshtapoou [2007-07-26 12:59:47 +0000 UTC]

Thx For Sharing.

👍: 0 ⏩: 0

mukundnadkarni [2007-06-20 22:44:26 +0000 UTC]

Nice Tutorial!
I've been looking for one for quite some time.
Nice to see you share your knowledge with us.

One gripe though. You haven't included the original Skyline image, so it's impossible to judge how the vector drawing looks different from the actual picture.

I hope you'll follow this up with one on how to execute the details, for example the ones on the rear wheel arch flap, or the pattern of the light besides the number plate, plus other methods of gradients and fills.

Hope you'll give a thought to those suggestions.
Looking forward to more tutorials from you, especially for newbies.

Thanks a lot!

👍: 0 ⏩: 0

Mattoman [2007-06-06 13:14:43 +0000 UTC]

Mate i learnt something out of this. That dam fill opacity thingy. Thanks mate

👍: 0 ⏩: 0

PoppyArty [2007-05-28 03:06:17 +0000 UTC]

Brilliant! I'm going to have to try this out. And your tute is an artwork in itself

👍: 0 ⏩: 0

MalakaP [2007-05-27 06:56:38 +0000 UTC]

thanks the tut was so much help.

👍: 0 ⏩: 0

RaimeiThunderChild [2007-05-06 05:55:55 +0000 UTC]

Oh dear. I guess I'd better go run some more internet searches then... or save for CS. *gloomy*

But it's still a great tutorial, and thanks anyway!

Raimei.

👍: 0 ⏩: 0

RaimeiThunderChild [2007-05-05 08:09:26 +0000 UTC]

Faving so I can come back to it when exams are over... > Ok, so it's not the best, but it works!

Raimei

👍: 0 ⏩: 1

donbenni In reply to RaimeiThunderChild [2007-05-05 16:21:30 +0000 UTC]

You do need the pen tool to follow this tutorial and as far as i know, Elements doesn't have one. So no you can't follow this tutorial in Elements, and the tablet makes no difference.

👍: 0 ⏩: 0

DJBlue86 [2007-04-16 18:33:47 +0000 UTC]

awesome tutorial!

👍: 0 ⏩: 0

e-RSO [2007-04-09 12:34:37 +0000 UTC]

Well ty for explaining mate
i was looking for this for some time
tyvm
good job

👍: 0 ⏩: 0

Leasepics [2007-03-22 15:21:00 +0000 UTC]

Thanx for the great tutorial

👍: 0 ⏩: 0

Mistick1 [2007-02-04 09:17:46 +0000 UTC]

Thanks a lot ,Great Tutorial ! Thats What I lookingfor
Very Helpful for upgrade vektorazish skills

👍: 0 ⏩: 0

S4R1 [2006-12-17 07:03:15 +0000 UTC]

Wow, you are great! i dream of making this one day.

👍: 0 ⏩: 0

xmod [2006-11-26 07:09:23 +0000 UTC]

so tell me if i'm gettin it right.. you are using gradients all over your vectors? ... because if you visit my page and see the skyline i made, i din use any gradients but i guess i should have, am i right? .. i'm new to vectoring so please correct me if i'm wrong..

👍: 0 ⏩: 1

donbenni In reply to xmod [2006-11-26 16:32:24 +0000 UTC]

I use a mixture of block colours and gradients. You don't have to follow the tutorial exactly though. This exact tutorial is for making real, scalable vectors. The skyline image you speak of doesn't look like it's actually vector.

Sorry, it's hard to explain. If you want to follow the tutorial then do so.

👍: 0 ⏩: 0

PublicSecrecy [2006-11-14 22:28:57 +0000 UTC]

Just a note: as long as jpg's are raster-based, anything saved as a jpg will never be a true vector. So far only .pdf's, those weird macromedia files, and .svg files can actually display vector images that can be scaled to any resize without quality loss.

You can test this by zooming in 100x and seeing if the image gets pixelated as you do so.

👍: 0 ⏩: 2

nembathekid In reply to PublicSecrecy [2006-12-07 03:16:29 +0000 UTC]

The .psd you end up with from this is a vector, which you can scale to whatever size you need. Then, you have to raster it when you save it as a .jpg or .png or whatever for web use, but if you ever need it at a higher resolution you can still go back to the .psd and scale it up some more.

👍: 0 ⏩: 1

PublicSecrecy In reply to nembathekid [2006-12-07 03:51:46 +0000 UTC]

If it's vector, then why when you zoom in on it does it not stay crisp, but rather pixelate? Also, if it's vector, then what purpose does Adobe Illustrator serve?

Also:

"It is the current market leader for commercial bitmap and image manipulation, and, in addition to Adobe Acrobat, is one of the best-known pieces of software produced by Adobe Systems."

And, "While Photoshop is the industry standard image editing program for professional raster graphics, its relatively high suggested retail price. . ."

Nowhere was the word "vector" found in the Wikipedia article of Photoshop. If photoshop is vector, you should be able to flatten all your layers, then resize them infinitely. That means if I create something, shrink it to 10%, then resize it to 150% of the original image, it should look exactly the same. But it doesn't.

👍: 0 ⏩: 0


| Next =>