The RPG Maker Resource Kit

RMRK General => Creativity => Topic started by: yukihime on August 07, 2007, 09:52:32 AM

Title: [Visual] CG Tutorial for Open Canvas
Post by: yukihime on August 07, 2007, 09:52:32 AM
A Tutorial that tells you how to finish a CG just by your hands and a pen tablet!
Hi everyone, I'm new to this forum, recent topics I've posted are asking for helps LOL
So I think I should post something to share too^^"
I'm not good at RMRK works(events...mapping...orz), so I can't be a tutor of that, but I can share some of my CGing progress.
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F1636%2Fmagnacarta225uo6.jpg&hash=252e875768da92cff1464f4175ff5b16d6571b42)
This is the completed CG, it's 100% done just by tablet sketching OpenCanvas & PhotoshopCS2.
The original characters are from MagnaCarta- Tears of Blood~one of my favorite PSP game.

Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F3348%2F23434521yc4.jpg&hash=4cdb8f9a4e6979fe4b8b03a951ef5192b42c9157)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F9683%2F31062651uy8.jpg&hash=9b76bacc8c1cbfedfb1cf55d2a2bad698243bbad)
First, make a draft which is twice larger (or more)than the original size you want.
Say, if you want your picture to be 500~700pixel, draw the draft at the size of 1000~1400pixels
This one is 2000x2000(original size) 300dpi
There are two characters in the picture, so draw them in different layers.

After the draft is done, put a layer on your draft and draw the main line using black pen.
You can make the draft layer's opacity lower so it won't get messed up with the main lines.
It's better if you draw a line quickly, other wise it will became shaky  T_T
I know it's hard to do that, but you can try it over by undoing it (Ctrl+z)
Sometimes it takes a long time for me to draw the lines, it'll be easier if you draw the hair and the clothes on different layers.
If there are multiple characters in your picture, it's better to draw their main lines in different layers.


Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F8003%2F35753275is0.jpg&hash=b9743dd085bb082506810c0df65d73da7217fec2)
The line art is a little different from the drafts, I changed her pose because the original looks weird when been flipped horizontal orz...
Spoiler for:
* If you are not sure whether your characters are correct or not, you can flip it over and check.

Spoiler for:
There are actually 3 layers for the lines of Calintz XD
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F6079%2F65217759ss2.jpg&hash=b7e8c403f49c4f3b9a2cc6b91b2f0d9090e508a1)

After the lines are done, you can delete the draft layer after all it's useless now.

Start coloring!
Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F8719%2F20486382wu4.jpg&hash=a4185bd9467aae43f09617f1bfc35de61053aa51)
Put a new layer under the layer of lines, and color it with pen.
Spoiler for:
*Some space would remain white and you would probably miss it, so you can add a deep colored background on the bottom layer first, it's better to identify the missed spaces.


Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F6696%2F94626074pe7.jpg&hash=1d862055c628be05b985f1131c073c52e8cc1dc7)
Color the shades after the main color is done.It's better to think where the light comes from while doing it.
After everything is done, erase the color out.

Now here's the hair. I use 3 layers to do the hair, they are calculated as
Main-at the bottom of the three-Standard
Shades-On the top of three layers-Mulitiple
Bright-between the main and the shades-Addition
Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F6151%2F10ly6.jpg&hash=0afab9164368e1d8f27a772ccb8e335d578da61e)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F2348%2F11sy5.jpg&hash=22352feba0887e8383df97a83fa07b1bdea5336f)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F7796%2F12no6.jpg&hash=c59c77c4ada520e6081b3efa0c869eaa21a7140c)
On the standard layer, color it with its stream delicately.On the shading layer, do it more finely and delicately.
You can put more than one color for shadow, it would look better.
*It needs patient to make it shiny and beauty.



Add the light on the addition layer, but not too much, or it will be too shiny.
After everything is done, put the layers together and erase the color out.


I didn't use much effort on the eyes, just finish them by using darker and brighter color.
Every person draw eyes in different ways, I'm just lazy T_T
Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F5749%2F14ga8.jpg&hash=2c60f34ab11c40942e237d1c430acbcfd8d4f331)


