HOME | DD

Capt-Nemo β€” Illustrator/Vector Tutorial Part One by-nc-sa

Published: 2012-03-24 04:42:31 +0000 UTC; Views: 86751; Favourites: 1022; Downloads: 2521
Redirect to original
Description 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.
Related content
Comments: 148

FullMetal-Landon In reply to ??? [2012-04-12 03:55:52 +0000 UTC]

Vec-tor? Ras-ter? What are these words of which you speak?
Yeah, I don't know what the difference is.

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to FullMetal-Landon [2012-04-12 04:16:07 +0000 UTC]

Vector art is defined as lines and shapes. This way, they can be zoomed in on or scaled without it getting pixellated. Raster images are defines as pixels, so you can't increase the resolution without them getting blurry or pixellated.

πŸ‘: 0 ⏩: 1

Badman171 In reply to Capt-Nemo [2012-04-12 04:22:20 +0000 UTC]

I believe Photoshop only rasters, and while scaling up is pretty smooth, it's still not as clean as a vector.

πŸ‘: 0 ⏩: 1

Shho13 In reply to Badman171 [2012-04-12 04:53:28 +0000 UTC]

Photoshop can do vectors, though, not as well, or as many tools as Illustrator. They are made by the same company, Adobe, so the layout is similar.

πŸ‘: 0 ⏩: 1

Badman171 In reply to Shho13 [2012-04-12 06:44:17 +0000 UTC]

Very true (I was going to argue that then it would not really be what could be considered a "true" vector, but that seems redundant).

πŸ‘: 0 ⏩: 1

Shho13 In reply to Badman171 [2012-04-12 12:32:15 +0000 UTC]

Yeah!

Super easy, and to the point terms of PS vectors: Photoshop can make very basic vectors.

πŸ‘: 0 ⏩: 0

mindofnoodles [2012-04-12 03:27:27 +0000 UTC]

Lots of good info here. I don't have Illustrator but I think I can do most of this in Inkscape.

πŸ‘: 0 ⏩: 0

pos210 In reply to ??? [2012-04-12 03:25:36 +0000 UTC]

I'd love to use this, but I can't read it

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to pos210 [2012-04-12 03:27:15 +0000 UTC]

How so?

πŸ‘: 0 ⏩: 0

RalekArts [2012-04-03 22:34:17 +0000 UTC]

I don't know if you LIKE doing it the hard way, but you know Illustrator has a stroke width tool, right? Instead of outlining, then going to Outline>path> Outline stroke, you can just select the Stroke width tool (shift+w) and pinch the end points.

It would cut a good 2 hours off something like this. :/

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to RalekArts [2012-04-03 23:01:36 +0000 UTC]

Only CS5 has that feature, unfortunately. I made note of that in the description.

πŸ‘: 0 ⏩: 1

RalekArts In reply to Capt-Nemo [2012-04-03 23:45:09 +0000 UTC]

Ah- I see. I didn't know.

πŸ‘: 0 ⏩: 0

anzul In reply to ??? [2012-03-28 03:19:03 +0000 UTC]

yess! this will be helpfull

πŸ‘: 0 ⏩: 0

Greywander87 [2012-03-26 18:54:05 +0000 UTC]

I gather from the comments that there are some legal issues with tracing, and this isn't really a surprise. But I was wondering about a partial trace. If I take a few screencaps from an episode and trace them only to get a rough outline that has the same basic proportions as the ponies in the show, without copying manes, tails, cutie marks, etc., does it count as a trace or original art when I create a finished pony?

And yeah, pony tutorials taught me about masking and path effects, both of which make things a lot easier and nicer looking. I use Inkscape.

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to Greywander87 [2012-03-27 01:33:39 +0000 UTC]

The legal issue isn't tracing, it's the use of the characters and character designs. Luckily, Hasbro has no issue with the fan art and I doubt they ever will.

I would say that using the method you described, you could still be called out for using their designs. However, like I said, they don't mind.

