James Gurney の書籍 カラー&ライト で紹介されている「ガマットマスク」を作成するためのオンラインツールを作りました。
メールや GitHub でフィードバックを受け付けています。
色には、見る人に特定の印象を与える効果があります。 絵を描き始める前にガマットマスクを使って配色の設計をして、この中から色を選んで使うことで、色の方向性に統一感を持たせることが可能になります。
ガマットマスクは、カラーホイールとマスク(トレーシングペーパーなどに穴を開けてくり抜いたもの)から成り立っています。
このツールは、 My Painting Club というサイトに公開されているツール を参考にしました。元のサイトは動作が重かったことが気になっていました。 私のツールは、Reactを使った軽快なGUIで構成されていて、カラーホイールとマスクを最終的に1つのSVGに仕上げます。 さらに、気に入ったマスクを「プリセット」としてたくさん保存しておくことができます。保存したプリセットは後から呼び出すことができます。
今後も機能追加を予定しています。
技術的には、このプロジェクトを通して、いくつか初めて扱うツール/ライブラリを試しました。
- shadcn-ui : UIライブラリ
- Cloudflare : CI,ホスティング
- Biome : Linter & Formatter
など。