Shop Mobile More Submit  Join Login
Illustrator/Vector Tutorial Part One by Capt-Nemo Illustrator/Vector Tutorial Part One by Capt-Nemo
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.
Add a Comment:
 
:icontimeless-prophecy:
Timeless-Prophecy Featured By Owner Dec 27, 2013
Why the brush stroke isn't willing to convert the same way. Shame on that tool ~ may it be ashamed! :)
Reply
:icontimeless-prophecy:
Timeless-Prophecy Featured By Owner Dec 27, 2013
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.
Reply
:iconsynestheticsoul:
SynestheticSoul Featured By Owner Nov 30, 2013  Hobbyist 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
Reply
:iconasg16-4:
Asg16-4 Featured By Owner Sep 5, 2013  Hobbyist General Artist
lots of text lol you need to make a video LOL
Reply
:icontimeless-prophecy:
Timeless-Prophecy Featured By Owner Dec 27, 2013
Drink a coffee, and it won't be boring to read.

Videos are great, but you remember what you read more easily.
Reply
:iconandro010:
Andro010 Featured By Owner Jun 15, 2013  Student Digital Artist
Thank you so much... this tutorial helpd me a lot :D
Reply
:iconrainbowboomandshadel:
what program?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 12, 2013
Adobe Illustrator 10, though it should work with most versions of Illustrator.
Reply
:icontory-kasper:
Tory-Kasper Featured By Owner Jun 8, 2013
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! ^_^
Reply
:iconluchocas:
Luchocas Featured By Owner Apr 26, 2013  Hobbyist Digital Artist
After tranforming the lines to outlines, there is a way to change them back to lines?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Apr 26, 2013
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,
Reply
:iconluchocas:
Luchocas Featured By Owner Apr 26, 2013  Hobbyist 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.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Apr 26, 2013
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.
Reply
:iconmattsykun:
MattsyKun Featured By Owner Apr 22, 2013  Hobbyist Artisan Crafter
This.....this is so helpful :D I finally understand how to do vectors in this program! Thank you SO MUCh.
Reply
:iconsenwe45:
Senwe45 Featured By Owner Mar 22, 2013  Hobbyist General Artist
It seems so usefull... I'm gonna try it! :3
Reply
:iconcraptastics:
craptastics Featured By Owner Feb 15, 2013
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.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Feb 15, 2013
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. :)
Reply
:iconmattsykun:
MattsyKun Featured By Owner Apr 22, 2013  Hobbyist Artisan Crafter
Oooh, thanks for this. XD This makes SO much sense now!
Reply
:iconcraptastics:
craptastics Featured By Owner Feb 15, 2013
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:
Reply
:iconzearouayedea:
ZearouAyedea Featured By Owner Jan 26, 2013  Hobbyist 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.
Reply
:iconsliatxd:
SliatXD Featured By Owner Jan 13, 2013
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...
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jan 14, 2013
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?
Reply
:icondrumerforlife:
Drumerforlife Featured By Owner May 21, 2013
i can help with this, i speak spanish (first language :) )
Reply
:iconartofreverie:
ArtOfReverie Featured By Owner Nov 9, 2012  Hobbyist 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.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Nov 10, 2012
Best I can do is tell you to practice more. :( I'd recommend checking out MLP-VectorClub, downloading some SVGs, and seeing how other people do it. I wish you the best of luck, and I'm sorry I couldn't be more helpful. That's just the kind of thing you have to practice.
Reply
:iconartofreverie:
ArtOfReverie Featured By Owner Nov 10, 2012  Hobbyist General Artist
Thanks anyhow, after coming back to the vector, I think it is actually not turning out bad, but I'm just being maybe a bit hyper critical. Once I finish, I'd be honored if you gave me some constructive feedback. :D Thanks for this guide, its long and detailed, which is exactly how I like it.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Nov 10, 2012
Send me a message and I'll definitely check it out, and thank you!
Reply
:iconmizzzjulie:
mizzzjulie Featured By Owner Sep 11, 2012  Hobbyist Digital Artist
Thank you for this and part 2 too! :)
Reply
:iconxoicemistox:
xOIceMistOx Featured By Owner Aug 17, 2012  Hobbyist General Artist
I have Illustrator CS5 but I can't make the lines end in a point. Is there any other way to do that?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Aug 17, 2012
There is the method in the tutorial, or you can use the width tool. Look in the description for a link on how to use it!
Reply
:iconxoicemistox:
xOIceMistOx Featured By Owner Aug 17, 2012  Hobbyist General Artist
oh thank you!
Reply
:iconaliceprewett:
aliceprewett Featured By Owner Aug 11, 2012  Hobbyist General Artist
Is Illustrator free?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Aug 11, 2012
Nope, unfortunately. :( Inkscape is free, but this tutorial won't work very well with it.
Reply
:iconaliceprewett:
aliceprewett Featured By Owner Aug 11, 2012  Hobbyist General Artist
Oh ok, thanks anyway though :)
Reply
:iconauzie-angel:
Auzie-Angel Featured By Owner Aug 10, 2012  Student Digital Artist
I'm not sure if I should be holding down alt or ctrl when I have to delete the end of the path, but either it deletes an anchor or the whole lines deletes completely.

