Photoshop Tutorial: How To Draw A Vector Image

[frigrm]

Not smoothing strokes with a tablet is just backward.

Using photoshop to make "vectors" is even more backward.

Not using masks or selections in photoshop is just.....

It would have been faster to use a real vector program.. or at least just use the pen tool and then convert points..................

[psyoniksoundz]

@frigrm Where's your tutorial?

[frigrm]

I have some basic tutorials on using sketchbook designer, using the mouse. I try to keep it simple and don't cover most of the advanced stuff. I don't think I went into layers or custom pallet at all even, just vectors mostly. I don't see why people would trace using freehand. If you have the dexterity, using a digitizer is fine for placing anchor points, which is what I do, but a mouse is also fine.

[Theaveragejoelund]

no offence but if that picture is of you then you look like a right fagot..

[thackshila]

technically its not a Vector... 

[Trevoc2]

Change the title to "Create a cartoon in Photoshop" instead of confusing people who are not looking for cartoons or your explanation as to why it is similar to cartoon. There is a reason why each is called by a different name, to differentiate which is which, and not to be left to your discretion as to how to define the two processes. So, stop confusing viewers with your own choice of names just because you believe they are one and the same.

[deetherookie]

2:14 THATS What SHE SAID!! lol gigitty

[nervousnotebooks]

no offence but that looks like shit

[shika775]

I WILL DOWNLOAD THIS TUTOR HOPE THAT I WILL FEEL SATISFIED WITH TH RESULT

[arafetkanso]

fine, but how to save as vector image? so i can resize it easily ??

[alandalong]

Just (keep) hold shift + click ..

[MillStream30]

Thanks for the vid, I didn't know how to convert the path to a line, now I know. I was hoping there was a way to convert it and still keep it in a vector format though, what I'm working on has to be resizable on a HUGE scale. Guess that's why they sell Illustrator ;) . Good tutorial!

[SamplingMusic]

here we have a regular picture tacken by a regular idiot

[YouJustShutUpNow]

@SamplingMusic

if you are so damn smart, why dont you do some tutorials?

[SamplingMusic]

@YouJustShutUpNow sorry, i admit i shouldn't of said that

[jeremylebron10]

Hey I could do that to a picture of me?

[TheBacha12345]

really helped me to finish my project. Lukin forward to c more. Thanx

[weareswagforce]

Can you do one for me?

[TheEedorb]

elements???

[TheVegetarianBear]

Where is your ears man?

[RoelGeurtsen]

I'll do a better job with just a mouse, freedraw! not to prag! but just as a matter of fact!

[elementsofpleasure]

Great Video...

[Camel5hark]

what

[dawnandmuses]

my path selection is not appearing... what should i do? please help

[David8Parkour]

@dawnandmuses You need to click stroke path. You are just making a path, its no drawing anything

[zombiefuckification]

How do you get the color to stay the same shade when you go over when coloring ? when I paint if the color over-lapes it changes color. I've only been working with a pad for 5 months and haven't learned names or technices

[mn3ei]

How much does that drawing board?

[bleachvsnaruto24]

This shit sucks, you talk to much when we clearly get the point. Disliked..

[PedrojPalma]

whats command

[ReetroGFX]

Nice bro

[3dkhongo]

Eww..



[isaias5801]

@mrblackversion oooooooooooooooooh ok ;)

[isaias5801]

hi how do yo got call of duty 4?

[kianjheff06]

he looks like chuck norris of modern day

[iamricaglee]

I hope you'll teach this kind of thing using Photoshop CS3

[mnaazmy]

r u talking using ur nose>>

[BrianKyle123654]

On photoshop no Vector only Vecxels xD!!!

[Ladyluck8987]

This is a good technique but it is not a vector image. And you can do vectors in photoshop you are just more limited on the tools and Illustrator has a lot of cooler stuff if you know how to use it. But this image right here if you were to go to image and then change the size of it to a much larger size the resolution would be terrible.A true vector image ALWAYS has a great resolution no matter what size it is at. You are making a raster image here.

[mrarbiter200]

is that a real i mac or a theme please tell me



[davidabrahamgarcia7]

octo, why is it that i cannot click on the "stroke path" when i right click on the line i made with the pen tool?

[BmacsMusique]

below this image *aswell* lol <3

[createdbyandrew]

nice tutorial

[shino200621]

Thanks! Great vid!

[TheReallyGG]

your technique requires a lot of time. :))) oh well. so much for learning new info xD

[TheReallyGG]

OCTOTITS!:D

[BeyondyourWonderland]

