Shop Mobile More Submit  Join Login
The Ultimate Vectoring Guide by MissNysha The Ultimate Vectoring Guide by MissNysha
Chinese translated version by :iconspfd: : [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. :D
-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
Add a Comment:
 

Daily Deviation

Given 2009-07-19
The Ultimate Vectoring Guide by ~MissNysha is an amazing tutorial that is easy to follow and beautifully presented. ( Suggested by bybystarlight and Featured by LawrenceDeDark )
:iconvexcel:
Vexcel Featured By Owner Feb 12, 2014  Hobbyist General Artist
I love you, man.
Reply
:iconmissnysha:
MissNysha Featured By Owner Feb 12, 2014  Professional General Artist
Thank you! <3
Reply
:iconfleetingecstasy:
fleetingecstasy Featured By Owner Feb 11, 2014
This is great and must have taken ages.
Well Done.
I will be firing up Photoshop to start vectoring the world
Reply
:iconmissnysha:
MissNysha Featured By Owner Feb 12, 2014  Professional General Artist
*__* Thank you! I love comments like this! :3
Reply
:iconfleetingecstasy:
fleetingecstasy Featured By Owner Feb 12, 2014
Because youre worth it
Reply
:iconmissnysha:
MissNysha Featured By Owner Feb 12, 2014  Professional General Artist
Wah! *___* <3
Reply
:iconchrona-sama:
Chrona-sama Featured By Owner Oct 17, 2013
I think you just saved my life, Nysha-san. I needed this so much, thank you T-T
Reply
:iconmissnysha:
MissNysha Featured By Owner Oct 31, 2013  Professional General Artist
Oh my goodness! I am so happy it was able to help you! Enjoy! :D  Let me know if you have any more questions too.
Reply
:iconmetaknightmare1234:
metaknightmare1234 Featured By Owner Dec 6, 2012  Hobbyist General Artist
Lool, I'm like 3 years late, but OMG THANK YOU SO MUCH this helps a lot. XD :D
Reply
:iconjdb-inks:
JDB-Inks Featured By Owner Mar 19, 2012  Hobbyist General Artist
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!
Reply
:iconmissnysha:
MissNysha Featured By Owner Mar 19, 2012  Professional General Artist
Glad it could help you! :D
Reply
:iconmacriz05:
macriz05 Featured By Owner Mar 15, 2012  Student General Artist
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 :iconomgnoesplz:...
well :iconhappytearsplz:thank you so much for this tutorial
i hope to learn more from you..
Reply
:iconmissnysha:
MissNysha Featured By Owner Mar 15, 2012  Professional General Artist
Nice, I'm glad it helped you! ^__^
Reply
:iconphoenolf:
phoenolf Featured By Owner Jan 4, 2012  Hobbyist General Artist
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)
Reply
:iconmissnysha:
MissNysha Featured By Owner Jan 4, 2012  Professional General Artist
Glad you like it. :) And the shading isn't really hard; just a bunch of layered colors basically.
Reply
:iconphoenolf:
phoenolf Featured By Owner Jan 5, 2012  Hobbyist General Artist
can vectoring be used to restore the whole body of a picture? like this one [link]
Reply
:iconmissnysha:
MissNysha Featured By Owner Jan 5, 2012  Professional General Artist
Yes, though reconstructing her legs requires drawing skill, but yes, vectoring is just another medium in art. :)
Reply
:iconphoenolf:
phoenolf Featured By Owner Jan 5, 2012  Hobbyist General Artist
I could use a tablet then edit the lines
Reply
:iconmissnysha:
MissNysha Featured By Owner Jan 7, 2012  Professional General Artist
Yep, that's right. You can draw with the tablet/brush and then retrace what you drew with the pen tool to vector it.
Reply
:iconphoenolf:
phoenolf Featured By Owner Jan 8, 2012  Hobbyist General Artist
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)
Reply
:icondaftcherub:
DaftCherub Featured By Owner Nov 25, 2011
Awesome Tutorial, very detailed. Thank you.
Reply
:iconphearlock:
Phearlock Featured By Owner Nov 13, 2011
This was quite useful in helping me get an overview of vectoring in photoshop, thanks! =)
Reply
:iconmissnysha:
MissNysha Featured By Owner Nov 13, 2011  Professional General Artist
Glad you liked it! :D
Reply
:icondraaky:
Draaky Featured By Owner Oct 24, 2011  Hobbyist Digital Artist
Tnx for the tips!
Reply
:iconarslansss:
ArslanSSS Featured By Owner Oct 23, 2011
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 ?
Reply
:iconmissnysha:
MissNysha Featured By Owner Oct 23, 2011  Professional General Artist
Yeah I've seen that - just got CS5 myself. :) I would say you can try out whatever works, but also that the most natural strokes look best (compared to auto generated ones).
Reply
:iconaliyaqooob:
AliYaqooob Featured By Owner Sep 10, 2011  Student Digital Artist
helpful tutorial :D
thank you so much :)
hmm I'm looking for shadow tutorials. if you know some please let me know and thanks in advance :)
Reply
:iconmissnysha:
MissNysha Featured By Owner Sep 10, 2011  Professional General Artist
Glad to help. :3

