View Full Version: Lesson 06 - Speculars And Shiny Spots

Pixel > Tutorials > Lesson 06 - Speculars And Shiny Spots


Title: Lesson 06 - Speculars And Shiny Spots


Chessmasterriley - November 25, 2006 10:23 PM (GMT)
Tutorial_08: Speculars (shiny spots)

Specular is the ability of a material or surface to
reflect light. (in other words, show shininess)

it is important as a pixel artist or spriter
that you know the physical qualities of your object's
materials in your art. and specular is one thing
that you should not ignore.

Mirrors have the most powerful specular...
and as you know Glasses also are sensitive to
light sources that it can have shiny parts on it
that make it glossy.

OK today's lesson is all about setting and planning
how much shininess an object in your pixel art should
impose. this lesson will show you how to determine
the right color to pick for use with the object's specular
qualities and show it's shine.

and as you now, not all materials reflect light or
show glossiness. one example is a rubber,
rubber is a material that do not have specular value.
it can have shadings but no glowing or glossy parts
should be applied to rubbers.

on the other hand, there is a material called 'plastic'.
most plastic shows very high specular.

and ofcourse, materials like metals have high
speculars too... gold, silver, brass, copper, etc...
they all show shiny parts on their body everywhere
whenever a light source is present.

here's some examples of materials.

MATERIAL SPECULARS

figure1
user posted image

you should always observe your object's material characteristics
whenever you start pixelling a subject.

Rubber - low specular, can't have shiny parts
Plastic - very high specular, the shiny spot is almost a solid color
Skin - below average specular, specular depends on how sweaty the skin is.
Brass - high specular.
Copper - high specular. high contrast.
Crystal or Glass - high specular, low contrast, high brightness.
Clay (modelling clay) - low specular, low contrast.

before you begin your pixel art
you should make it a habit that you
always pick the necessary colors and
arrange your pallete.

if you use paint and/or other program
you should always get yourself aquainted
to the Color dialog window

figure2
user posted image

that's the place where you can adjust colors
on your pallete.

next, ofcourse you should know what colors to pick
if you are going to start to pixel an object you should
first pick the base color for the object.

figure3
user posted image
this figure shows the plastic material and the colors
(pallete) used with it.

Base Color - is the diffuse* color for the material. you can create shades of it by adjusting its RGB** and a little on it's HSV*** value and assign them to pallete.

Gradient Color (Shades) - these colors originated from the base color. they used to make the artwork look realistic and non-flat.

Shiny Part (Specular) - finally this is the color you need to act as the shiny part of the material. it should be bright as the light source color, mostly white.

Anti-Alias - the extra color used for AAing.

*=diffuse means the overall color of an object. (base color)
**=RGB means the Red, Green, Blue color values of certain image
***=HSV means the Hue, Saturation, and Value of the color of the image


now the coloring of your artwork and the question
on where to place the shiny spot mostly depends
on the light source position and the shape of the object.

please study and take a deep look at the figure1.
and see how i place the shiny spots on the object.

mostly shiny parts will appear on the bumpy area of an object.
or any parts that obviously protrudes.

lastly, consider this following figure

figure4
user posted image
curvy and bumpy areas are the most places you can find
the glossy or shiny part.

the figure shows the difference between flat and curvy
surface. as you can see curvy surface have more certain
to show specular.
-note that flat surfaces may not have shiny areas.

HINTS:

look at the things at your household. bottles, glasses, toys, anything.... and observe their speculars.

concentrate on the shape of your lineart. (bottle)
then try to look at those curvy area. try to imagine
what area in the object should the light hit to.

some shiny shapes are dependant on your objects
shape.

for further demonstration
here's a figure that shows
step by step procedure.....

figure5
user posted image

this is my procedure on doing the bottle pixelart
(following this step by step procedure is optional, what important
is the way you impose the specular on the object of your art.)

you can do whatever way you want to use.

step 1 : if you dont have a reference model, just put in some circle shapes and reform them to make a bottle figure

step 2-3 : trace the shape and complete the lineart of the bottle

step 4 : apply the base color of the bottle

