PDA

View Full Version : TUTORIAL - Concept Detractive Drawing: Videos - by Desp#2/Rog


RO
07-25-2005, 03:18 AM
(ATM the host is down so no tuts or pictures :| )

Creation of Cone Head

With these video tutorials I will go from the gesture drawing – a finished concept character. The character ended up having a big metal like cone for the helmet design. I am also going to use a very limited color palettes. For this character I am using blue and orange, these complementary colors. Complementary colors are the opposite colors form each other in the color wheel.

The way I am going to draw this character is by having the background set to black from the very start and slowly light the areas that are being lit leaving the shadows untouched. This is usually referred to detractive drawing. Because your only taking away what is needed from the canvas. In traditional way you would get charcoal fill the whole paper with it and just use your eraser. This is the same basic concept also.

What you may learn:

-Doing detractive drawings will make you focus on the light and basic forms.

-Using two colors to create depth. In this case a complement of blue. This also goes with the theory of hot and cold colors.

-The basic process of building a concept character from start to finish.

- The idea of mixing colors to arrive at new ones.

Tip#1: For people with bad eye sight. (like me) When drawing from life take off your glasses and look at the objects you are drawing this will make it easier to get the basic forms instead of worrying about the detail. This is what I am doing here basically I lay down the light and blur. I slowly go in and add details. Progressively adding more and more detailing with smaller brushes. So use your bad eye sight as slight advantage :P

Downloads

(I have found out that the codec this video uses does not play on some systems I am going to use quick time from now on)

I am pretty sure I found the problem. Thing is this program comes with an encoder from the company I had to change the type it complied the video.

Video#1: Gesture drawing
http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw1.zip (http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw1.zip)
Video#2: My weird armor design
http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw2.zip (http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw2.zip)
Video#3: Basic light using Blue and Orange
http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw3.zip (http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw3.zip)
Video#4: Detailing the helmet
http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw4.zip (http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/draw4.zip)
Video#5: Back

Flash Version
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash1.html (http://onlinewarriors.beyondunreal.com/FlashTUT/Flash1.html)
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash2.html (http://onlinewarriors.beyondunreal.com/FlashTUT/Flash2.html)
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash3.html (http://onlinewarriors.beyondunreal.com/FlashTUT/Flash3.html)
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash4.html (http://onlinewarriors.beyondunreal.com/FlashTUT/Flash4.html)
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash5.html (http://onlinewarriors.beyondunreal.com/FlashTUT/Flash5.html)

IF you are having problems viewing the video you need to download this codec from this website http://www.techsmith.com/download/tsccdefault.asp

(still more to go I will keep updating this list here)

http://onlinewarriors.beyondunreal.com/RandomStuff/Notdel/Tut1-1.jpg

(This is the end of Video#5)

SunnyRaining
07-25-2005, 07:35 AM
WOW! These videos are really really cool Desp#2/Rog! Thanks for making them for us - they really help when it comes to working digitally. (Codecs work fine for me - am just using windows media player). Looking forward to the next ones :)

RO
07-25-2005, 12:28 PM
Thanks :)

Please if you download these and it worked or did not work please post or send a pm I want to get this working for mostly everyone. Ill also show small steps pictures I am doing those today of the 4 videos.

RO
07-25-2005, 01:07 PM
Flash version

http://onlinewarriors.beyondunreal.com/FlashTUT/Flash1.html
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash2.html
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash3.html
http://onlinewarriors.beyondunreal.com/FlashTUT/Flash4.html

(All of these are at 1 to 2 min timelines. Flash needs to be installed for it to work. Most Internet browsers should have it.)

RO
07-25-2005, 01:58 PM
The Step by Step Picture Version

http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/t1-1.jpg
- First lay out the sketch of the gesture and armor design on top of the gesture drawing.

- Now go into the basic laying of the color orange with opacity so It can make it brighter in the more intense areas and lighter on the shadows.

- Do the same for the color blue

- Get some white with a low opacity to lay down some highlights. Since it blends with the under laying colors you get lighter colors of the blue and orange etc.
http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/t1-2.jpg
- On the first step blur the whole character.

- Started to make the shape have sharper lines since the blur made it bleed but combined all the colors.

- Used dodge and burn to add darker areas and pop the highlight out.

- Added some lines to add to the form that it is rounded also made sure to add some small highlight lines with a light blue and white where the light would be most likely to hit on the grooves.
http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/t1-3.jpg
- Add a slight sharp highlight

- Kept adding details like smaller lines for some décor.

- Put some quick scratches

- Added the top detail lines.

Rebeccak
07-25-2005, 02:01 PM
Desp#2/Rog,

Totally AWESOME!!! Thank you for posting these! I will try and download your videos today at work ~ thank you for all the work you put into this, I think people will be really thrilled!! :)

EDIT:
Flash version worked for me great! Did you composite/edit these at all in After Effects, or are these a straight unedited cut? :)

~Rebeccak

RO
07-25-2005, 02:34 PM
The flash ones are straight unedited though I did speed them up like 400% on some so it would be put in 2 min time instead of 15 :D Ill try to keep the time low so people do not have to wait too long to see the progression.

Well if flash works... Cool! That is most likly the best and it makes it loads better than video imo. The video one actually sucks compared to the flash one.

RO
07-26-2005, 03:59 AM
Side Video tutorial #1: Painting a face

I got kind of bored, so I decided to make another video tutorial. The painting it self is not done but it will be tomorrow. It pretty much goes with great sloppiness how to paint a face. The painting took me around 45 min and I put it all in 5 min flash format. I was actually pretty suprised how quick I did this.

size: 60mb so it will take a while for slower pc's. A step by step will not really help on this one :|

http://onlinewarriors.beyondunreal.com/FlashTUT/Face.html

http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/f1-1.jpg http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/f1-2.jpg

Start--------------------------------------------------------------------------Halfway

Btw I got the lines from an old drawing of me... I just used it like a basic guide so it does not look like me per se but the main forms are alike :P

Enjoy :)

(Oh also... since speed was a factor I have lots of little errors so do not copy the errors just copy the idea of how it was shaded etc)

Rebeccak
07-26-2005, 04:22 AM
Schweet!!! You got kind of bored??? :)

Looks great! Look forward to seeing Part Deux. :)