Add a another layer for the clothes, the coloring method is almost the same as others.
Here's a quick way to wipe out:
Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F3391%2F15px3.jpg&hash=b5a9880155ad7ce359a5088a33daf0a043345ffd)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F1888%2F16wj3.jpg&hash=2c27050d01559802a90acdcc36200ef2ca7a444b)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F5102%2F17gj4.jpg&hash=6ac01d1924c098e945b99a9ab39d2719ac727f01)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F5823%2F18rz9.jpg&hash=001b3d1baa2fd9dc40c2c9db50ef9230a8cc785f)
I open the original art work of Kim to catch the right color.
Hide some layers if they are confusing in similar colors.
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F9818%2F19gm9.jpg&hash=9dec2a2276a2ec37fd118c8fb6126a896936dfac)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F5143%2F20vj0.jpg&hash=972b50fba4f5ef27dedd5ecf59408dad8b1578fa)
Okay then, the girl is almost done^_^


Now color the other one using the same method
Spoiler for:
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F590%2F23za3.jpg&hash=4ee3a9d92382d87a1968720971eb5b95454e2df9)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F8172%2F24bc7.jpg&hash=e69037378b2fcb392d95099064ad58ff73e8da10)
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F6971%2F25wf6.jpg&hash=9840ffd38b8f711d3a117c10ccb4a4d4bc867b40)
As for the feather part, use smudge tools.
(https://rmrk.net/proxy.php?request=http%3A%2F%2Fimg382.imageshack.us%2Fimg382%2F7758%2F27hl7.jpg&hash=a1fde35edf4f70d27b42ec6a802c5a844cbc4089)
As for the background and the letters, do it in Photoshop would be easier.
Before finishing, take one last check at everything.
Hope this had been a help to you, comments and constructive criticism welcomed. After all it's my first tutorial around LOL

Title: Re: CG Tutorial for Open Canvas
Post by: Roph on August 07, 2007, 03:26:01 PM
Holy crap :tpg: +rep

That is incredible :O
Title: Re: CG Tutorial for Open Canvas
Post by: yukihime on August 07, 2007, 04:46:06 PM
Holy crap :tpg: +rep

That is incredible :O
Whoa!Thank you ^^
Title: Re: CG Tutorial for Open Canvas
Post by: Zeriab on August 07, 2007, 07:55:49 PM
Holy crap :tpg: +rep

That is incredible :O

I got nothing else to say.
This truly amazing.

Great job ^_^
Title: Re: CG Tutorial for Open Canvas
Post by: Roph on August 07, 2007, 10:14:31 PM
It looks interesting, and you actually make it look easy =o

I've never really tried anythign like that (and I don't think I'd try and draw manga styled stuff :P ) but I might give it a shot :)
Title: Re: CG Tutorial for Open Canvas
Post by: Lord Dante on August 07, 2007, 11:19:13 PM
pretty cool ^^

I use open canvas as well, with the same techniques...my style isnt as clean as yours though. good job ^.^
Title: Re: CG Tutorial for Open Canvas
Post by: yukihime on August 08, 2007, 11:37:23 AM
@Zeriab
Thanks^^

@Roph
Actually it easy when you get used to it...
Manga style is fun, at least it's my favs.

@Lord Dante
Well OC sure can make a lot of style LOL
Title: Re: CG Tutorial for Open Canvas
Post by: Lord Dante on August 09, 2007, 12:02:41 AM
heh, yeah.
actually, since youre pretty talented, do you think you could give me feedback on my art? I have a topic in Gallery somewhere.

Post more art ^.^
Title: Re: CG Tutorial for Open Canvas
Post by: Lavata on August 09, 2007, 01:40:31 AM
Holy crap :tpg: +rep

That is incredible :O

I have to say the same here. This is some great work. Sticky time!!
Title: Re: CG Tutorial for Open Canvas
Post by: Lord Dante on August 09, 2007, 03:26:59 AM
youre kinda late, it was sticky time for the rest of us when we first saw it

 ::)

