Inkscapeで配色用のカラーパレットを簡単に作る方法

グラフィックデザイン

配色用のカラーパレットをInkscapeの内部機能で作る方法を紹介します。

基本的にはカラーホイールの考え方で、明度や彩度をコントロールする方法なのですが、知っていると配色の引き出しも広がると思います。

使用機能は

  1. 矩形ツール
  2. タイルクローン

の2つです。

では進めていきます。

パレット用の矩形をつくる

矩形ツールで適当な大きさの矩形を作ります。矩形オブジェクトのフィルを「アンセット」にしておきます。

「アンセット」とは「未定義」という意味で、あとでタイルクローンを使用したときに色の設定がうまくできるようになります。

タイルクローンの設定-タイルの行列数を設定する

タイルクローンを開いて、ここでは5×3のタイルを設定します。

5行と言うのは一番上の色に対して彩度/明度を5段回で変化させるという意味です。

3列と言うのは一番左上の色に対して色相をあと2つ用意するという意味です。

必要な色の数は使う場面や要件によって変化します。実際にパレットを作るとき、その場面ごとに行列の数を決めたほうが無難ですね。

タイルクローンの設定-色の設定

色タブに移動して、左上の初期色を決めます。

色の変化率を決める

色相の変化率はカラーホイールの感覚で決めましょう。

例えば3色を選ぶとき、ベースカラーに対してカラーホイールの30度単位でずらして決める方法があります。

このときは変化率を「30÷360×100 ≒ 8.33%」という感じで設定します。

彩度/明度の変化率を決める

彩度、明度どちらでも良いのですが、5つの段階で設定するので10~20%の間を目安に変化させます。

マイナスの数値を指定すると、明度や彩度(色相も)が減る方向にシフトします。

カラーパレットの作成

設定がおわったら「作成」のボタンをクリックすると、パレットが作成されました。

パレットの一部が明るすぎて白くなっていますが、段階的に同じトーンの色が並んでいるのがわかります。

同じ要領でいろいろなパレットを作ることができます。

ではまた。

P.S. 他にもチュートリアル記事を用意しています。ぜひ確認してみてください。

tipLogtipLog

tipLog

inkscape・GIMPを使ったデザインお勉強ブログ。WordPressなどのウェブ関連のお勉強もしています。2019年6月にInkscapeの書籍を出版しました。 現在は個人事業主向けのホームページやブログ導入のお手伝いをしています。

関連記事

特集記事

コメント

この記事へのコメントはありません。

CAPTCHA


tipLogtipLog

tipLog

inkscape・GIMPを使ったデザインお勉強ブログ。WordPressなどのウェブ関連のお勉強もしています。2019年6月にInkscapeの書籍を出版しました。 現在は個人事業主向けのホームページやブログ導入のお手伝いをしています。

Inkscapeの入門書

ランキング

  1. inkscapeで取り込んだJPGやPNG画像をトリミングをする方法

  2. inkscapeで「フチ文字」を作る方法2つ+ちょっとした応用

  3. inkscapeの基本機能だけで矢印を描く方法

  4. PHPでデータベースから取得した配列を加工する方法

  5. inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集

  6. 超簡単!inkscapeで直角三角形を作る方法

  7. inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

inkscapeを学ぶ

TCDテーマ「Muum」
TOP