Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

 
Advanced search

879014 Posts in 32953 Topics- by 24353 Members - Latest Member: kanki

May 23, 2013, 04:50:53 AM
TIGSource ForumsDeveloperTutorialsPalette tutorial by ME
Pages: [1]
Print
Author Topic: Palette tutorial by ME  (Read 3003 times)
namragog
Level 10
*****


Humans are La La La~♪


View Profile WWW Email
« on: January 15, 2012, 12:40:59 PM »



EDIT: Fixed some minor issues with the image.
« Last Edit: January 15, 2012, 06:25:28 PM by namragog » Logged

thatshelby
Level 10
*****



View Profile WWW
« Reply #1 on: January 15, 2012, 04:51:29 PM »

What font is that? I like it.
Logged
pgil
Guest
« Reply #2 on: January 15, 2012, 06:03:04 PM »

I think you're being counterproductive by being so methodical (moving each bar the same number of units).  The relative brightness of a color really has nothing to do with its digital values.  For example, with your purple colors, the difference between the mid and bright tone is much bigger than the difference between the mid and dark.  With the yellow, it's just the opposite (mid and bright are really close, dark stands out).  You have the right idea, changing the hue and saturation, but it's better to do it by eye.

Also, Despain pretty much explains how to do this in his pixel art tutorials (which he posted in this very forum) 
Logged
namragog
Level 10
*****


Humans are La La La~♪


View Profile WWW Email
« Reply #3 on: January 15, 2012, 06:24:51 PM »

What font is that? I like it.

Terminal 8-point font.

I think you're being counterproductive by being so methodical (moving each bar the same number of units).  The relative brightness of a color really has nothing to do with its digital values.  For example, with your purple colors, the difference between the mid and bright tone is much bigger than the difference between the mid and dark.  With the yellow, it's just the opposite (mid and bright are really close, dark stands out).  You have the right idea, changing the hue and saturation, but it's better to do it by eye.

Also, Despain pretty much explains how to do this in his pixel art tutorials (which he posted in this very forum) 

The final version of an image created with my method looks smoother and less blocky, as opposed to many other pixel-artists.

Also, no offense to him, but Despain's tutorial is worthless. Nothing flows together using those methods. Also, i'm not forcing you to use my method. If you don't like it, don't use it and complain. If you want to do what you want to do, I don't give a damn. Don't complain about my methods if you have nothing constructive to say.
Logged

pgil
Guest
« Reply #4 on: January 15, 2012, 06:34:46 PM »

I was trying to say something constructive.  You were doing something that I thought took extra effort and didn't serve any apparent purpose. Also, if you don;'t want constructive criticism, then don't you probably shouldn't bother doing anything...
Logged
namragog
Level 10
*****


Humans are La La La~♪


View Profile WWW Email
« Reply #5 on: January 15, 2012, 06:40:43 PM »

I do want constructive criticism. I don't want someone to say "Oh look, this is wrong and also someone else did it better before, so you probably shouldn't have done this."

I wanted to do it, so I did. Maybe it will help some people, maybe it won't. I did it because I wanted to help people who can't figure out how to make a palette, and if most people already know how, too bad. I can get satisfaction in the fact that at least one person has been helped by it, which I know is true.

If it serves no apparent purpose to anyone, I still made it. It still exists as data on the internet and I have made an impact on society, albeit a very small one.

I doubt you know what constructive criticism truly is.
Logged

pgil
Guest
« Reply #6 on: January 15, 2012, 07:08:21 PM »

Okay, I guess I came off as kind of a dick in my first post.  That's not really what I intended.  I just wanted to show what I thought was a good example. I don't see any problem with my original suggestion (adjusting colors by eye, instead of bit-by-bit), but whatever.  Just chill the fuck out and be happy and make art dude  Beer!
Logged
Player Ʒ
Level 10
*****


Arcade Enthusiast


View Profile WWW
« Reply #7 on: January 17, 2012, 05:49:28 AM »

Because adjusting color by eye can cause problems to others with different monitors. Had a problem like that one time.
Logged

> Empty
Despain
Level 0
**


:o


View Profile WWW Email
« Reply #8 on: January 18, 2012, 06:29:46 PM »

Quote
Also, no offense to him, but Despain's tutorial is worthless. Nothing flows together using those methods.

idk man that's not really nice. and i don't even care that isn't nice—i care that it's inaccurate. the whole purpose to my approach is that the colors flow together, because i pick colors by eye, looking at my palette as a blob of color, not as numbers. but i don't want to argue about that in your thread.

i find it really strange that you put this on a black background—the color of the background will have a tremendous effect on the way the color looks—i also find it kind of difficult to see your "end result" palette. personally i use a neutral green-gray so that the colors stand better on their own. it might be worth considering changing your background for the sake of visibility.

your approach is VERY technical, while art is a subjective thing. i disagree with going by the numbers like you suggest—the result is a very straight ramp, and doesn't really take into account light. when it comes to art and colors, bro, you should trust your eyes.

