HOME | DD
MissNysha β
The Ultimate Vectoring Guide
Published: 2009-07-13 05:01:46 +0000 UTC; Views: 89266; Favourites: 2258; Downloads: 3138
Redirect to original
Description
Chinese translated version by : [link]More in-depth tutorials by me:
Vector Mask Painting: [link]
Vector Mask Painting Hair: [link]
_____________________________________________
This tutorial was published in the first issue of Squish Magazine! [link]
This thing is HUGE!! Took me 3 days to put together - it consists of about everything I know about vectoring and the pen tool. Gosh I feel like I wrote a term paper. @__@
Please ask questions if you're confused! There is a ton of info!
Please DO NOT redistribute to any other sites.
Outline of info covered:
-What is a Vector
Difference between vectors and rasters
-What is a Vexel
-Intro to the vectoring tools in Photoshop
-Pen tool modes
Shape layers and Paths
-How to draw with the Pen tool
Edit: alt can also be pressed while you are dragging with the pen tool to change the angle of the unconnected handle bar all in one motion. (for when you are at step 3, so some may find step 5 an extra step, but for simple explaining purposes I'm keeping what I have)
-Editing the pen tool shape
-Editing relationships among multiple shapes in a single layer
-Layer Styles
Gradient overlays
-Vectoring lineart
-Vectoring shades (cell shading)
Edit: Some people use clipping masks, but I don't so I didn't mention them here. You can use whatever method makes shading easier for you.
-Troubleshooting tips
When curves aren't smooth
When curves are too sharp and jagged
-Applications of the Paths mode
Typing on paths
Stroking paths with brushes
Marquee selection from a path
-Vector Masking
Extracting Stock
Painting in vector masks
Edit2: Wow! Thanks so much for the DD!! :3
Related content
Comments: 365
This is great and must have taken ages.
Well Done.
I will be firing up Photoshop to start vectoring the world
π: 0 β©: 1
*__* Thank you! I love comments like this! :3
π: 0 β©: 1
Because youre worth it
π: 0 β©: 1
I think you just saved my life, Nysha-san. I needed this so much, thank you T-T
π: 0 β©: 1
Oh my goodness! I am so happy it was able to help you! Enjoy!
π: 0 β©: 0
Lool, I'm like 3 years late, but OMG THANK YOU SO MUCH this helps a lot. XD
π: 0 β©: 0
Im just getting started and i was looking for a good way to do my line art in photoshop and I tried your way and the lines are much smoother and neater. TYVM. Also the colouring technique is good will definately try that later on!
π: 0 β©: 1
Glad it could help you!
π: 0 β©: 0
thanks to your'e tutorials now i understand
the importance and the usage of this tool..
before i really avoid this tool because I really
don't know how to use it and it
really freaks me out ...
well thank you so much for this tutorial
i hope to learn more from you..
π: 0 β©: 1
Nice, I'm glad it helped you! ^__^
π: 0 β©: 0
I just started to learn how to make vectors. this is a great source for me to go back to whenever I have trouble (plus the shading of the hair looks really hard)
π: 0 β©: 1
Glad you like it. 
π: 0 β©: 1
can vectoring be used to restore the whole body of a picture? like this one [link]
π: 0 β©: 1
Yes, though reconstructing her legs requires drawing skill, but yes, vectoring is just another medium in art.
π: 0 β©: 1
I could use a tablet then edit the lines
π: 0 β©: 1
Yep, that's right. You can draw with the tablet/brush and then retrace what you drew with the pen tool to vector it.
π: 0 β©: 1
good to know because I am currently making a vector and the lower part of the character in the picture isn't there (maybe I'll link it if you are interested to know what I am talking about)
π: 0 β©: 0
This was quite useful in helping me get an overview of vectoring in photoshop, thanks!
π: 0 β©: 1
Very Nice Guide, Thank you for this awesome share, i have a question, Illustrator CS5 adds a new tool "width tool" which you can use too adjust stroke width at different points can this tool replace shape path line art ?
π: 0 β©: 1
Yeah I've seen that - just got CS5 myself.
π: 0 β©: 0
helpful tutorial
thank you so much
hmm I'm looking for shadow tutorials. if you know some please let me know and thanks in advance
π: 0 β©: 1
Glad to help. :3
Hmm, what kind of shadows? Colors of shadows or shaping them?
π: 0 β©: 1
You have an example of the pic you're working on? Cause I don't know any tuts specifically for this at the moment.
π: 0 β©: 1
no -_-.
I just want to know some basics and clever tricks
π: 0 β©: 1
Hmm try some of the tutorials by this person - they're quite useful.
π: 0 β©: 1
thank you pretty much, the're really useful
sorry if I bother you with my requests
thanks again. appreciate it
π: 0 β©: 0
Hmm, I have never made much use of vectoring... Maybe its time to try! Thanks for sharing!
π: 0 β©: 0
Thank you so much for sharing these wonderful tips!! 
I'm more used to work in photoshop, though when working with vectors I have to use Illustrator for homework, and I kind of dislike that software
In the tut, however, I got the impression you were using both programs. Am I right? Or is it that I can follow these tips on Illustrator as well? o.o
Sorry if my english is kind of confusing ^^U
Thanks Againg for this tutorial
π: 0 β©: 1
Glad you like it!
The techniques may be used in both illustrator and photoshop. However I prefer photoshop myslef.
π: 0 β©: 0
Hi MissNysha Thank you so much for all digital art tutorial you gave , it helped me a lot
, im new with all this stuff
once again thank you thank you
π: 0 β©: 1
I'm glad I could help you out! :3
π: 0 β©: 0
this is really help me thank you for making this and help me alot
π: 0 β©: 1
Someone from Animepaper pointed out this tutorial. I'm a newbie to this and I'm very much interested in vectoring my self. Thank you for a wonderful and concise tutorial. I hope that with enough practice and time, I would be able to master this wonderful skill as well. Instant fav!
π: 0 β©: 1
You're welcome, and thanks for stopping by too!
π: 0 β©: 0
This is very useful! Thank you for making this!
π: 0 β©: 1
| Next =>