πŸ‘: 0 ⏩: 0

ValeYvonne [2012-03-25 14:31:09 +0000 UTC]

Very useful!

πŸ‘: 0 ⏩: 0

vixzvile In reply to ??? [2012-03-25 01:47:35 +0000 UTC]

Thanks! This will help me out a bunch since I suck at everything involving arts lol >.<

πŸ‘: 0 ⏩: 0

NovaMarcellus In reply to ??? [2012-03-25 00:03:08 +0000 UTC]

Nice tutorial, but I dont have illustrator. Plus I dont vector art.

πŸ‘: 0 ⏩: 0

HADOKENHero In reply to ??? [2012-03-24 22:29:23 +0000 UTC]

what the hell are vectors for? ... Isn't that basically tracing?

πŸ‘: 0 ⏩: 2

SynestheticSoul In reply to HADOKENHero [2013-11-30 20:03:14 +0000 UTC]

OP is just tracing it to show you HOW to do it. You can use this information to take art you've made in other mediums (like a pencil drawing) and vector it into a high-resolution image that you can make in any size without pixelation.

πŸ‘: 0 ⏩: 0

Capt-Nemo In reply to HADOKENHero [2012-03-24 23:11:27 +0000 UTC]

FiM's fandom must be the only one that does this, because a few people seem to be confused.