good luck
« Last Edit: January 18, 2012, 06:39:05 PM by Despain » Logged
increpare
Guest
« Reply #9 on: January 18, 2012, 06:39:16 PM »

Not a fan of text embedded in images like that.  I have no idea what E.S. is.  I think it might be beneficial to zoom in some of the example images - I can't zoom in on firefox without the images getting blurred, which screws things up.  The method sounds a bit arbitrary in its exactness, but there's nothing intrinsically wrong with that (some people will just say "don't forget to tweak saturation and hue rather than just making things brighter" - this leaves a lot more to personal taste/judgement).
Logged
namragog
Level 10
*****


Humans are La La La~♪


View Profile WWW Email
« Reply #10 on: January 18, 2012, 07:48:15 PM »

Quote
Also, no offense to him, but Despain's tutorial is worthless. Nothing flows together using those methods.

idk man that's not really nice. and i don't even care that isn't nice—i care that it's inaccurate. the whole purpose to my approach is that the colors flow together, because i pick colors by eye, looking at my palette as a blob of color, not as numbers. but i don't want to argue about that in your thread.

i find it really strange that you put this on a black background—the color of the background will have a tremendous effect on the way the color looks—i also find it kind of difficult to see your "end result" palette. personally i use a neutral green-gray so that the colors stand better on their own. it might be worth considering changing your background for the sake of visibility.

your approach is VERY technical, while art is a subjective thing. i disagree with going by the numbers like you suggest—the result is a very straight ramp, and doesn't really take into account light. when it comes to art and colors, bro, you should trust your eyes.

good luck

I was in a bad mood when I wrote that. I'm terribly sorry. I also choose colors by eye sometimes; varying a tiny bit from the ramp. Sorry  Embarrassed

Not a fan of text embedded in images like that.  I have no idea what E.S. is.  I think it might be beneficial to zoom in some of the example images - I can't zoom in on firefox without the images getting blurred, which screws things up.  The method sounds a bit arbitrary in its exactness, but there's nothing intrinsically wrong with that (some people will just say "don't forget to tweak saturation and hue rather than just making things brighter" - this leaves a lot more to personal taste/judgement).

I don't think I need to zoom in on the images. It's a palette; it doesn't have any details you need to scrutinize. This image was originally posted on my thread for E.S., so if you want to know what it is, click the link in my signature. Also, I'm pretty sure that most people could tell it was something I was doing, due to the context...  Concerned
Logged

eyeliner
Level 9
****


I'm afraid of americans...

hollow_digger@hotmail.com
View Profile WWW Email
« Reply #11 on: February 13, 2012, 03:44:14 PM »

I like this method. It's... controlled... It... makes sense. It's... practical.

I... liek.
Logged

I'm doing this: Ballin'
JWK5
Guest
« Reply #12 on: April 20, 2012, 01:11:09 AM »

One thing I will add is that you don't want to move up the same amount of units, at least not every time. How dull or shiny (or wet, etc.) something appears is highly dependent on the spacing of colors on your gradient (i.e. from the core shadow, half-light, halftone, center light, and highlight). Also, in a daytime scene you'd be shifting the hue towards a warmer color while in a nighttime scene you'd be shifting the hue towards a colder color.



Also some random crap a friend and I were throwing down on iScribble...


Anyways, for the most part you've got the right idea.



Quote from: Despain
your approach is VERY technical, while art is a subjective thing
Art is both.

Quote from: Despain
when it comes to art and colors, bro, you should trust your eyes.
Your eyes lie. A single color can appear differently depending on what neighboring colors surround it. Rather than a black or green-gray background you should be using a background that is a color similar to what is going to be used in the background of the level (or whatever) that the sprites will be featured in.
« Last Edit: April 22, 2012, 08:23:22 PM by JWK5 » Logged
mwheelhouse
Level 0
*


I like Juice


View Profile WWW
« Reply #13 on: April 27, 2012, 08:00:01 AM »


This.

Quote
Quote from: Despain
when it comes to art and colors, bro, you should trust your eyes.
Your eyes lie. A single color can appear differently depending on what neighboring colors surround it.
Quick color theory lesson...

If you have a cold background and draw a grey shade, the grey will appear warmer. If you do the same with a warm background, the grey appears colder.

These are all great palettes. I really love the idea of sharing these with each other. So much diversity in here. Also, I love the palette maker.  Hand Shake Left Hand Shake Right

Edit: HOLY CRAP! I (half) thought I was in a different thread  jwk5 started.
« Last Edit: May 01, 2012, 02:38:51 PM by mwheelhouse » Logged

JWK5
Guest
« Reply #14 on: April 27, 2012, 11:45:03 AM »

This was the thread you were thinking of, I believe.
Logged
Pages: [1]
Print
Jump to:  

Theme orange-lt created by panic