What am I doing wrong? D:
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Aug 11, 2012
You need to use the Selection Tool, not the Direct Selection Tool. And make sure you click only on the last line segment, not the fill or anything.
Reply
:iconauzie-angel:
Auzie-Angel Featured By Owner Aug 11, 2012  Student Digital Artist
Ooohhh, okay, thank you very much~ :3
Reply
:iconjotablu:
jotablu Featured By Owner Jul 18, 2012
Couldn't you do that on gimp? Like outline in another layer and then make the other layer invisible and color over it with paths tool?
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jul 18, 2012
I suppose, yes. But it wouldn't be a real vector, and if you zoom in on it, it'll just get pixellated.
Reply
:iconjotablu:
jotablu Featured By Owner Jul 18, 2012
:icongahplz:
Okayz, I might try it when I get gimp though
Reply
:icontaishobee:
TaishoBee Featured By Owner Jul 16, 2012  Hobbyist Traditional Artist
I only have Photoshop CS3, can I still use this? I really want to learn how to do this.
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jul 17, 2012
Well, kinda. This won't apply for a lot of the step, because Photoshop doesn't do vector stuff very well. You'd be better off getting Illustrator or finding a photoshop-specific tutorial.
Reply
:icontaishobee:
TaishoBee Featured By Owner Jul 17, 2012  Hobbyist Traditional Artist
Okay, this looks great even if I can't use it. :)
Reply
:iconlaguito:
Laguito Featured By Owner Jun 22, 2012  Hobbyist Digital Artist
Tanks so much :D
Reply
:iconrandomjack32:
Randomjack32 Featured By Owner Jun 22, 2012
Thank you very much for this tutorial. I hate videos that go at their own pace and either waste time or leave you behind, so I was really glad to find a written Illustrator tutorial. I've dallied in pony drawing for awhile, but just opened Ai the other day in hopes of getting that perfect smooth look only vectors seem to be capable of. Before I found your explanation, I could not for the life of me figure out how to point the lines! Moving on to part two now.
Reply
:iconssbrosb:
SSBrosB Featured By Owner Jun 17, 2012
I don't know if someone could answer this for me, however I'm having trouble just going from the lines to the lines with the black around it. I have Illustrator CS so I'm sure it's in there somewhere, but I just can't find any tutorial telling me how I can make that border around those lines. (maybe it's that arrow under the x which I can't seem to find).

So yeah, that's my only problem that I'm having right now with it. Great tutorial otherwise!
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 17, 2012
I'm assuming what you have right now is a line with a stroke on it? Just select it with the regular selection tool, and go to Object > Path > Outline Stroke. Then you should have a shape with a fill and no stroke. Take away the fill, give it a stroke, and there you go!
Reply
:iconssbrosb:
SSBrosB Featured By Owner Jun 17, 2012
Another dumb question, when using the direct selection tool, it's only letting me move the whole outline, and not letting me select individual parts of the line (like I can't delete a section or point with it). So I'm wondering how to do it then? >_<;

I haven't used illustrator a lot so I'm trying to get the hang of it, I just feel like these are dumb questions since I can't find them spelled out for me in tutorials X|
Reply
:iconcapt-nemo:
Capt-Nemo Featured By Owner Jun 17, 2012
Perhaps you actually need to use the other one? But it should be the direct selection tool. Make sure you're clicking actually on the actual point or line segment, not the fill or anything else.
Reply
:iconssbrosb:
SSBrosB Featured By Owner Jun 17, 2012
Yeah, it seems to be doing it a bit randomly for me, though I may just zoom in more.

But what I do need is lots of practice, which I will hopefully have enough time for XD It seems pretty fun so far though. Thanks for all your help!
Reply
Add a Comment:
 
×




Details

Submitted on
March 23, 2012
Image Size
3.1 MB
Resolution
1000×13800
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
36,791 (5 today)
Favourites
1,085 (who?)
Comments
147
Downloads
2,429

License

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