Hmm, what kind of shadows? Colors of shadows or shaping them?
Reply
:iconaliyaqooob:
AliYaqooob Featured By Owner Sep 12, 2011  Student Digital Artist
the shapes., :)
Reply
:iconmissnysha:
MissNysha Featured By Owner Sep 12, 2011  Professional General Artist
You have an example of the pic you're working on? Cause I don't know any tuts specifically for this at the moment.
Reply
:iconaliyaqooob:
AliYaqooob Featured By Owner Sep 13, 2011  Student Digital Artist
no -_-.
I just want to know some basics and clever tricks :)
Reply
:iconmissnysha:
MissNysha Featured By Owner Sep 13, 2011  Professional General Artist
Hmm try some of the tutorials by this person - they're quite useful. :) [link]
Reply
:iconaliyaqooob:
AliYaqooob Featured By Owner Sep 13, 2011  Student Digital Artist
thank you pretty much, the're really useful :D
sorry if I bother you with my requests :aww:
thanks again. appreciate it :)
Reply
:iconnyanqueen:
NyanQueen Featured By Owner Aug 3, 2011  Hobbyist General Artist
Hmm, I have never made much use of vectoring... Maybe its time to try! Thanks for sharing!
Reply
:iconholyeye:
HolyEyE Featured By Owner Jul 28, 2011
thank you, very helpful.
Reply
:iconsolitarygfx:
Solitarygfx Featured By Owner Jul 25, 2011
this sooo gooooooood <3
Reply
:iconrukis-vwalde:
Rukis-vWalde Featured By Owner Jul 21, 2011  Student Digital Artist
Thank you so much for sharing these wonderful tips!! :dance: I like vectors, but I didn't know vector masks could be that useful :D

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 :hmm:

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 :D
Reply
:iconmissnysha:
MissNysha Featured By Owner Jul 21, 2011  Professional General Artist
Glad you like it! :D
The techniques may be used in both illustrator and photoshop. However I prefer photoshop myslef. :)(most of the instructions on this guide were made in ps anyway, unless otherwise noted. The same tools/instructions I have for manipulating vector shapes are in both AI and ps). So if you need to vector something for homework, photoshop is perfectly fine. :) I made another tut specifically for vector masking in ps too.
Reply
:iconruintsmartvelous7:
RuintsMartvelous7 Featured By Owner Jul 13, 2011
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
Reply
:iconmissnysha:
MissNysha Featured By Owner Jul 13, 2011  Professional General Artist
I'm glad I could help you out! :3
Reply
:iconshadowbob19:
shadowbob19 Featured By Owner Jul 11, 2011  Student Photographer
this is really help me thank you for making this and help me alot
Reply
:iconmissnysha:
MissNysha Featured By Owner Jul 11, 2011  Professional General Artist
Glad I could help! :D
Reply
:iconshadowbob19:
shadowbob19 Featured By Owner Jul 12, 2011  Student Photographer
thank you again
Reply
:iconjumpyjen:
JumpyJen Featured By Owner Jul 10, 2011  Hobbyist Traditional Artist
really useful guide; thanks
Reply
:iconmissnysha:
MissNysha Featured By Owner Jul 11, 2011  Professional General Artist
You're welcome. :)
Reply
:iconshijirou:
shijirou Featured By Owner Jun 2, 2011
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!
Reply
:iconmissnysha:
MissNysha Featured By Owner Jun 3, 2011  Professional General Artist
You're welcome, and thanks for stopping by too! :D Good luck in your vectoring. If you come across any issues/questions, feel free to ask!
Reply
:iconjai219:
jai219 Featured By Owner May 21, 2011
This is very useful! Thank you for making this! :) :la:
Reply
:iconmissnysha:
MissNysha Featured By Owner May 23, 2011  Professional General Artist
My pleasure! :3
Reply
:iconhuluobojiayou:
huluobojiayou Featured By Owner May 10, 2011
thank you, nysha, it's very helpful for me :nod:
thanks again~~~ ^-^y
Reply
Add a Comment:
 
×
Download JPG 1000 × 10000




Details

Submitted on
July 12, 2009
Image Size
2.5 MB
Resolution
1000×10000
Link
Thumb
Embed

Stats

Views
73,220 (2 today)
Favourites
2,355 (who?)
Comments
360
Downloads
2,958
×