Shop Forum More Submit  Join Login
.Akugyouza Tutorial Project by akugyouza .Akugyouza Tutorial Project by akugyouza
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]
Add a Comment:
 
:iconn0rgel:
N0rgel Featured By Owner Feb 2, 2013
inkscape doesn't work, i have downloaded it now... why the hell D: ?
Reply
:icondontforgetalah:
dontforgetalah Featured By Owner Aug 13, 2012
the tutorial is not available :'( please re post it again :((
Reply
:iconnocturnalize:
Nocturnalize Featured By Owner Jan 29, 2012  Hobbyist General Artist
nice.. :D
Reply
:iconsuicidecircle:
SuicideCircle Featured By Owner Sep 14, 2011  Hobbyist General Artist
where can we use SVG file format
Reply
:iconboot-cheese-3000:
boot-cheese-3000 Featured By Owner Apr 8, 2011
i like how this looks but the tutorial isn't available anymore. could you upload it or make it available again?
Reply
:iconrouseflo:
rouseflo Featured By Owner Oct 6, 2010
PSD File not available :(
Reply
:icondonniesieg:
DonnieSieg Featured By Owner Oct 28, 2009   Digital Artist
This tutorial is helpful. Thank you for developing this.
Reply
:iconspykkie-sama:
Spykkie-Sama Featured By Owner Oct 14, 2009  Hobbyist 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!
Reply
:iconweknow:
weknow Featured By Owner Jul 10, 2009  Professional Digital Artist
woaaaaaaa, akugouza, i want to interview you, may i
Reply
:iconvexelove:
vexelove Featured By Owner Jul 10, 2009
Hi! Your tutorial is featured in our journal!

[link]

:D
Reply
:iconlds-jedi:
LDS-Jedi Featured By Owner Sep 3, 2008  Hobbyist Digital Artist
Uhmmm I have the latest Inkscape and it will not open the AI file.
Reply
:iconakugyouza:
akugyouza Featured By Owner Oct 2, 2008
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).
Reply
:iconlds-jedi:
LDS-Jedi Featured By Owner Oct 2, 2008  Hobbyist Digital Artist
Got it thanks! Hmm now to figure out how you did the Hair... =)
Reply
:icongeanera:
geanera Featured By Owner Apr 8, 2008
awesome! thank you kindly :)
Reply
:iconakugyouza:
akugyouza Featured By Owner Apr 29, 2008
(^^)/
Reply
:iconjohanram:
johanram Featured By Owner Mar 4, 2008
Hahahaha, I always tought that vector art is very difficult, but I Was Wrong!!!
it takes only three easy steps!!!
hahaha
oh, and by the way, your art is excellent :)
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
Just need some patience to get things right (^^)
Reply
:iconikue:
Ikue Featured By Owner Feb 5, 2008  Hobbyist 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.
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
I'll try to pull out another source file, but don't know when :)

THank you for the comment (^^)/
Reply
:iconikue:
Ikue Featured By Owner Mar 17, 2008  Hobbyist Digital Artist
:hug:
Reply
:iconthis-picture:
this-picture Featured By Owner Feb 5, 2008   Photographer
I'm goona try to do something like that....
:)
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
(^^)
Reply
:iconbalung:
balung Featured By Owner Feb 5, 2008
honestly, i started from the lightest colour and then go darker. it's easier for me to reduse the shape then to add it
:worship:
believe me you're the one
:worship:
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
Well, I'll steal... I mean save this piece of information... for later use, you know...
Reply
:iconphoenixvector:
phoenixVector Featured By Owner Feb 4, 2008  Hobbyist Digital Artist
great idea akugyouza ....its very helpfull..
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
(^^)
Reply
:iconbezzie-landhog:
Bezzie-Landhog Featured By Owner Feb 4, 2008  Hobbyist General Artist
Looks really useful! a bit too much to read at the moment, but I'll give it a look later!
Thanks for the help, in advance =D
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
:)
Reply
:iconrelatively-inspired:
Relatively-Inspired Featured By Owner Feb 4, 2008
gr8!
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
(^^)
Reply
:iconwarungkopi:
warungkopi Featured By Owner Feb 4, 2008  Professional Digital Artist
if i could give you 1 zillion favs on this one... i would :D
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
No need for this, just hope it's useful (^^)
Reply
:iconwarungkopi:
warungkopi Featured By Owner Mar 17, 2008  Professional Digital Artist
it is useful... very2 thank you :worship:
Reply
:iconoission:
Oission Featured By Owner Feb 4, 2008  Professional Digital Artist
ahah!

3 steps. Nice one :D
Reply
:iconakugyouza:
akugyouza Featured By Owner Feb 4, 2008
The joke is a copy from Frank Cho (comic artist), check the real thing here: [link]

Thank you (^^)/
Reply
:iconoission:
Oission Featured By Owner Feb 5, 2008  Professional Digital Artist
lol.

Nice :D
Reply
:iconakugyouza:
akugyouza Featured By Owner Mar 17, 2008
Have you read the disclaimer?

The guy is awesome (^^)
Reply
:iconoission:
Oission Featured By Owner Mar 17, 2008  Professional Digital Artist
Yeah :lol:
Reply
:iconastridious:
Astridious Featured By Owner Feb 4, 2008
hahaha...

three easy steps!

:rofl:


very cool and helpful tutorial by the way!
Reply
:iconakugyouza:
akugyouza Featured By Owner Feb 4, 2008
Thank you :)

The joke is a copy from Frank Cho (comic artist), check the real thing here: [link]
Reply
:iconaimhadesign:
AimhaDesign Featured By Owner Feb 4, 2008  Hobbyist Digital Artist
awesome work! i think it'll be very usefull for those who are learning vector art! well done! :#1:
Reply
:iconakugyouza:
akugyouza Featured By Owner Feb 4, 2008
Thank you very much (^^)
Reply
Add a Comment:
 
×




Details

Submitted on
February 4, 2008
File Size
155 KB
Link
Thumb

Stats

Views
154,456 (5 today)
Favourites
394 (who?)
Comments
44
Downloads
10,909

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.