er...

nevermind.
Title: Re: CG Tutorial for Open Canvas
Post by: yukihime on August 09, 2007, 05:28:08 AM
@Lord Dante
Actually I've seen them before, you're very good at drawing mech-man stuff which I can't do XD
@Lavata
Thank you. Sticky time because I use the net in unusual times
Title: Re: CG Tutorial for Open Canvas
Post by: Lord Dante on August 09, 2007, 05:37:05 AM
ah, alright.
Cool, thanks ^.^

by the way, do you know where I could get Open Canvas? My trial ran out  ;9
Title: Re: CG Tutorial for Open Canvas
Post by: yukihime on August 09, 2007, 01:45:59 PM
ah, alright.
Cool, thanks ^.^

by the way, do you know where I could get Open Canvas? My trial ran out  ;9

Well...I'm not sure if it's allowed to upload stuff like that here...
My friend gave me cracked one
Crack the 3.05 and use the 3.03, otherwise the system will run error sometimes
Title: Re: CG Tutorial for Open Canvas
Post by: Lord Dante on August 09, 2007, 03:57:09 PM
Wait, so I download them both but run the first one?
ok...

by the way, what are the version differences between 3.05 and 4.5? (:P)
Title: Re: CG Tutorial for Open Canvas
Post by: Roph on August 10, 2007, 01:49:55 AM
ah, alright.
Cool, thanks ^.^

by the way, do you know where I could get Open Canvas? My trial ran out  ;9

Well...I'm not sure if it's allowed to upload stuff like that here...
My friend gave me cracked one
Crack the 3.05 and use the 3.03, otherwise the system will run error sometimes

I'll leave those attachments alone for a day or two so whoever wants them can get them, but it's against the rules to post pirated stuff like that (and even moreso to actually attach them to RMRK) outside of here (http://rmrk.net/index.php/board,72.0.html) :P
Title: Re: CG Tutorial for Open Canvas
Post by: biohazard on August 13, 2007, 04:28:29 AM
Your skill blows my mind.
Title: Re: CG Tutorial for Open Canvas
Post by: solid_snake on August 27, 2007, 01:49:05 PM
Im stunned by your drawings!
Title: Re: CG Tutorial for Open Canvas
Post by: JAP on October 07, 2007, 08:55:03 AM
This is a very useful tutorial!! =333 Thanks for sharing this with us~!
Title: Re: CG Tutorial for Open Canvas
Post by: garygill on October 22, 2007, 03:58:17 AM
Very cool!  It's nice to see the techniques of other artists.  My method of digital painting is much different than yours.
Title: Re: CG Tutorial for Open Canvas
Post by: biohazard on October 23, 2007, 02:35:43 AM
Gary, I would love to see your method, if you got the time to post it over the next couple of days.
Title: Re: CG Tutorial for Open Canvas
Post by: garygill on October 23, 2007, 03:31:10 AM
Okay I'm too busy to make a tutorial, but I am working on a piece right now and I've taken screen shots of it in progress.  It definitely shows how are I work.  Would you like me to post those?

And please call me Alvin.  garygill is my alias. =)
Title: Re: CG Tutorial for Open Canvas
Post by: biohazard on October 23, 2007, 11:57:40 AM
Yeah, that would be great Alvin.
Title: Re: CG Tutorial for Open Canvas
Post by: ahref on December 01, 2007, 12:58:15 AM
excellent guide. Now to learn manga so i can use it :D
Title: Re: CG Tutorial for Open Canvas
Post by: @nc13nT on December 08, 2007, 04:46:55 PM
I co-sign on all the compliments for this great tutorial! Now I need to learn to draw well first before putting this to use! I don't think stick figures will make the cut!
Title: Re: CG Tutorial for Open Canvas
Post by: hikick10 on May 22, 2010, 11:37:12 PM
U pwn at this.  :) 
Title: Re: CG Tutorial for Open Canvas
Post by: Grafikal on May 23, 2010, 02:43:11 AM
holy crap 3 year necropost. stop that :mad: