Graal Forums  

Go Back   Graal Forums > Development Forums > Graphic Design
FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 03-07-2012, 06:34 PM
Emera Emera is offline
Delterian Hybrid
Emera's Avatar
Join Date: Mar 2011
Location: Newcastle Upon-Tyne
Posts: 1,704
Emera is a jewel in the roughEmera is a jewel in the rough
Shading advice

I've been playing around with graphics lately, recolouring images and adding to some, but I'd like to take it to the next level. I'm interested in getting to a stage where I'm comfortable with creating simple graphics that look good. Obviously, there has to be some sort of starting point. I've managed to create a decent looking (in my opinion) hat shape using the hat template provided in one of Bell's threads. I'm happy with it so far, and was playing around with adding shading. I'm pretty hopeless with it haha. Does anybody have any advice to give me about how I should go about adding shading to this image?
Attached Images
 
__________________

Last edited by Emera; 03-07-2012 at 06:38 PM.. Reason: Adjusted image.
Reply With Quote
  #2  
Old 03-07-2012, 07:04 PM
Crow Crow is offline
ǝɔɐɹq ʎןɹnɔ
Crow's Avatar
Join Date: Dec 2006
Location: Germany
Posts: 5,153
Crow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond repute
Haven't done any pixels for quite a while now, but maybe this can give you a general idea.

Name:  hat.png
Views: 775
Size:  458 Bytes
__________________
Reply With Quote
  #3  
Old 03-07-2012, 07:07 PM
Emera Emera is offline
Delterian Hybrid
Emera's Avatar
Join Date: Mar 2011
Location: Newcastle Upon-Tyne
Posts: 1,704
Emera is a jewel in the roughEmera is a jewel in the rough
Quote:
Originally Posted by Crow View Post
Haven't done any pixels for quite a while now, but maybe this can give you a general idea.

Attachment 54324
That's really nice :O Well done! I'll look at that and try to figure something out. Thank you!
-
Had a play around with what you had going there, and I've come out with this.
Attached Images
 
__________________

Last edited by Emera; 03-07-2012 at 07:25 PM..
Reply With Quote
  #4  
Old 03-07-2012, 11:29 PM
Felix_Xenophobe Felix_Xenophobe is offline
iphone era sad litle mads
Felix_Xenophobe's Avatar
Join Date: May 2005
Location: punchin yer nuts iphone era
Posts: 1,810
Felix_Xenophobe is a splendid one to beholdFelix_Xenophobe is a splendid one to beholdFelix_Xenophobe is a splendid one to beholdFelix_Xenophobe is a splendid one to beholdFelix_Xenophobe is a splendid one to behold
Send a message via MSN to Felix_Xenophobe
Quote:
Originally Posted by Emera View Post
That's really nice :O Well done! I'll look at that and try to figure something out. Thank you!
-
Had a play around with what you had going there, and I've come out with this.
needs more contrast
__________________
KARTRACE
REIGNING CHAMPION
Quote:
Originally Posted by Tashkin
I have done 10x the amount any previous EA has done.
Quote:
Originally Posted by Ravenblade1979 View Post
What you need is Zone Police again.
Reply With Quote
  #5  
Old 03-07-2012, 11:54 PM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
Quote:
Originally Posted by Felix_Xenophobe View Post
needs more contrast
agreed, if you notice crow's hat has more definition, if you didn't tell me what yours was it could be confused with a metal cylinder.
__________________
Look beyond the monitor.
Reply With Quote
  #6  
Old 03-08-2012, 12:32 AM
smirt362 smirt362 is offline
Tee Hee
smirt362's Avatar
Join Date: Feb 2005
Location: Texas
Posts: 2,101
smirt362 has a brilliant futuresmirt362 has a brilliant futuresmirt362 has a brilliant futuresmirt362 has a brilliant futuresmirt362 has a brilliant futuresmirt362 has a brilliant futuresmirt362 has a brilliant future
Send a message via AIM to smirt362 Send a message via MSN to smirt362
Quote:
Originally Posted by Emera View Post
That's really nice :O Well done! I'll look at that and try to figure something out. Thank you!
-
Had a play around with what you had going there, and I've come out with this.
Try something similar, but with hues slightly shifting over to blue like in Crow's example.
__________________

