🐾

「3色だけでセンスのいい色」でアイコン作成

2025/01/23に公開

はじめに

「3色だけでセンスのいい色」という色使いが書かれている本があるのですが、WEBページのアイコン作成時にそちらを参考にしたところいい感じに作れたので久々に書いてみようと思います。

成果物

作成したアイコンはこちらです。

作成サイト

絵を描くのは苦手なので、CHARAT(キャラット)を使用させていただきました。
今回はCHARAT USHIROを使用しています。
ブラウザだけで完結するので便利です!

作成

枠組み

まずは適当な色で作ります。

色付け

本題の色付けです。
本にはテーマごとに3つの色とバランスが書いてあるので、好きなテーマで作成していきます。
今回は可愛さ重視で「星空のプリンセス」というテーマの配色を使用しました。
3つの色をどの割合で使用すればよいかメイン・サブ・アクセントでバランスが記載されているので、そのバランスに従って色付けをしていきます。
※ 明確なカラーコードの記載は避けます。気になる方は書籍をご覧になってください。

メイン

今回の場合は背景か髪色が該当しそうなので、背景をメインカラーで色付けします。

サブ

背景をメインカラーで色付けしたので、髪色をサブカラーで色付けします。
ベタ塗りよりグラデーションのほうが好きだったので、サブカラーとアクセントカラーでグラデーションしています。

アクセント

最後に服やリボンをアクセントカラーで色付けして完成です。

さいごに

いかがでしたでしょうか。特別なことは何もしてないですが、自分で色を付けるよりはよいデザインになったのかなと思ってます。
次はWEBページの色合いもこちらの本を参考に色付けしてみようと思います。

Discussion