Shop Mobile More Submit  Join Login
Illustrator/Vector Tutorial Part Two by Capt-Nemo Illustrator/Vector Tutorial Part Two by Capt-Nemo
Part two of my vector tutorial.

Part One: [link]

Edit: Somebody told me there is a sweet tool in Illustrator CS5 called the Width Tool. It lets you change the width of lines at specific points without having to convert strokes to outlines! I suggest you use that. Check out this tutorial: [link]
All you need to do is add a width point at the end of the stroke, double-click it, and change the total width to zero.

Edit two: I was informed of the "Draw Inside" tool also found in CS5. This tool automates the usage of clipping masks and makes them much easier to use. Check out a video here!
Add a Comment:
 
:iconbasingismagic:
BasingIsMagic Featured By Owner Mar 5, 2015  Hobbyist Digital Artist
Which version of illustrator is it? 
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Mar 6, 2015
Illustrator 10.
Reply
:iconbasingismagic:
BasingIsMagic Featured By Owner Mar 5, 2015  Hobbyist Digital Artist
Gimp isn't any vectoring program, it's raster program. even if it has path tool. Real vector lines don't blur when you zoom. Exported are in .SVG format. 

Please Here: mlp-vectorclub.deviantart.com/…
Reply
:iconnobody163:
nobody163 Featured By Owner Mar 10, 2014
thanks, so will this work on G.I.M.P?
Reply
:iconvectorizedunicorn:
VectorizedUnicorn Featured By Owner Mar 22, 2014  Hobbyist Digital Artist
Gimp isn't a program used specifically for vectoring, so no.
Reply
:iconnobody163:
nobody163 Featured By Owner Mar 23, 2014
what program would you suggest?
Reply
:iconvectorizedunicorn:
VectorizedUnicorn Featured By Owner Mar 23, 2014  Hobbyist Digital Artist
You could use the program listed here, Illustrator but it costs money. You can also try Inkscape, which is free. I suggest using Inkscape if you're not willing to spend some money. Illustrator is pretty good too. Photoshop is another option you can try.
Reply
:iconnobody163:
nobody163 Featured By Owner Mar 24, 2014
thanks 4 the tip!
Reply
:iconaceandjet:
AceandJet Featured By Owner Jan 19, 2014  Hobbyist General Artist
hat program did u ue?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jan 19, 2014
Uh, Illustrator? :P
Reply
:iconaceandjet:
AceandJet Featured By Owner Jan 20, 2014  Hobbyist General Artist
k
Reply
:iconruruderp:
ruruderp Featured By Owner Jul 20, 2013  Student Digital Artist
uhh Illustrator link please?
Reply
:iconstarsonata10:
Starsonata10 Featured By Owner Dec 24, 2012
I am really grateful of this tutorial... i gotta to thank you very much
With a vector knowledge... Now it's time to to get to the next level.. Time to learn Animation xD
Reply
:iconsassygirl1001:
Sassygirl1001 Featured By Owner Jul 7, 2013
I love animation xD
Reply
:iconmatigno57:
Matigno57 Featured By Owner Oct 5, 2012  Hobbyist Digital Artist
I have a problem : when I try to save my image for the Web, it says it is too big (5000x5000, very heavy background). Can I still export my vector in PNG, and in a good quality ? (Illustrator CS5)
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Oct 5, 2012
Yeah, that's one issue I've had before. Can't you just click okay and do it anyway? Otherwise, I'd say you might have to scale it down a bit. Or maybe there's another export option? Save as copy, perhaps?
Reply
:iconmatigno57:
Matigno57 Featured By Owner Oct 6, 2012  Hobbyist Digital Artist
First I get a warning : something like "The image is very big , error can occur" and when I click okay, the preview box and the error message come out. I've tried to ignore the error, but when I save in PNG-24 (same thing in PNG-8 or even JPEG), it brings out the same error and refuse to save my work as an image. When I try "Export", only the 72ppi works, and it takes everything (I work in a 5000*5000 square, but the final PNG is 7000*9000 and shows what is out of my worksquare)

