Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Shading Training

Featured Replies

I was bored and tried to do some shading, i am really not the greatest or near good at it: but i hope you guys can comment it and tell me what i can do to improve:

 

 

 

Shading.jpg

 

 

 

Also i am not saying this is a art, but i hope for some comments about it.

Eh, it is alright, but the colour's don't really match... Being saved as a .JPEG does not do it justice either.

My relaxation method involves a bottle of lotion, beautiful women, and partial nudity. Yes I get massages.

 

ojdv.jpg

Moved.

spacescenev24.jpg

You seriously need a light source. Ugh.

When you shade you've got to pick a light source and stick to it.

 

 

 

If you take a cube, the face directly exposed to the sun will be bright, while the face on the other side will be dark because no light is hitting it.

 

 

 

Also, try using less saturated colors (more gray in them) and try using more contrast (make your darkest dark and your lightest light more extreme)

borderedsh0ai8uxj5.png

Thanks To:reddawn509, Hoopster211, JacobRyan, navyplaya, bigsword33, Ferahgo28, speedofsound, Goldwolflord, unknowz, GonAndGary and born2die

  • Author

OK, i don't know what light source is but ill find out in Tip.it sticky about words ;)

 

 

 

Thanks for comments, i will try to improve.

A light source is where the light affecting the object is.

 

 

 

That could be the sun, a fire, an explosion, a tv set, anything that emits light.

 

You need to work out where the light hits the object, and where it doesn't so shadows are formed. This makes your work look much more realistic.

spacescenev24.jpg

I've seen these, and you really need a definitive light source. When pixelling you want to make sure your colours are really, really close together, to make shading nice, soft and effective.

lampost_sig_stark.png
  • Author

Can someone please post a example of correct way to shade <3: Would appriate to see someone's shading.

 

 

 

For everyone else: Thanks for the tips, i will be sure to read it closely when i work on shade training again :thumbup:

Your image is no longer working...

polvCwJ.gif
"It's not a rest for me, it's a rest for the weights." - Dom Mazzetti

http://forum.tip.it/viewtopic.php?t=217937

 

Skip down to the part that shows shading a sphere. If you still don't get it after that tell me and I'll make my own examples for you.

15cbz0y.jpg
[bleep] the law, they can eat my dick that's word to Pimp

Image Has been moved/deleted, according to PB.

2257AD.TUMBLR.COM

When pixelling you want to make sure your colours are really, really close together, to make shading nice, soft and effective.

 

That's actually something to avoid. Pixelling is all about using only the colors you really need.

 

And anyways if you want soft shading and smooth gradients, why are you wasting your time doing it pixel by pixel?

borderedsh0ai8uxj5.png

Thanks To:reddawn509, Hoopster211, JacobRyan, navyplaya, bigsword33, Ferahgo28, speedofsound, Goldwolflord, unknowz, GonAndGary and born2die

I agree with unknowz, I think when pixelling, you can't be afraid to (when it's suitable) use completely different colours, black and white included. It makes it look a lot better, sometimes.

spacescenev24.jpg
  • Author

OK i used a lightsource (drawed one to locate new colors as right as possible).

 

 

 

I am not finished with it. I need to use brushes, but i hope i can get tips on that on how to do it best possible way ;)

 

 

 

Shading1.jpg

 

 

 

I gotta admit i used a bit to many colors, but it's first time with shading so i will ignore that for now. :P

Good that you are using a light source, but, no offense, it is still not that great :| The colours do not match.

My relaxation method involves a bottle of lotion, beautiful women, and partial nudity. Yes I get massages.

 

ojdv.jpg

  • Author

I jumped 2 colors off. Thought it would be better :?

I would suggest dithering to make it more realistic and lessen the banding, but that might be difficult.

C2b6gs7.png

Definitely an improvement, but that's not quite how spheres look when shaded.

 

Here's a basic one you can get by 2-3 clicks. Not the best but it should give you an idea.

 

500px-Sphere_-_monochrome_simple.svg.png

borderedsh0ai8uxj5.png

Thanks To:reddawn509, Hoopster211, JacobRyan, navyplaya, bigsword33, Ferahgo28, speedofsound, Goldwolflord, unknowz, GonAndGary and born2die

  • Author
Definitely an improvement, but that's not quite how spheres look when shaded.

 

Here's a basic one you can get by 2-3 clicks. Not the best but it should give you an idea.

 

500px-Sphere_-_monochrome_simple.svg.png

 

 

 

I used MS Paint, what do you USE?!!!!!! :o

 

 

 

That looks crazy :shock:

Nah I used a built-in script.

 

Just tweaked some settings. And yes I use Gimp.

 

But that's irrelevant anyways. I take it you will keep working in Ms paint, yes?

 

Because if you do, you will never get a result like that, but you should try to get as close as possible to it.

borderedsh0ai8uxj5.png

Thanks To:reddawn509, Hoopster211, JacobRyan, navyplaya, bigsword33, Ferahgo28, speedofsound, Goldwolflord, unknowz, GonAndGary and born2die

  • Author

Pixel shading is nicer than 3d shading. That sphere allthough really cool, i like pixels more :D

Nah I used a built-in script.

 

Oh yes that one, but I was able to achieve the exact same results with just a circular selection and a radial gradient. :P

C2b6gs7.png

  • Author

Here's another shading attempt in MS Paint.

 

Shading2.jpg

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.