You look like a Fucken Girl!!!!!! hahahahahahahahahah

[NeEner2x]

this is another step..

i have mine using eyedropper and pen tool.. but the way you color the edges helped me because i didnt know that there was such way to do it like the way your stroke path..

[KnowBMX]

Thanks for this man!

Really Helped me out!

My Finished Design is at DOPEP3NG Clothing. Found at DOPEP3NG (dot) Spreadshirt (dot) Co (dot) Uk

Thanks



[lazarotheboss123]

where i can get the thing that you drawing on

[qqqTOXICqqq]

Sweet! it almost looks like GTA 2,3,4 art!

[IforgotMyMedication]

Not really what I was looking for. I was looking for some actual vector image tutorials (maby inkscape or adobe illustrator) not this because photoshop is bitmap editing program not vector :P. Just wanted to share that with everyone :D

[octotuts]

@IforgotMyMedication You're right, photoshop does bitmap image, and illustrator does vector. But honestly they both come out looking the same. The vector has the advantage of being able to be resized into any size without loosing quality, but thats the only major difference. I'm way more comfortable with photoshop, and I don't have the desire to use it as an actual vector and resize it into different sizes, so I used photoshop in this tutorial.

[IforgotMyMedication]

@octotuts Yeap. Still great video and it helped me even though it was photoshop because you can use at least some things from this video in inkscape :P

[asvestomixZ]

@octotuts it is easy to convert it to vector after you've done this procedure

[WesFX7]

@IforgotMyMedication Oh, that's the program I was trying to think of, Illustrator.

It's been years since I took my Photoshop class, and I thought it was a different program from Photoshop that would let me do what Illustrator does, but I couldn't remember what the name was and didn't even see Illustrator on Adobe's site so just assumed I was wrong.

Anyway, just tried to use Photoshop to do Illustrator stuff and I was getting a serious headache. Now I know why.

[Palgh]

@IforgotMyMedication photoshop is a vector based as apposed to rastor based like ms paint.

[IforgotMyMedication]

@Palgh Photoshop is a BITMAP editor like mspaint paint.net gimp or anything like that but adobe illustrator and inkscape and maby some other software are VECTOR editors. If you don't know what i'm talking about now go check it from wikipedia :)

[Palgh]

@IforgotMyMedication I don't need to check wikipedia. What i meant was that photo shop has the capability to export vector shapes. As in it's not 'purely' RASTER based. I'd say you could do it in gimp as well. Get a photo, grab the pen tool and draw a shape and you can export as a VECTOR, yet if you use fill stroke or make selection it is a RASTER shape. You can do both RASTER and VECTOR graphics in photo shop. Raster is the word you were looking for when you said BITMAP. Bitmap is a file format

[OfficialTaeLove]

@IforgotMyMedication you can design vector images in photoshop he is just doing it all wrong

[LouishNucky10]

i dont have a tablet!!!!

racist to non tablets!

[nikcolec]

@LouishNucky10 LOL! thats 2 funny

[nervousnotebooks]

@LouishNucky10 monoprice makes affordables tablets i don't work for them

[Elazul2k]

I just wasted 1:30 of my life before turning off this tutorial. It just sits on his desktop. Don't bother wasting your time everyone!

[QucciMaMa]

terrible

[octotuts]

@QucciMaMa how so?

[Jdeadevil]

@octotuts Well look at the final image compared to the other vector artists, their lines are way straighter. Granted, you used shadows, but you need more shades on the skin, and straighter lines.

[thatdazsmith]

@octotuts Ignore the prick. Nice work :o)

[Nasbayern]

@QucciMaMa :(

[d123s404]

@QucciMaMa Octotuts appreciates the constructive criticism you offer. :)

[CaptSaveAHo3]

Great tutorial! I just did my own. Not bad for an amateur.

[xRhyss]

Yo ,

Where Did You Get Your Photoshop CS5 Serial Code From?

[CustomLegoBoy28]

my laptop is touch screen almost the same :P

[bastardson17]

Cool tutorial. thx

[MrRichiesixx]

Thanks man for the great tut once again.

[ultraboy626]

Wow - cod4

[HabboYearbook]

yay more tuts!

[Mr9litcher101]

3rd yay

[GeniusDealProduction]

third

[ksidornseif]

Call of duty 4? :P

[octotuts]

@ksidornseif dont judge me. xP

[ksidornseif]

@octotuts

Call of Duty 4 is much better (imho) than Mw2.

And I didn't know they made mac versions of it.

[lovegame360]

second

[erebuntsitxa818]

first