Don Hertzfeldt <3
Reply With Quote
  #7  
Old 03-08-2012, 08:59 PM
Emera Emera is offline
Delterian Hybrid
Emera's Avatar
Join Date: Mar 2011
Location: Newcastle Upon-Tyne
Posts: 1,704
Emera is a jewel in the roughEmera is a jewel in the rough
Quote:
Originally Posted by geneticfrog View Post
My advice is keep practicing with all kinds of shapes and light sources. shadding is basically common sence and you must be able to imagine what the light hitting specific shapes and textures will do.

here is the best tutorial ive read and the one that really started me off pixeling. i also recommend this to everyone that asks for help in the past.

http://www.natomic.com/hosted/marks/mpat/shading.html

note: if you scroll down and push back there are also tips for Lineart
Colours and RGB Values
Softening outlines
Anti-Aliasing


this site helped me,hopefully it helps you.
Thank you for the link. That helped out a lot! I'm playing around with shading simple shapes to start off with until I get a little more comfortable with shading.
__________________
Reply With Quote
  #8  
Old 03-08-2012, 09:04 PM
geneticfrog geneticfrog is offline
Registered User
Join Date: Aug 2005
Location: Canada N-B
Posts: 294
geneticfrog can only hope to improve
Send a message via AIM to geneticfrog Send a message via MSN to geneticfrog
Quote:
Originally Posted by Crow View Post
Haven't done any pixels for quite a while now, but maybe this can give you a general idea.

Attachment 54324
you have a grasp on the concept of shading but no so much with a set light source like graals. Your shading is not wrong but its considered pillow shading. (the devil)


the only problem here is if we look at the hat and try to find its light source. it is what we call "pillow shading" beacause the only way you can get light bright in the front of the hat but dark on the top is if you have a flashlight. or some kind of torche right between you and the hat.

If we use graals general light source its the sun at 45 degrees infront of the player in the sky.

all this to say that the TOP of the top hat needs to be lit up and the rim of the top hat. you have to be able to picture this concept in your mind.
__________________
Jer ^__^
Reply With Quote
  #9  
Old 03-10-2012, 11:04 PM
lavaman lavaman is offline
Registered User
lavaman's Avatar
Join Date: Jul 2008
Posts: 28
lavaman is on a distinguished road
I recommend playing around with what I was told was called "Dithering".

I'm not sure if that's really what it is called so I made/uploaded a Sword of Dither and a Sword of not so Dither to show what I'm talking about.
Attached Images
 
__________________
Techno Doggeh doesn't see race, beauty, money, or age.
You're all targets in his eyes.
Reply With Quote
  #10  
Old 03-11-2012, 12:27 AM
Crow Crow is offline
ǝɔɐɹq ʎןɹnɔ
Crow's Avatar
Join Date: Dec 2006
Location: Germany
Posts: 5,153
Crow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond repute
Quote:
Originally Posted by geneticfrog View Post
you have a grasp on the concept of shading but no so much with a set light source like graals. Your shading is not wrong but its considered pillow shading. (the devil)
I'm now aware that you don't seem to know anything about what you're trying to actually talk about. Thanks for the insight, I guess?


Quote:
Originally Posted by lavaman View Post
I recommend playing around with what I was told was called "Dithering".
Dithering also adds texture and should therefore not be used on materials that are not rough. Also, in the past, it was primarily used because of hardware limitations that did not allow a lot of colors. The artists created the illusion of more colors by dithering.
__________________
Reply With Quote
  #11  
Old 03-11-2012, 12:34 AM
DustyPorViva DustyPorViva is offline
Will work for food. Maybe
DustyPorViva's Avatar
Join Date: Sep 2003
Location: Maryland, USA
Posts: 9,589
DustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond repute
Send a message via AIM to DustyPorViva Send a message via MSN to DustyPorViva
Quote:
Originally Posted by geneticfrog View Post
you have a grasp on the concept of shading but no so much with a set light source like graals. Your shading is not wrong but its considered pillow shading. (the devil)


the only problem here is if we look at the hat and try to find its light source. it is what we call "pillow shading" beacause the only way you can get light bright in the front of the hat but dark on the top is if you have a flashlight. or some kind of torche right between you and the hat.