~Rebeccak

default-rol
07-26-2005, 02:38 PM
Desp2/Rog

Your portrait tutorial (the only one I have seen so far) is well cool. Thanks for showing it. I have a question though:

Q: How do you blur/knock back your linework once you have drawn it? It appeared you were using a brush to blend - which one is it or how do you customise the brush settings to be able to do this please? This is something I really want to know how to do in PS!

Thanks

MIKE

EDIT - Just seen the rest too - v. cool. :applause:

Rebeccak
07-26-2005, 02:50 PM
ERM...Just disregard the following, Rebecca was having an attack of early onset Alzheimer's, and thought someone else was asking her a question...carry on! :D

Do you mean the B/W portrait I just posted?

Basically, it's really easy. :) Once I've established all of the major features, exaggerating the lights and darks, I do the following:

1. Select All, Copy + Merge the existing Layers so I have one single Merged Layer.

2. Duplicate this MERGED Layer (Ctrl + J) ~ so now I have 2 MERGED Layers that are the same.

3. GAUSSIAN BLUR the top layer to your heart's content.

4. Add a mask to the top BLURRED Layer (click the mask icon in the Layers palette when you are on the Layer you want to mask) and use the black / white swatches to paint (using the Brush tool) the mask (black takes away the mask, white replaces it).

OR:

ERASE (not using the mask) using the Eraser tool set to a low opacity (25% - 50%) to erase only those areas that I want to be in sharper focus.

5. Copy + MERGE everything, and voila! Instant in~focus / out of focus image!

:)

~Hope this helps. :)

~Rebeccak

Rebeccak
07-26-2005, 03:00 PM
ERM...Just disregard the following, Rebecca was having an attack of early onset Alzheimer's, and thought someone else was asking her a question...carry on! :D

I'll post this on the Portraiture thread also. :)

~Rebeccak

default-rol
07-26-2005, 03:01 PM
Do you mean the B/W portrait I just posted?

Basically, it's really easy. :) Once I've established all of the major features, exaggerating the lights and darks, I do the following:

1. Select All, Copy + Merge the existing Layers so I have one single Merged Layer.

2. Duplicate this MERGED Layer (Ctrl + J) ~ so now I have 2 MERGED Layers that are the same.