I think I found a solution : export it in 72ppi ( :/ ) and then crop it in Photoshop. => Save for the Web, the warning message is still here, but it can export it as a PNG !
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Oct 6, 2012
Well, 72ppi is fine unless you're printing it. Your solution works, though. Sorry there's nothing more elegant! Like it says, Save for Web wasn't made for that kind of image size (I mean really, what web site would have a 5k image on it?).

I think it has to do with the image size, not dimensions. So if it were 9000x1000 (9mil pixels) it might work, but 5000x5000 (25mil pixels) is too much.
Reply
:iconpinkyhedgehog:
PinkyHedgehog Featured By Owner Sep 25, 2012  Hobbyist General Artist
I just want to thank you, this tutorial was really easy to follow and now I know how to work with vectors! :D


(Final result: [link])
Thank you!
Reply
:iconnaterrang:
NaterRang Featured By Owner Sep 24, 2012  Hobbyist Digital Artist
(Using Illustrator CS6)

I think I got a little carried away with the number of layers in my image. :/

It's exceedingly difficult to create fills without selecting a bunch of lines and layers I don't want to touch. I don't suppose there would happen to be some kind of paintbucket, magic wand, or simple fill tool? ^^;

(Curse my dependence on photoshop...)
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Sep 25, 2012
Oh yeah, the new ones have some kind of overkill snapping feature, don't they? There should be some way to turn that off in the options. Or, you could select the fill, right-click it, and send it to another layer (Under Arrange > Send to Current Layer).

There may be some kind of fill tool... I'm not familiar with the new versions. D: I know, I use Photoshop all the time, too! That's one of the downsides to vectors, though. You lose stuff like paint buckets and selection wands. You can try Google, though. That might help. :P
Reply
:iconnaterrang:
NaterRang Featured By Owner Sep 25, 2012  Hobbyist Digital Artist
It might sound a little convoluted, but I think I found a solution. I can export my lines into flash and use the fill bucket to easily fill in the white space and still keep the whole thing a vector image.

I'll let you know how it works out. ;)
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Sep 25, 2012
All right, whatever works for you! =P I've done some crazy things myself that I'd consider bad practice! Quite a bit more than I probably should, actually...
Reply
:iconpinkiepiez:
PinkiePieZ Featured By Owner Aug 11, 2012  Hobbyist Digital Artist
A question: how I can copy the colour in Illustrator 10?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Aug 11, 2012
You can't. The color picker only works on vector objects, not on images. :(
Reply
:iconartsyfartsyness:
artsyfartsyness Featured By Owner Aug 8, 2012  Student General Artist
thank you <3
Reply
:iconmehbrzd:
Mehbrzd Featured By Owner Jul 31, 2012  Student Digital Artist
this is a great resource, but coming from photoshop im struggling to understand as to how the lines mid way through themselves dont change thickness yet in the picture im vectoring they chage thickness mid line, am i thinking correctly or are the lines meant to be the same thickness all the way?
thanks
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jul 31, 2012
They're supposed to be constant thickness, except at the ends. Are you using a tablet? If so, you'll have to turn off the pressure sensitivity in Illustrator's settings or something. Otherwise, they should stay the same width. And use the pen tool, not the brush.
Reply
:iconroared123:
Roared123 Featured By Owner Jul 2, 2012
Thank friend!!!! :D
Reply
:iconheroman4b3:
heroman4b3 Featured By Owner Jun 19, 2012  Student Digital Artist
NEVER MIND i figured it out XD
btw this is allot freaken easier than using photoshop, i tried using Illustrator once for my OC and it didnt turn out how i wanted it to, but now that i know what im doing its so much easier, thanks for this
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 19, 2012
No problem, glad it helps. And good for you for figuring out your problem. :)
Reply
:iconheroman4b3:
heroman4b3 Featured By Owner Jun 19, 2012  Student Digital Artist
Here it is finished, [link] I had such a hard time with the eyes I always do, I tried using your tutorial for help but something wasnt working, so i did it the long way.... not fun.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 19, 2012
Yeah, I hate doing the eyes. Worst part. D: Glad you got it sorted, though! It looks good. My only criticism is the snout shape, but other than that it looks great!
Reply
:iconheroman4b3:
heroman4b3 Featured By Owner Jun 19, 2012  Student Digital Artist
Thanks :D and yea for some reason I couldn't seem to get the right shape, oh well I'll get it right next time
Reply
:iconheroman4b3:
heroman4b3 Featured By Owner Jun 19, 2012  Student Digital Artist
some help please, im having trouble with the hair colors, is it different with CS5 to be able to have the inner hair colors on top of the fill but below the stroke cause im having major trouble with that, i ended up making two separate layers for the fill and stroke for the hair outline and hair color, and thats just way to time consuming.
Reply
:iconseven-of-jacks:
Seven-of-Jacks Featured By Owner Jun 10, 2012  Hobbyist General Artist
So basically it's an advanced form of tracing? Go figure.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 10, 2012
This was just a demonstration. I don't encourage tracing in original art. This could equally well be applied to your own drawings.
Reply
:iconseven-of-jacks:
Seven-of-Jacks Featured By Owner Jun 11, 2012  Hobbyist General Artist
But vectors use lines that already exist. Tracing copies the lines over exactly. Isn't this almost the same thing? :dummy:
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 11, 2012
I'm saying you could apply this technique to things you've drawn yourself. Take this sketch, for instance - [link] . I vectored it with the permission of the artist - [link] .

