Shop Mobile More Submit  Join Login
Illustrator Pony Vector Tutorial by SirCxyrtyx Illustrator Pony Vector Tutorial by SirCxyrtyx
Eye Tutorial: [link]

Links:
Pen Tutorial: [link]
Color Guides: [link]
Original Screenshot: [link]
Final Vector: [link]
A speed draw of this pony: [link]

Inkscape tutorial for those of you who don't have Illustrator: [link]

Hope this helps people make pony vectors using the greatest vector program! If you are confused about anything at all, feel free to ask. There are no stupid questions.

Suggestions to help me improve this tutorial are of course welcome.

Update 2/24/12: Added a section for non-CS5 users.
Update 2/25/12: Clarified section on one-sided width changing.






FOR USERS OF PRE-CS4 VERSIONS OF ILLUSTRATOR:
This tutorial by ~Capt-Nemo goes more in-depth into the stroke-to-fill method of line adjustment. It also showcases a slightly different method for vectoring, so you might want to check it out.
Add a Comment:
 
:iconujnasera:
ujnasera Featured By Owner Jun 15, 2016
Hi, Could you please help me. I want to do picture book and also images need be double spread. How to do this by using illustrator ? I don't know how to arrange artboards for  "double spread illustrations".

Please help me ..... !
Reply
:icongoose-feather:
goose-feather Featured By Owner Apr 6, 2015  Hobbyist General Artist
So I have my reference and the vector layer but how do I make the reference semi-transparent so I can see behind it?
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Apr 7, 2015
you can adjust its opacity in the appearance panel if you want. The usual method is to put the reference behind the vector though.
Reply
:icongoose-feather:
goose-feather Featured By Owner Apr 7, 2015  Hobbyist General Artist
I did put it behind the vector at first and everything worked perfectly but I have incredible problems with correct eye positioning and thus would like to not just reference but trace directly from the show picture. Now I either have to put the reference to less opacity so that I can see what I'm doing or the vector to less opacity. If I lower the opacity of the vector however it might screw up the already existing opacity. The opacity option in appearance does absolutely nothing and I have no idea what I'm doing wrong. I need help :D
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Apr 9, 2015
Try using outline mode on the vector. It will reduce it to just the lines, with no strokes or fills. That's what I use to get the positioning correct. Hold option, and click the little eyeball in the layers panel next to the layer you have your vector in to turn on outline mode.
Reply
:icongoose-feather:
goose-feather Featured By Owner Apr 9, 2015  Hobbyist General Artist
Ohhh! Yes, that works very well! Thank you so much! Will post my next vector here so you can see what I created using this tutorial :) I already created a batpony but I'm not 100% ok with it. Next time I'll know the trick :D
Reply
:icongamaray89:
Gamaray89 Featured By Owner Dec 2, 2014  Hobbyist Digital Artist
Thanks so much it helps with the tapers
Reply
:iconneoinkcorner:
NeoInkCorner Featured By Owner Oct 7, 2014  Student Digital Artist
THis works for CS6 as well?
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Oct 9, 2014
Absolutely.
Reply
:iconsirenanimations:
SirenAnimations Featured By Owner Jan 5, 2014  Hobbyist Digital Artist
Thanks this helps alot!
Reply
:iconbro-tato:
bro-tato Featured By Owner Aug 7, 2013  Hobbyist General Artist
Sorry if this is a dumb question, but how exactly do you get the face colors on a separate layer/path, without getting it to look like the ear is a separate piece? And how to "fill" it correctly, in a way.
Reply
:iconirdinahaiza:
IrdinaHaiza Featured By Owner Jul 10, 2013
Hmm,I'll look for basics and come back to this one later.
Reply
:iconritatheumbreon:
ritatheumbreon Featured By Owner May 5, 2013  Hobbyist General Artist
Thanks so much for the tutorial, including the one with the eye! It helped me a bunch! :D
Reply
:icontheonlywolf100:
TheOnlyWolf100 Featured By Owner Apr 6, 2013
One thing I'm really confused about with illustrator is what exactly to save the file as so it can be uploaded to DA and then downloaded for use by someone else, I mostly see all "download" options on vectors as just .png, but downloading that would just be a raster file, right? Soooo I'm just wondering what to save it as/how to have an option for people to download it for use in animations/etc.
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Apr 6, 2013
I encourage people to upload a very large (at least 3000 by 3000 pixel) raster file as their submission because that's honestly what most people will want anyway. When you want to provide the vector file as well, you can upload the .ai file to Sta.sh, and then provide a link to it in the description of your piece. That's what I have done here. Another useful vector format is .svg, which can be viewed natively in any modern browser. Exporting an svg from Illustrator will occasionally introduce errors though, so it's generally best just to stick with the .ai file.
Reply
:icontheonlywolf100:
TheOnlyWolf100 Featured By Owner Apr 6, 2013
Also, I've seen links for svg downloads, and since firefox in itself is an svg file viewer, it only opens the image in a new page (and you can't save the image from there)... how exactly do you download that so you can actually use the file in a project? (I've never actually made/used any vectors before xP )
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Apr 6, 2013
You can right-click on the link to the svg and select "save link as".
Reply
:icontheonlywolf100:
TheOnlyWolf100 Featured By Owner Apr 6, 2013
All right, thanks so much! ^-^ I can't tell you how long I've been googling these things to no avail! I'm hopeing to get started on a fluttershy vector I've sketched up, thanks again!
Reply
:iconpandawalrus:
PandaWalrus Featured By Owner Mar 19, 2013  Hobbyist General Artist
Hey, this all seems to be working for me but (and i know this might sound stupid) the colour picker wont let me pick a fill and a stroke colour at the same time, is there some setting i've messed up?
Linked problem here: [link]
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Mar 19, 2013
Clicking on the fill and stroke colors will change which one is selected. (you can also press x) If you hold down shift while using the eyedropper tool, it will only change whichever one is currently selected.
Reply
:iconpandawalrus:
PandaWalrus Featured By Owner Mar 19, 2013  Hobbyist General Artist
:iconderpyplz: Just found out that i'm dumb, thanks for the tutorial anyway :
Reply
:iconpandawalrus:
PandaWalrus Featured By Owner Mar 19, 2013  Hobbyist General Artist
Aaannnd that's the last time i don't check a plz O.o I'll stop spamming now
Reply
:iconamura-of-jupiter:
Amura-Of-Jupiter Featured By Owner Feb 9, 2013  Professional Digital Artist
fkasgjksl I DIDN'T KNOW ABOUT THESE OPTIONS THANKYOU :glomp:
Reply
:iconsydneyitssydneyyo:
SydneyitsSydneyYo Featured By Owner Jan 5, 2013  Professional Digital Artist
Nice.
Reply
:iconalex149:
Alex149 Featured By Owner Nov 21, 2012  Student Traditional Artist
I have illustrator but it wont let me upload my pics please help me :(
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Nov 24, 2012
That's extremely vague. Can you be a little more specific about your problem?
Reply
:iconalex149:
Alex149 Featured By Owner Nov 25, 2012  Student Traditional Artist
i figured it out but what the problem was i didnt save on pdf
Reply
:iconsashikuchan:
SashikuChan Featured By Owner Oct 2, 2012  Student Digital Artist
Is there a possibility of doing vectors without tracing? I love the clean lines but I think my art would be limited if I only traced. Not bashing, just new to using the pen tool. Photoshop pen tool is kinda too pixely so I was thinking about using the one in illustrator.
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Oct 2, 2012
You definitely do not have to trace. Many people will make a pencil drawing, scan it in, and then trace over their own drawing to get it to look nice. The pen tool can be a little hard to use to make things from scratch, but I know that :iconzutheskunk: does it. For example, this [link] was made entirely with the pen tool, no tracing involved.
Reply
:iconsashikuchan:
SashikuChan Featured By Owner Oct 2, 2012  Student Digital Artist
^^ I sketched with my tablet and then tried it. :o i think it looks kinda bad but I'd never used illustrator before this drawing. Here is the end result: [link]
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Oct 2, 2012
Since you're making a vector graphic, you may as well export at a larger resolution. That way people can get a better look at your art.
Reply
:iconsashikuchan:
SashikuChan Featured By Owner Oct 2, 2012  Student Digital Artist
Yea, I dont get how to do that yet x.x;; I know a LOT about photoshop but like nothing about illustrator.
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Oct 3, 2012
If you go to File>save for web, you can specify the size of the exported image.
Reply
:iconsashikuchan:
SashikuChan Featured By Owner Oct 3, 2012  Student Digital Artist
Oh! Thanks for the info :)
Reply
:icontheshinydragon:
theshinydragon Featured By Owner Sep 20, 2012  Hobbyist General Artist
Thank you for showing me how to taper my strokes!
Reply
:iconralthecommentator:
RaltheCommentator Featured By Owner Aug 27, 2012
I have a screenshot of a pony OC that I'd like to turn into a vector, but every time I try to put my character in outline mode (command + click), the entire image turns white without any strokes or fills. As if it's only outlining the square boarder of the image and not the outline of the pony. Any advice on how to fix this problem? I have Illustrator CS6.
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Aug 27, 2012
It sounds like you have the reference image in the same layer as your artwork. Try putting the reference in its own layer, and then locking that layer. Alternatively, you can go to File > Document Setup, and select Show Images In Outline Mode.
Reply
:iconrainbowsamcat:
RainbowSamcat Featured By Owner Aug 19, 2012  Hobbyist Traditional Artist
i have regular paint so would this work too?
Windows
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Aug 19, 2012
No. Paint is a raster graphics program. It cannot make vector graphics. I would recommend you not use Paint, as it is very limited in its features.
Reply
:iconrainbowsamcat:
RainbowSamcat Featured By Owner Aug 19, 2012  Hobbyist Traditional Artist
oh ok
Reply
:iconsixteen6stars:
sixteen6stars Featured By Owner Aug 3, 2012  Student Filmographer
i like to call this background chachter jane Timeless... cuss the first time i saw her she had a doctor whooves cutiemark.... strange that thee chanced her cutiemark
Reply
:iconbluedragon14:
bluedragon14 Featured By Owner Jul 15, 2012  Hobbyist General Artist
Where are the links to the color guides?
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Jul 15, 2012
These are the color guides that I use. [link]
Reply
:iconkiryuin-satsuki:
Kiryuin-Satsuki Featured By Owner Jul 14, 2012
THANK YOU! Im a web design student so this has really helped me out in a number of ways :D
Reply
:iconkhaerozz:
Khaerozz Featured By Owner Apr 30, 2012
thanks very much, you're the best thanks to you, i know how to use Ai correctly ;) you're awesome !!!!
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner Apr 30, 2012
If you make any vectors, feel free to leave a comment here with a link. I'd be happy to look it over and give you pointers.
Reply
:iconkhaerozz:
Khaerozz Featured By Owner May 3, 2012
thank's very much :), i would know if you posted tutorial on animation with flash? cuz all your tuto are really helpfull.
Reply
:iconsircxyrtyx:
SirCxyrtyx Featured By Owner May 3, 2012
I unfortunately do not know nearly enough about Flash to make a tutorial.
Reply
:icondragnmastralex:
Dragnmastralex Featured By Owner Mar 24, 2012  Hobbyist General Artist
ok quick question how the hell do you blend colors with inkscape to have a blur effect that goes from 1 color to another BUT still within the same object... I don't have to have to make 400 objects to obtain a color blend effect or redraw the entire page from scratch to cover the blur of the object edges that i want crisp and clear and if I make the background transparent I can't even do that.

Inkscape sux for tools they won't let you do it or resize your picture at all.
Reply
Add a Comment:
 
×




Details

Submitted on
February 24, 2012
Image Size
708 KB
Resolution
612×5214
Link
Thumb

Stats

Views
32,371
Favourites
505 (who?)
Comments
79
Downloads
628
×