3. GAUSSIAN BLUR the top layer to your heart's content.

4. Add a mask to the top BLURRED Layer (click the mask icon in the Layers palette when you are on the Layer you want to mask) and use the black / white swatches to paint (using the Brush tool) the mask (black takes away the mask, white replaces it).

OR:

ERASE (not using the mask) using the Eraser tool set to a low opacity (25% - 50%) to erase only those areas that I want to be in sharper focus.

5. Copy + MERGE everything, and voila! Instant in~focus / out of focus image!

:)

~Hope this helps. :)

~Rebeccak

Thanks RebeccaK, BUT what B/W portrait you posted? Errrmmmm.....???

Rebeccak
07-26-2005, 03:12 PM
DOH!!! I am so sorry, I thought you were asking about something ENTIRELY else, now I feel like a TOTAL dolt, but oh well!!! :scream:

Erm...just nevermind. Carry on!! *runs* :)

~Rebeccak

You know, I get default.rol and Desp#2/Rog mixed up sometimes, so I thought Desp#2/Rog was asking me a quesiton off of his thread...chalk it up to early onset Alzheimer's. :D

Sorry Desp#2/Rog!!! :D

RO
07-26-2005, 06:08 PM
Desp2/Rog

Your portrait tutorial (the only one I have seen so far) is well cool. Thanks for showing it. I have a question though:

Q: How do you blur/knock back your linework once you have drawn it? It appeared you were using a brush to blend - which one is it or how do you customise the brush settings to be able to do this please? This is something I really want to know how to do in PS!

Thanks

MIKE

EDIT - Just seen the rest too - v. cool. :applause:

http://onlinewarriors.beyondunreal.com/FlashTUT/Pictures/tool1-1.jpg

For the line work I have the line work set on another layer so I can take it off when ever I feel like it.



I first started with black background layer added the line work layer and did the lines, and the third layer is where I put all the brush strokes. Always keep layers separate. Make sure to use lots of layers for finer details and once your happy ctrl e which will merge the layer below which should be your main work layer.



For blending I first added all the brush strokes and went to the blur filter. Once that was done I was able to go into more detail. For blending and such with more control I use the blur & smudge tool that is in the PS. Pic above :)

@ rebeccak

Np you are always welcome to go crazy in my thread :)

default-rol
07-26-2005, 09:42 PM
Thanks for that! I have played around with those tools before but never seemed to get satisfactory results. I will now have to try again.:)

EDIT: Does "strength" in your toolbar screen grab comments mean opacity? Or is there a "strength" setting somewhere that I have missed?

Rebeccak
07-26-2005, 09:45 PM
*trying hard not to confuse the two of you* :)

~Rebeccak

GACK! I'm seeing double!!!

RO
07-26-2005, 09:47 PM
It should be in the same spot where it is opacity for the brushes in your PS. But when you use these tools the opacity tex changes to strength.

The best way is to work with layers. Add some brush strokes on top layer smudg and blur. That way you keep the lower layer intact etc.

default-rol
07-26-2005, 09:51 PM
cheers for all your help - opening PS now...:thumbsup:

RO
07-27-2005, 01:59 AM
Video #5 for Mr Cone head

New video from the main cone head guy. I am not sure if I am going to make more of these for this guy since it is the same thing I will do through out the whole guy. but here it is

http://onlinewarriors.beyondunreal.com/FlashTUT/Flash5.html

ceresz
07-27-2005, 10:45 AM
thanks:D
i am watching right now:D
btw,,,what settings do you use when rocrding the video, it's so smooth when i record the movemnts get's like,,,f*c**d up:D

RO
07-27-2005, 03:05 PM
I record at full view which is 1280x1024 It tells you that you can take off some kind of acceleration to improve it. Mine runs the same with or without that. I do have a GeForce 6800 GT so that might make a diff for some kind of stuff who knows. I am not a tech type person so I have no idea :) I guess record with a smaller res and see if that works out.

Rebeccak
07-27-2005, 03:10 PM
Desp#2/Rog,

Flash movie looks great! Thanks for sharing this! :)

~Rebeccak

CGTalk Moderation
07-27-2005, 03:10 PM
This thread has been automatically closed as it remained inactive for 12 months. If you wish to continue the discussion, please create a new thread in the appropriate forum.