So you don't have to trace screenshots from the show. I only did that as a demonstration. And I dunno who, but this is the only fandom I've seen that likes to do that for no reason. It's fun to just take a screenshot and vector it to use in wallpapers, prints, etc. Nobody claims it as their own art. There's even a whole group for it: [link]

So while one could just trace screenshots instead of drawing stuff, I don't think most people do that, and it certainly does not have to be done. This technique can apply equally well to drawings. :)
Reply
:iconseven-of-jacks:
Seven-of-Jacks Featured By Owner Jun 11, 2012  Hobbyist General Artist
I suppose you are correct good sir. Thank you for providing a well-reasoned argument with plenty of examples, instead of blindly CAPS-raging. :)
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 12, 2012
Thanks, and thank you for doing the same! :D
Reply
:iconseven-of-jacks:
Seven-of-Jacks Featured By Owner Jun 12, 2012  Hobbyist General Artist
No problem! :)
Reply
:iconalisonwonderland1951:
AlisonWonderland1951 Featured By Owner May 24, 2012  Hobbyist Digital Artist
I've been trying to reference it and it is very helpful, but some of the keyboard shortcuts you listed don't work for me. Do you know them for Apple computers?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner May 24, 2012
This may help: [link]

Or, there should still be a menu to change the keyboard shortcuts in one of the menus somewhere.
Reply
:iconalisonwonderland1951:
AlisonWonderland1951 Featured By Owner May 24, 2012  Hobbyist Digital Artist
Thanks! :D
Reply
:iconfuzzyacornindustries:
FuzzyAcornIndustries Featured By Owner May 19, 2012  Professional Interface Designer
Wow....I had no idea the Width Tool existed. Thanks so much. c_c'
Reply
:iconmysteryezekude:
MysteryEzekude Featured By Owner Apr 28, 2012  Hobbyist General Artist
I've finally finished my character vector thanks to you! You taught me a lot!
Reply
:iconfurryfandomfan:
furryfandomfan Featured By Owner Apr 25, 2012  Hobbyist Digital Artist
i think for now i'll just trace the image in DA Muro
a lot easier
Reply
:icondethpotato:
DethPotato Featured By Owner Apr 21, 2012  Student General Artist
I was watching some interesting tutorials on Adobe Illustrator, and I just discovered the "draw inside" tool for CS5. Perhaps it could be used as a substitute for the clipping mask on some parts for users with more up-to-date versions...?

Here's the video I found it in. It includes a ton of awesomely cool tools also: [link]
Reply
Add a Comment:
 
×
Download PNG 1000 × 12850




Details

Submitted on
March 23, 2012
Image Size
3.3 MB
Resolution
1000×12850
Link
Thumb
Embed

Stats

Views
31,575 (3 today)
Favourites
814 (who?)
Comments
99
Downloads
1,234

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×