step 5 : apply shadings on it, this is the part where you have to decide whether to make the material non specular or a shiny one... and also consider some other aspects like material's shape, brightness and contrasts. for example. 'some plastics has high contrasts','skins have low contrasts'. etc...

step 6 : apply the specular (shiny spot) on the object. remember, specular's position and size is affected by the light source's size and position.

step 7 : add some finishing touches and some refinement (AAing, background, etc..)

ok guys, always be aware of every objects, things around you
and study their physical characteristics. have them sketch with pencil
colors or any method that lets you memorize how to draw them.



For your assignment.
make any size pixel of a bottle then add any amount
of speculars you want. example a 'rubber bottle'.
thats it.
post your works here.

ok for further questions, pm me or other teachers or
post it on the appropriate forums on this site.

good luck,

Regards
Teej

Credit: Teej

sk8m8trix - November 26, 2006 01:23 AM (GMT)
ccan we do a flat bottle?

Chessmasterriley - November 26, 2006 01:24 AM (GMT)
what do you mean a flat bottle?

sk8m8trix - November 26, 2006 01:27 AM (GMT)
well in ur diagram on the left it shows what flat images look like

silent sniper - November 26, 2006 03:55 AM (GMT)
dude, what happened to the rest of lesson 5?

monkeys - November 26, 2006 04:42 AM (GMT)
user posted image
It's a water bottle. ^_^ The top is rubber, and the bottle part is plastic, but I also tried to make it appear opaque, so i didn't make it have that high of a specular.

sk8m8trix - November 26, 2006 04:57 AM (GMT)
nice bottle, bot the top looks more like a dimly lit plastic top other than rubber

Chessmasterriley - November 26, 2006 07:31 AM (GMT)
o lol no sk8, the whole lesson is about making it NOT flat.

The rest of lesson 5 will be continued in the next couple of lessons. DR feel free to take a lesson.

sk8m8trix - November 26, 2006 07:38 AM (GMT)
can i take a lesson? (waits for no)

P-entertainment - November 26, 2006 11:32 AM (GMT)
I shall start on this as soon as i have finished thelast one :P

pivotman - November 28, 2006 12:26 AM (GMT)
here is a quick fix:
user posted image
i might fix it up later.

Chessmasterriley - November 28, 2006 03:35 AM (GMT)
If you think you can make a good lesson, feel free to pm it to me.

P-entertainment - November 28, 2006 08:19 PM (GMT)
user posted image

Blue glass bottle on a table.
Warning: The table is only added to give the picture more life, it is not mean't to look good.

W/O dithering:
user posted image

Jaylon - November 29, 2006 03:58 AM (GMT)
nice bottle wish I could pixel like that lol

P-entertainment - November 29, 2006 01:28 PM (GMT)
ok i have made the bottle without dithering:
user posted image

silent sniper - November 30, 2006 12:03 AM (GMT)
hmm... i guess ill just do a bottle like that. no 1px thick gradients im assuming?

DoorMatt - November 30, 2006 04:11 PM (GMT)
user posted image
Grog! Yarr!

-DM

Gaming4JC - November 30, 2006 09:14 PM (GMT)
Hello,
I kept trying to make a fish bowl, like my pets :D and this is what I came up with...
user posted image
I know it's lacking something... :(

But eh it's ok :)

Gaming4JC

DoorMatt - November 30, 2006 09:28 PM (GMT)
Gaming4JC, yours is lacking any distinct shading. Up the contrast and shade a bit more.

-DM

silent sniper - December 2, 2006 10:37 PM (GMT)
my gourd, pretty much gaara's gourd except without the markings user posted image and yea, the lighting is suposed to be diffrent on the bottom that that of the top.

edit: with no dithering: user posted image

later i will add a backround plus AA.

Chessmasterriley - December 2, 2006 11:10 PM (GMT)
i will be late for posting the lesson...i am very busy and i'm going to a school dance tonight...DR this would be the time to post a lesson if ur ready

silent sniper - December 3, 2006 06:05 AM (GMT)
with AA: user posted image




* Hosted for free by InvisionFree