If we use graals general light source its the sun at 45 degrees infront of the player in the sky.

all this to say that the TOP of the top hat needs to be lit up and the rim of the top hat. you have to be able to picture this concept in your mind.
There's nothing wrong with his shading. Pillow shading is when you let the outline dictate your shading, not that the lightsource is from the front(just that a lightsource from the front rarely looks good anyways, and with certain shapes CAN create pillowshading). However while his lightsouce is somewhat from the front(though off to the side a bit) it doesn't hurt the piece here.

This would be pillowshading:



While I'm here I guess I'll post what I posted on the other forums:
Quote:
First thing you can probably do to help this a lot is to work on the outline and form. For example since you're working with a small size it's probably best not to use lines to portray volume(such as the hem of the hat) and instead use lighting. A sharp jump from light to dark will imply a corner or edge.

Second, don't use pure greys unless you know what you're doing. A grey with a very light touch of hue looks much more pleasing to the eye. Typically when you're working with darks a hint of purple suits this well. In this instance blue could probably work, too.



After you work on those two things you can start shading. Try to avoid typical gradients. Get a little creative with it. For example typically shiny stuff(like a nice, shiny expensive tophat) could use "streaks" of highlights to make things a little more interesting. Also don't be afraid to play with these things a bit. For example instead of making the highlight go straight down you can make it taper off and disappear. This implies a conic shape to the hat and works with its shape to make it look more interesting than a very stiff hat, even if the lines still imply its edges are straight.

Don't be afraid to break away from the norm or logic to get creative, especially since it's for Graal that implements a cartoony style. You can often break off and do things that wouldn't make sense logically and it still looks nice and fits.
Reply With Quote
  #12  
Old 03-11-2012, 01:00 AM
geneticfrog geneticfrog is offline
Registered User
Join Date: Aug 2005
Location: Canada N-B
Posts: 294
geneticfrog can only hope to improve
Send a message via AIM to geneticfrog Send a message via MSN to geneticfrog
it was acutally a good example of pillow shading but this guy dusti always has something negetive to say no matter what you post apparantly.

just beacause the pillow shading wasnt applied EXACTLY HOW DUSTI SAIS to all surfaces doesnt mean its not pillow shaded on some surfaces that it was applied to...... -_-
__________________
Jer ^__^
Reply With Quote
  #13  
Old 03-11-2012, 01:02 AM
Bam112 Bam112 is offline
◕ ◡ ◕
Bam112's Avatar
Join Date: Mar 2012
Posts: 41
Bam112 is on a distinguished road
Quote:
Originally Posted by geneticfrog View Post
it was acutally a perfect example of pillow shading but this guy dusti always has something to say no matter what you post.

just beacause the pillow shading wasnt applied to all surfaces doesnt mean its not pillow shading.....
Dusty*
__________________
Happy halloween!
Reply With Quote
  #14  
Old 03-11-2012, 01:05 AM
Crow Crow is offline
ǝɔɐɹq ʎןɹnɔ
Crow's Avatar
Join Date: Dec 2006
Location: Germany
Posts: 5,153
Crow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond reputeCrow has a reputation beyond repute
Quote:
Originally Posted by geneticfrog View Post
just beacause the pillow shading wasnt applied EXACTLY HOW DUSTI SAIS to all surfaces doesnt mean its not pillow shaded on some surfaces..... -_-
Pillow shading can be compared to radial gradients. I didn't do that on any surfaces.
__________________
Reply With Quote
  #15  
Old 03-11-2012, 01:08 AM
geneticfrog geneticfrog is offline
Registered User
Join Date: Aug 2005
Location: Canada N-B
Posts: 294
geneticfrog can only hope to improve
Send a message via AIM to geneticfrog Send a message via MSN to geneticfrog
"'pillow shading', a great evil spoken of by pixel artists in hushed tones. It is the work of the devil, and appears to assume a single point light source hanging directly between us and our object. "

since there was no brightness ontop of the hat you showed us. yet it was bright infront of the hat. i can only assume the light source was applied as a pillowshading light source.
__________________
Jer ^__^
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +2. The time now is 05:13 PM.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.
Copyright (C) 1998-2019 Toonslab All Rights Reserved.