Capt-Nemo's avatar
Illustrator/Vector Tutorial Part One
1K 146 40K (1 Today)
By Capt-Nemo   |   Watch
Published: March 24, 2012
HOLY CELESTIA'S MOTHER OF GIGANTIC TUTORIALS, BATMAN

Sorry the tutorial is so long, but that's just how I make 'em! Hopefully it'll be useful to you all.

Part Two: [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!

Here is the finished vector: [link]

And you can download the SVG here, layers and everything: [link]

If you have any questions, feel free to ask. I'm here to help.
If you find any errors, please tell me so I can fix them.
Image size
1000x13800px 3.08 MB
Comments146
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Timeless-Prophecy's avatar
Why the brush stroke isn't willing to convert the same way. Shame on that tool ~ may it be ashamed! :)
Timeless-Prophecy's avatar
Wow, now that I look at it, while zoomed out, it really does look long. :D

Either way, it showed me some essential steps, which I could do nothing without ~ regardless of my experience with Adobe products. For that, I thank you!

Hopefully, I'll be able to do stuff, like pasting a vector part on top of another to make an exact "cut" ~ just like things work in flash, if you try to put them on each other.
SynestheticSoul's avatar
SynestheticSoulHobbyist General Artist
Tut is amazing. I didn't know you could turn lines into fills like that! Would have saved me a lot of time if I did! =P
Asg16-4's avatar
Asg16-4Hobbyist General Artist
lots of text lol you need to make a video LOL
Timeless-Prophecy's avatar
Drink a coffee, and it won't be boring to read.

Videos are great, but you remember what you read more easily.
Andro010's avatar
Andro010Student Digital Artist
Thank you so much... this tutorial helpd me a lot :D
Capt-Nemo's avatar
Adobe Illustrator 10, though it should work with most versions of Illustrator.
Tory-Kasper's avatar
Thank you so much for this! I made a thing with it. :)
[link]
I know it's not that great but it was my first attempt at a vector. I had some difficulty because of the differences between Photoshop and Illustrator, but I like it and I never would have figured it out without you. So thanks so much! ^_^
Luchocas's avatar
LuchocasHobbyist Digital Artist
After tranforming the lines to outlines, there is a way to change them back to lines?
Capt-Nemo's avatar
Unfortunately, no. :( That's why you have to make sure you have the lines right before you change them, or it's a pain to move them around afterwards.

If you have CS5, though, you can actually use the width tool instead, and that does let you edit the lines easily. Check out the description for a link on how to use it,
Luchocas's avatar
LuchocasHobbyist Digital Artist
Thanks for the quick answer.
I use CS6. But sometimes I find better to turn the line into outline than using the width tool.
Capt-Nemo's avatar
No problem! Unfortunately, you'll have to use the width tool if you want to easily adjust your lines afterwards. If you can manage otherwise, then awesome.
MattsyKun's avatar
MattsyKunHobbyist Digital Artist
This.....this is so helpful :D I finally understand how to do vectors in this program! Thank you SO MUCh.
Senwe45's avatar
Senwe45Hobbyist General Artist
It seems so usefull... I'm gonna try it! :3
craptastics's avatar
hi. i have been trying to use this tutorial but the way to make thin ends is just not explained well enough. what do you mean by "select the end bit and delete it"? i can't select the little nodes or whatever, nothing happens when i click them, and when i drag and select HALF of the line disappears when i click delete. there's no little lines i can move, the whole line just moves when i try.

this is beyond frustrating.
Capt-Nemo's avatar
Right, I do realize that wasn't super well-explained... So, after you convert the path to outlines, select the Direct Selection Tool (the white arrow). Now, imagine you have a long rectangle. There's two ends on it - the short line segments. You have to click on that end line segment, then hit delete. Only the end line segment should disappear. Don't click and drag, just click once on the end line segment. If the whole thing disappears when you hit delete, you accidentally clicked inside the shape, thus selecting the whole thing, not just the line. Try again.

If you still can't get it after that, ask again and I'll make a diagram for you. :)
MattsyKun's avatar
MattsyKunHobbyist Digital Artist
Oooh, thanks for this. XD This makes SO much sense now!
craptastics's avatar
that was much better explained. i'll try again, in like, two days, because it's late and tomorrow i have things to do so yeah. but thanks, i'll let you know if it works c:
ZearouAyedea's avatar
ZearouAyedeaHobbyist Digital Artist
Oh, my bucking pony... I just finished making my first vector art of my changeling OC. I wish I had known about the "Draw Inside" tool.
SliatXD's avatar
Podrían por favor hacer éstas cosas en español?? :c Batallo muchísimo tengo tiempo queriendo hacer ponies en vectoriales pero no hallo nada que me explique en español...
Capt-Nemo's avatar
Lo siento, no sé españoles, sólo puedo utilizar Google Translate. Yo no voy a traducir todo el asunto. Tal vez usted puede encontrar algunos videos que ayudan?
Drumerforlife's avatar
i can help with this, i speak spanish (first language :) )
ArtOfReverie's avatar
ArtOfReverieHobbyist General Artist
I'm having tons of issues with the anchor handles. Doing big mac(if that matters), I notice I am having lots of issues knowing when to put in an anchor point with or without a handle, and when I do, a lot of the time I find it goes all bonkers sometimes and the directions are wrong, or the end cap is rounded when I want it sharp or sharp when I want it rounded. I also find that even on a simple round edge like the rump, I am having issues getting a nice curve without random little hiccups in it. I couldn't really explain it better unless I showed you in video of me doing it(which I can do) or if I simply sent you the file as it stands. I really want to be able to make vectors of my own for animation in flash, but this is really turning out to be a big hurdle for me.
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved