akugyouza's avatar
.Akugyouza Tutorial Project
By akugyouza   |   Watch
396 44 157K (4 Today)
Published: February 4, 2008
Hello people (^^)
Seems like the day has come...

Through my time wandering from deviantart.com to vexels.net, some people asked for advices and some asked when I would do a tutorial, well, I already gave the advices, tips and some techniques away, it's time for the tutorial.

Full view for some laughs (if you have a silly humor like me!), keep reading to find the real deal...

Let me clear some things up before start:

* I'll not be telling you how to reproduce this exact same image, I'll just provide you some information and a file to understand the way I handle vectors, so you can apply on other works later if you wish.
* You must know how to navigate and use the the tools and features on your application of choice. There tutorials for this, you can find links to the tutorials section from DA and Vexels.net at nearly the end of this description.

Let's roll!

Click on download to check the SVG file or go to the links section on the bottom, to find more stuff.

.The information:

.The colors (or colours, whatever)
Choosing colors is difficult at first, but after you create your first custom swatche things will be much easier!
Starting with the darkest color you are going to use (in this case I'll explain the skin part, as a base you can apply to anything), start increasing the brightness by, let's say 5%, keep an eye on the other values as well (saturation and hue) to keep a consistence in the color sequence. Create the necessary number of colors you're going to use/need, something between 13~18 is a good choice (or less, depending on your style).

*Trick: Try to tweak the hue a little each time you increase the brightness, this way you'll give a little more life to the sequence (let me put a clear extreme example on this, start with a red and end with an orange tone, while keeping a smooth consistence, get it?)

*A shortcut for this process is to use the 'blend tool' (or similar tool in your vector application of choice) and create a blend between the darkest and brightest color with a defined number of steps, so you can create a custom swatche based on them.

*Another shortcut is to modify the colors in the standard swatche given by the application, sure, there will be some nice colors for you to play.

*When you feel comfortably with this or when some colors don't seem to blend pretty well, you can tweak the opacity of each one! This will provide a new level for you to work on, but remember it will be worth nothing if you don’t have a good base first (the colors!).

.The shapes
When drawing shapes, you just click and drag, sometimes you click too much and drag too... little? (is it right? my engrish suck, sorry)
A thing that helps to give a smooth look to the image is... believe it or not... smooth shapes!

No, serious. Try to use the minimum of anchor points in each shape, stress each handler as much as possible, using each variation of anchor point, this way you will create the desired shape faster and without many anchor points hanging around, becoming easy to edit later if needed.

*Trick: Try to keep a pattern in the distance of each shape, shapes too much close to each other will give a shaper look, too far will give a strange look, keeping a pattern and adapting when needed will give a smooth look. (the color selection will have a direct impact on this, so choose wisely!)

.The shapes - The art of subtracting.
You can always add more shapes, for example: darker colors over the bright ones to achieve the desired nose moles. Sure it's fantastic, it works, so what's the problem? No problem, but I'm explaining how "I" do these things, let's proceed, subtracting is a cool thing that you can do with every shape already placed in the canvas.

As an example, the nose moles, you can start 'excavating' your way trough to reach the darkest color, the same apply for the place where you're going to put the eyes (even the lips can be made this way.)

.The files:
If you did read all of this, you must be questioning where's the fun part... it starts now!
To not exclude any people from seeing this file, it's on SWF format, so if you can watch youtube videos and surf the web seeing great websites using flash, probably you'll be able to check those files.

Here you can check a .SWF file showing how each shape is placed in the canvas (how I do put everything together), rendering the final image that you can check on the other .SWF.

SWF - Vector dissected: [link]
SWF - Vector assembled: [link]

Open them in a new tab (or window), right click and select "zoom in", this will give you the ability to pan around and check details.

Here you can download an .AI and a .PSD version (since I couldn't let the vexel group locked out in the cold), both are the same, maybe some minor color difference (not sure about this), but the ability to resize and edit stays the same on each file. If you don't have a vector application installed in you computer, I recommend you to download the latest InkScape version to handle the SVG file :thumbsup:

PSD: [link]
AI: [link]

They're hosted on rapidshare.de, click on the 'free' button, wait for the time check and then input the code and get the file. If someone know a better place to host those documents, please feel free to make a mirror.

Copy this description to a text file and you're set now to dissect this file! Be sure to check the tutorials section from DA [link] and Vexels.net [link] for in depth information on more specific things, since I'll be not covering any of them.

Happy dissecting.

The original picture, you can check here: [link]

I don't have the source of this, if someone know, please, tell me, meanwhile I can just say that this picture is property of its respective owner. (I'm really sorry for not been able to inform the source! This picture came to me in a very odd situation, someone at Vexels.net asked for help to vector this picture, I did a basic version of this and sent, but didn't receive any response, I didn't went 'WTF', but oh well...)


After reading this, you'll see that there's is no big tricks or voodoo and that it's really nothing special, you'll just be asking why did you wasted time reading this... well, I don't know!


*If you can't figure something out or got questions after reading this, post a comment there! I do accept tips too!

**You can change this file as you wish, just don't redistribute or publish it without giving credit >.<

***Actually, I was thinking if possible, that each one who modified this file, send me a link or copy to check out, thanks!

*****If you find it useful, please spread the word (^^)/

*The joke is a copy from Frank Cho (comic artist), check the real thing here: [link]
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
N0rgel's avatar
inkscape doesn't work, i have downloaded it now... why the hell D: ?
dontforgetalah's avatar
the tutorial is not available :'( please re post it again :((
Nocturnalize's avatar
NocturnalizeHobbyist General Artist
nice.. :D
SuicideCircle's avatar
SuicideCircleHobbyist General Artist
where can we use SVG file format
boot-cheese-3000's avatar
i like how this looks but the tutorial isn't available anymore. could you upload it or make it available again?
rouseflo's avatar
PSD File not available :(
DonnieSieg's avatar
DonnieSieg Digital Artist
This tutorial is helpful. Thank you for developing this.
Spykkie-Sama's avatar
Spykkie-SamaHobbyist General Artist
Very nice!
The only problem is that you should use the word 'original' instead of the word 'reference'. A reference would imply simply looking at something for, for example, a reference on what a side view eye would look like. Not tracing the image with vector. ^^;

But very nice tutorial!
weknow's avatar
weknowProfessional Digital Artist
woaaaaaaa, akugouza, i want to interview you, may i
vexelove's avatar
Hi! Your tutorial is featured in our journal!


LDS-Jedi's avatar
LDS-JediHobbyist Digital Artist
Uhmmm I have the latest Inkscape and it will not open the AI file.
akugyouza's avatar
You're not supposed to use the AI file with InkScape, click on "Download" at the top left to get the SVG file (it is the same thing, just different format).
LDS-Jedi's avatar
LDS-JediHobbyist Digital Artist
Got it thanks! Hmm now to figure out how you did the Hair... =)
geanera's avatar
awesome! thank you kindly :)
johanram's avatar
Hahahaha, I always tought that vector art is very difficult, but I Was Wrong!!!
it takes only three easy steps!!!
oh, and by the way, your art is excellent :)
akugyouza's avatar
Just need some patience to get things right (^^)
Ikue's avatar
IkueHobbyist Digital Artist
:clap: great tutorial. One of the best additions to the resource gallery. Thank you for also including the files, for following along. Really great.
akugyouza's avatar
I'll try to pull out another source file, but don't know when :)

THank you for the comment (^^)/
Ikue's avatar
IkueHobbyist Digital Artist
this-picture's avatar
this-picture Photographer
I'm goona try to do something like that....
balung's avatar
honestly, i started from the lightest colour and then go darker. it's easier for me to reduse the shape then to add it
believe me you're the one
akugyouza's avatar
Well, I'll steal... I mean save this piece of information... for later use, you know...
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved