Home > Photoshop -フォトショップ- | デザイン > 自然から色を学ぼう!

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

自然から色を学ぼう!

パソコンスクール パソコン教室 KENスクール 無料体験授業・無料相談はこちら 資料請求はこちら

【こちらの記事は、約7分程でお読みいただけます。】

Webブログをご覧のみなさま、こんにちは!

サイト制作や作品制作の際、皆さんお悩みになるのは、
やはり「色作り」「色の組み合わせ」ではないでしょうか?

「ピンクを使って、可愛くしてみよう!」とか、
「ブルーでカッコよくしよう!」と思っても、いざ制作してみたら、
「こんなイメージじゃなかったんだけどなぁ...。」
なんてこともあるのではないのでしょうか。

今回は、「自然から色を学ぼう!」ということで、
花や草など、自然にあるものから色作りを、学びたいと思います。

例えば、バラの花を観察してみましょう。

「自然から色を学ぶ」例題写真

この写真のバラの色を、一言で言ってしまえば「ピンク」なのですが、
花びらには「ビビットなピンク色」から「淡い白のようなピンク色」まで、
いろんなピンクがあることがわかります。

色の観察が終わったところで、
今度は、このバラの写真から、色を取ってきてみましょう。

Photoshopで、写真の画像を開きます。
そして、カラーピッカーを開きましょう。

「自然から色を学ぶ」解説画像

そしてカラーピッカーで、花びら部分の色と取ってみましょう。

 

「自然から色を学ぶ」解説画像

そのまま「スウォッチに追加」ボタンを押します。

 

「自然から色を学ぶ」解説画像

まず、「ビビットなピンク」色を取りました。
同じ要領で、他の花びらの部分からも色を取ります。

「自然から色を学ぶ」解説画像

今回は、5か所から色を取ってみました。
さて、スウォッチを見てみると...

「自然から色を学ぶ」解説画像

先ほど、カラーピッカーで取ってきた色が、
スウォッチに追加されています。

あとはこの色を使って、作品制作に活かしてみましょう!

例えば、この色の組み合わせからグラデーションを作ってみると...

「自然から色を学ぶ」解説画像

このような感じになります。
さらに、このグラデーションを使って、ボタンを作ってみます。

「自然から色を学ぶ」使用例画像

上が、今回作ったグラデーションを使用して作成したボタン、
下が、ビビットピンクと白の2色で作成したボタンです。

同じビビットピンクを使ったグラデーションでも、
上のボタンの方が、質感がぐっと上がって
素人っぽさが抜けたと思います。

初めて「色の組み合わせ」を経験する時は、
スウォッチに最初からある色を選びがちですが、
今回ご紹介したように、「自然の中にある色」を取ってきて、
作品に活用する方法もありますので、是非試してみてくださいね!

私のオススメは、お花のブーケから色の組み合わせを勉強する方法です。
フラワーショップの店頭に並んでいるブーケは、
色の組み合わせを考えて作られているものなので、
元々、色に一定のまとまりがあります。

ですので、今回の方法で色を取っても、まとまりがでるので、
色の組み合わせを勉強するには、非常に良い題材だと思います!

お花を買ったら、まずデジカメなどで撮影して写真を残し、
それから、お部屋に飾って楽しめる...一石二鳥のお勉強方法でした!


--------------------------------------------------------------------------------

現場のデザイナーも通うKENスクールで、あなたもデザインスキルを磨きませんか??

【「極」グラフィックPro講座】
「デザイン」と「アート」、その違いを考えることからスタート!
レイアウトや色彩・文字などの基礎知識はもちろん、Photoshopと
Illustratorを自在に扱い、極められるように指導します!

本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 前田

Home > Photoshop -フォトショップ- | デザイン > 自然から色を学ぼう!

Search
Feeds

Return to page top