Vectoring the Vicissitude way.

Post your fanart/drawings here

Moderator: f3rd1

Post Reply
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Vectoring the Vicissitude way.

Post by Vicissitude »

I started making anime vectors a little while ago and they seem to have turned out really well. So I want to walk you through the process I use to make a vector using Photoshop 7.0. There's other ways to do it and I listed them in the Tutorials thread, but this is the one that works for me.

First off, what is a vector? Why make one? Vectors are simplified colorizations of pictures that are infinately scalable. This means that you can make them any size without losing resolution. This makes them perfect for making backgrounds and wallpapers. So how do we make one?

0: Pick an Image (duh).

You need a good image to start with. Blow it up to 3-4 times the size. This makes it easier to work with and we'll be able to scale it later, being a vector and all.

If this is your first time, do something simple. Try not to overdo it. For this tutorial, I picked a screengrab from Bleach. Baboon King, Zabimaru.

Image

1: Learn your tools.

Image

I'll label them for you.

#1: The Pen Tool. Click and hold on the pen tool to select the second option, the Freeform Pen Tool. This is what we'll use to make the outlines of our image. This way, you have something to fill in with color.

#2: The Shape Tool. This is what we'll use for coloring the image. It's a lot easier to use than the Pen Tool for making a path. You get a starting shape rather than a crazy pen path.

#3: The Eyedropper. This way you get right color for the area you're working on rather than guesstimating.

#4: The Layers. I work with 2. The bottommost layer is layer we color in. The middle layer is the source picture. This way you can click on that little eye next to the layer to make it visible or invisible and check your progress. The topmost is the line art. Some people do without it. I think it look silly without the lines. A little too 'soft,' if you can understand that.

#5: The history. Keep this up so you can go back if you made a mistake a few steps back.

2: Select the Freeform Pen Tool

Image

3: Start lining the source pic

Click and drag along the line you want to make, then start making it conform to the original picture. If you need more points of articulation, right click and add an anchor point. You can use the arms on each side of the point to adjust the arc of the line and the angle.

Image

When it's lined up, set your paintbrush size to a decent size for the pic (in the example I used a 3-brush), right click on the line and select Stroke Path. This will add an X-pixel (whatever size you think best) border to the path, making a nice line over the pic and get this:

Image

Once the line is stroked, right click on the line and Delete Path.

Image

If it doesn't look quite right, go back in the history and trash every step up to and including the Stroke Path step and adjust the line. When you're done, you'll get something like this:

Image

4: Start coloring

Use the Eyedropper on the section you want to start working on and adjust the colors in the color window if you want. Personally, I round the RGB numbers to the nearest 5, but that's me.

Now select the Shape Tool and draw a rectangle:

Image

Now drag the 4 points to the corners of the section you're working on.

Image

Right click and add an anchor point.

Image

Feel free to play around with it and see what the anchor point can do, if you didn't already when making the lines.

Image
Image

You should have something like this when you're done:

Image

Less points are better, for the most part, but use as many as you need. Try to overlap the lines you made a little. That way you don't miss anything.

Image

Now right click and select fill path. When the next window opens, click Okay as long as you've already selected the right color. Then richt click and delete the path. If you make the Source layer invisible, you can see your work.

Image

Start adding in all the colors for the whole thing and you'll eventually finish with something amazing (hopefully :wink: ) When adding in colors, start with the main color for the area you're working on, then add the shading and highlights. Fill the whole area with the primary color first. Here's how my example pic ended up:

Image

That snake skull came out awesome, if I may say so myself. My only regrets are Renji's face having little definition in the source pic and that I should have stroked the lines with a 4-pixel brush. But I still have the .PSD file so I can always go back later.

Now, get cracking and show me what you can come up with!

EDIT: Playing around with Levels (Ctrl+L) gave me this:

Image

It looks a little less 'flat.' Try out yours and see how it looks.
Last edited by Vicissitude on Mon May 15, 2006 10:06 pm, edited 1 time in total.
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
shok
Posts: 9
Joined: Wed May 10, 2006 11:28 pm

Post by shok »

hey looks pretty good. I'm gonna try this out sometime. thanks for the guide.
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

There's other ones in the Tutorial thread, too. Be sure to check them out.
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
1llu51oN
Posts: 11
Joined: Wed May 26, 2004 4:34 pm

Post by 1llu51oN »

Nice tut, Vicz. You gotta make more like this.
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

1llu51oN wrote:Nice tut, Vicz. You gotta make more like this.


I've made some. Here's the completed works:

Image
Image
Image

And this is what I'm working on now:

Image
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

Vicissitude wrote:And this is what I'm working on now:

Image


And now I'm done.

Image
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
Atimisc
Posts: 123
Joined: Thu Nov 04, 2004 5:28 am
Location: In the pilot seat of my gundam.
Contact:

Post by Atimisc »

my girl says thanks for the tutorial. she loves vector art and this helped her learn how. I'll post some of hers if and when she does some. thanks again bro.
Image
credits to lucifer dunblide for this Fuckin' A Sig
Image

Image
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

Thanks aren't needed. Just have her vector a nude pic of herself. :shock: Image
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
Atimisc
Posts: 123
Joined: Thu Nov 04, 2004 5:28 am
Location: In the pilot seat of my gundam.
Contact:

Post by Atimisc »

Vicissitude wrote:Thanks aren't needed. Just have her vector a nude pic of herself. :shock: Image


whoa whoa whoa. those are for me and my special alone time :twisted: lol you can vector real pics? i didn't know that. i should vector our prom pic. her dress was freaking amazing. it was like skimpy as hell
Image
credits to lucifer dunblide for this Fuckin' A Sig
Image

Image
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

Yes you can. It takes a good eye to find out where the proper lines should go, but you can also do away with the line art entirely. Google up some vectoring tutorials. There's a good one that uses Sarah Michelle Geller as a subject. Image
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

Bump because I got bored and made another one. Can anyone tell I really like Bleach?

Original:
Image

Finished:
Image
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
zoudouc
Posts: 105
Joined: Sat Jun 03, 2006 11:04 pm
Location: martinique, french West Indies

Post by zoudouc »

how long ?
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

4 or 5 hours? Somewhere in there. I ran out of things to turn into DVDs, so I pulled the out the end of the Soul Society arc to watch some awesome fights and figured I should do this one.

I am thinking of a parody of it called 'I Don't Have A Name...'
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
User avatar
Vicissitude
Posts: 315
Joined: Sun Jun 20, 2004 6:07 pm
Location: In ur base, killin ur dudez
Contact:

Post by Vicissitude »

Here's that parody I mentioned.

Image
Image

This is probably the best idea I've ever had.
Most Brutal of all Metalists and Right Hand of the Goddess Black_Knight.

Image
Atimisc
Posts: 123
Joined: Thu Nov 04, 2004 5:28 am
Location: In the pilot seat of my gundam.
Contact:

Post by Atimisc »

I just started to vector some of my gundam models thanks to u lol I am thinking of making a comic using the vectored models and vectored people as pilots. Ill post some when I finish em.
Image
credits to lucifer dunblide for this Fuckin' A Sig
Image

Image
Post Reply