ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート

今回はツールのTipsではなく、グラデーションをつくるときに私がいつも心がけていることなどをご紹介します。グラフィックソフトだけでなく、cssでグラデーションをつくるときにも使えるポイントだと思うので、非デザイナーの方にも見ていただけるように簡単に、すぐ読める内容になっています。 修正）2013/8/29/14:41 画像の2〜4枚目を修正しました。明度と彩度について間違いがありました、申し訳ありません。 ニュアンスのあるグラデーションとは 例えばこのカラーをサイトのベースカラーに使いたいとします。モニタの色というのは「R(赤)G(緑)B(青)」の0〜255で出来ていますが、他に「色相、彩度、明度」という数値でも表すことが出来ます。今回はこの3つの数値も重要なので、心の隅に置いておいてください。 メニューバーやボタンでグラデーションを作りたい、白背景に馴染むように白で作りたい、というときは

[satotaka99]

すいか

[mojamojayoriko]

グラデーションツールで好みのグラデを一発で作れなかった秘密がここに。いつも別途グラデを複数用意してオーバレイとかで合成してました。

[nffsjj]

なんとなくでしか理解してなかった。ためになった。

[ume-y]

なるほどー

[t101]

あー、そうなのか。なるほど。。

[himomen]

これはすごい。たしかに「１」のグラデーションでできてるサイトはちょっと寂しい感ある。

[tsetgogo]

ニュアンスのあるグラデーションをつくる