delimiter

ガマットマスクを作成するツール

James Gurney の書籍 カラー&ライト で紹介されている「ガマットマスク」を作成するためのオンラインツールを作りました。


Color mask tool


color-mask-tool


color-mask-tool2


メールや GitHub でフィードバックを受け付けています。




色には、見る人に特定の印象を与える効果があります。 絵を描き始める前にガマットマスクを使って配色の設計をして、この中から色を選んで使うことで、色の方向性に統一感を持たせることが可能になります。


ガマットマスクは、カラーホイールとマスク(トレーシングペーパーなどに穴を開けてくり抜いたもの)から成り立っています。


このツールは、 My Painting Club というサイトに公開されているツール を参考にしました。元のサイトは動作が重かったことが気になっていました。 私のツールは、Reactを使った軽快なGUIで構成されていて、カラーホイールとマスクを最終的に1つのSVGに仕上げます。 さらに、気に入ったマスクを「プリセット」としてたくさん保存しておくことができます。保存したプリセットは後から呼び出すことができます。


今後も機能追加を予定しています。


技術的には、このプロジェクトを通して、いくつか初めて扱うツール/ライブラリを試しました。


  • shadcn-ui : UIライブラリ
  • Cloudflare : CI,ホスティング
  • Biome : Linter & Formatter

など。