It's really just taking a pose we like from the show and tracing it and exporting a large version of it. It's not original art, obviously. Anybody who claims it is is stupid. (thought I've never seen anybody who has.)

One could also apply this technique to their own drawings, too, if they wanted.

πŸ‘: 0 ⏩: 1

HADOKENHero In reply to Capt-Nemo [2012-03-25 00:13:52 +0000 UTC]

I guess that makes sense. I mean, people have their own way of converting everything they've done in art into a centralized style they develop later if they continue to draw c: So I'd have to say, thank you for making this for those people... sooner or later they'll look back on their vectored body parts and say to themselves, "Well,... jeez I can DRAW that now.. !"

πŸ‘: 0 ⏩: 0

3alrus3 In reply to ??? [2012-03-24 15:48:39 +0000 UTC]

loldidntread
still looks good.

πŸ‘: 0 ⏩: 0

killjoy1221 In reply to ??? [2012-03-24 13:56:39 +0000 UTC]

In CS5, you can use the width tool to do this a lot faster. You also don't have to convert to outline.

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to killjoy1221 [2012-03-24 17:31:23 +0000 UTC]

Thank you, I added some info in the description!

πŸ‘: 0 ⏩: 0

kaiizel In reply to ??? [2012-03-24 12:00:21 +0000 UTC]

This is called tracing and it is against the law of copy right...

πŸ‘: 0 ⏩: 2

vivagray In reply to kaiizel [2012-03-24 13:53:54 +0000 UTC]

I don't think it matters too much. As long as no one claims the original art to be theirs, or creates a profit from using it, no one really complains.

πŸ‘: 0 ⏩: 1

kaiizel In reply to vivagray [2012-03-24 23:20:08 +0000 UTC]

But when it's a popular anime, Naruto for example, and people were creating RPC's from the characters, a shitstorm was created. This is basically the same thing, and I have also seen people trace over ponies and make their own characters out of them.

πŸ‘: 0 ⏩: 1

vivagray In reply to kaiizel [2012-03-25 14:28:41 +0000 UTC]

You do have a valid point, I'm just looking at the whole matter legally. I won't argue that it isn't illegal to trace someone's images or use it in a way that implies the tracer/copier is the owner(i.e. Fairey vs. AP). The original artist or owner has the discretion to order a cease and desist or file a lawsuit against the offender. However, the owner, Hasbro, will not do that on a financial and public relations standpoint. As they see it, the wide-spread influx of MLP art is free advertising for them. Any lawsuit action on anyone(unless it's someone making money off their product, which would then be just and warranted) would hurt their image. So they turn the other cheek, and let us do what we please, within reason of course.

Sorry for length of post.

πŸ‘: 0 ⏩: 0

pacific-grim In reply to kaiizel [2012-03-24 12:18:54 +0000 UTC]

I agree.
I'm not an mlp fan but i've always been astonished at how they apparently 'mastered' the shows style.
:I Welp I guess if most of them are like this, which is what i'm just going to assume that, then they should probably leave dA for another site because the word 'art' is in the website title for a reason.

πŸ‘: 0 ⏩: 2

Capt-Nemo In reply to pacific-grim [2012-03-24 17:30:37 +0000 UTC]

I don't consider this art. This is tracing a screenshot in order to get a high-resolution image of a pose we like. I guess this isn't a common thing in other fandoms (or it wouldn't really work with the art style) but it happens a lot here. There's even a whole club for it: [link]

But nobody traces a screenshot and calls it their own art.

πŸ‘: 0 ⏩: 0

x-Fracture-x In reply to pacific-grim [2012-03-24 16:49:20 +0000 UTC]

>implying there are standards on dA

There's a lot on this site that isn't art. That said, most people don't host simple vectors here, and that's all it is when someone vectors a screenshot from the show. However, just because something mimics the style of the show doesn't mean it was traced. There are a variety of sites and guides dedicated to helping people replicate the show's incredibly simplistic style, and then it's just a matter of vectoring your own lines as you would a screenshot. If I was capable of drawing at all I could demonstrate how easy it is, but unfortunately everything but very simple sketches eludes me entirely.

πŸ‘: 0 ⏩: 1

kaiizel In reply to x-Fracture-x [2012-03-24 23:17:07 +0000 UTC]

Erm, "just because something mimics the style of the show doesn't mean it was traced." This is a tutorial on how to trace the image perfectly.

πŸ‘: 0 ⏩: 1

x-Fracture-x In reply to kaiizel [2012-03-25 03:41:54 +0000 UTC]

"most people don't host simple vectors here, and that's all it is when someone vectors a screenshot from the show"

"i've always been astonished at how they apparently 'mastered' the shows style.
:I Welp I guess if most of them are like this, which is what i'm just going to assume that, then they should probably leave dA for another site because the word 'art' is in the website title for a reason"

>how they apparently 'mastered' the shows style
>I guess if most of them are like this
>they should probably leave dA

Lrn2context.

This is a trace, nothing but. It's not, as you think, against the law (look up the articles on "Fair Use") and it's not considered art. It's a high-resolution version of the image, effectively for use as stock art. It can be used in other things at any resolution. It's traced because screencaptures from the original show will be raster, which is terrible quality when sized up. Vectors are fairly easy to do for something like MLP:FiM and are perfect quality at any size.

πŸ‘: 0 ⏩: 1

kaiizel In reply to x-Fracture-x [2012-03-25 09:57:18 +0000 UTC]

You need to get your facts straight before going on a rant. I didn't say those things, another person did.
However It is against the law of copyright. This is tracing over an image without the original artist's permission, that is illegal and against the rules of this site. You might as well do a quick sketch of the pony than to go through this trouble to make a "perfect vector" of the image, which seems pointless. But because the show is popular and so many people on dA like it, it's ok.

πŸ‘: 0 ⏩: 1

x-Fracture-x In reply to kaiizel [2012-03-25 19:40:44 +0000 UTC]

I never said that I was quoting you. Try to actually read my posts before you reply to them, yeah? The only thing I claimed you said was that this was against the law--which you did--and it's not. You, however, failed to understand the context of my post, so I clarified by quoting the person I'd originally replied to.

Again with the not reading... Look up "Fair Use" laws. Seriously. If he were selling prints of this, it would be illegal. If he was making people pay to use it as stock art, it would be illegal. The people who do these traces do neither, and it is not illegal. It's governed by the same laws as all fan-made content which you should, as stated, read up on prior to arguing about it.

πŸ‘: 0 ⏩: 1

kaiizel In reply to x-Fracture-x [2012-03-26 09:08:20 +0000 UTC]

Why quote other people's posts when I may not agree with them either? You just wasted your time and is irrelevant to this argument.

And okay, fine. They're not selling the traces but they are becoming more popular from them and can get commissions from that popularity. I've said this in a previous comment that people would go apeshit if it were a popular anime, and they have. Naruto, for example, people would create RPC's and there was a lot of hate for it. That Vampire girl created "vectors" of anime and she got hate and banned permanently from this site. Just because most people on this site love MLP, they don't mind this being done because they most likely want to do the same.
I personally see no point to this and disagree with it and I dislike hypocrites.

πŸ‘: 0 ⏩: 1

x-Fracture-x In reply to kaiizel [2012-03-26 09:26:00 +0000 UTC]

Because it was entirely relevant. You failed to understand the context of my post, so I supplied it. If anything you wasted time by not reading my posts properly prior to responding.

So? People gain popularity by covering songs, how is that any different? I disagree with any artist making it out like vectoring an image is hard, especially one like a shot from MLP which is entirely solid colours or, occasionally, gradients. That said, I have no issue with it. I've also seen no hate for anime vectors, but that's irrelevant-- you're comparing entirely different cultures on a website where, let's face it, the community is pretty terrible to begin with.

MLP fans and Naruto fans, for instance, have very different mindsets for the most part. That's like calling me a hypocrite for using my phone in class because someone else is using their phone in a park. You can't call hypocrisy on two unrelated groups for the other's actions.

No point? What is the point of any art? What is the function to the form, the method to the madness? What you mean to say is that you don't relate. You have no use or interest, but that's akin to me deeming tampons pointless because I'd never have a use for one.

πŸ‘: 0 ⏩: 0

SierraDesign In reply to ??? [2012-03-24 11:55:42 +0000 UTC]

Would be nice to see this done in GIMP. Don't think it can cope with vectors though. Can't afford Illustrator, might be worth a shot in Inkscape or something. :3

πŸ‘: 0 ⏩: 0

SuperJumper02 In reply to ??? [2012-03-24 11:48:29 +0000 UTC]

Thanks alot, Nemo!
Still iΒ΄m a GIMP user. I canΒ΄t get used to the layout from photoshop, Sai and all the other huge programs. With this tutorial i might have a chance getting the hang of it!

πŸ‘: 0 ⏩: 0

mattwo [2012-03-24 08:53:48 +0000 UTC]

What about GIMP?

πŸ‘: 0 ⏩: 0

EskiFox In reply to ??? [2012-03-24 08:39:50 +0000 UTC]

i did not understand anything

πŸ‘: 0 ⏩: 0

LazyFiz In reply to ??? [2012-03-24 08:06:38 +0000 UTC]

Interesting.
Never thought you could do vector in Photoshop.
Thank you.

πŸ‘: 0 ⏩: 1

Capt-Nemo In reply to LazyFiz [2012-03-24 08:07:41 +0000 UTC]

This is actually in Illustrator, but you might be able to adapt these techniques to Photoshop. It won't be true vector, though.

πŸ‘: 0 ⏩: 1

LazyFiz In reply to Capt-Nemo [2012-03-24 08:15:17 +0000 UTC]

Ah....Okay.

πŸ‘: 0 ⏩: 0

SirCxyrtyx In reply to ??? [2012-03-24 07:01:14 +0000 UTC]

This is about 10 times more in depth than my tutorial. And quite possibly more helpful for users of pre-CS4 versions of Illustrator. I do believe I shall link it.

πŸ‘: 0 ⏩: 0

balaklavaman067 In reply to ??? [2012-03-24 06:41:53 +0000 UTC]

THANK YOU FOR THIS SO MUCH!!

I recently got Illustrator and I vector in Photoshop, but I've always heard that it's better in Illustrator, but I didn't know where to start. Thank you!!

πŸ‘: 0 ⏩: 0


<= Prev |