グラフィックデザイン

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

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

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

使用機能は

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

の2つです。

では進めていきます。

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

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

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

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

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

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

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

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

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

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

色の変化率を決める

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

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

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

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

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

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

カラーパレットの作成

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

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

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

ではまた。

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

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. グラフィックデザイン

    inkscapeのタイルクローンで同心円を描く方法

    同心円を作るのって、結構面倒な作業なのですが、実はinkscapeのタ…

  2. グラフィックデザイン

    手作業は最小限で!inkscapeで「カラフルなドットパターン」の作り方【SVG/PNGサンプルあり…

    「ドットパターンを作る」って聞いて、難しく感じる人が多いような気がする…

  3. グラフィックデザイン

    inkscapeでフローチャートを作る方法

    この記事はキャプチャ画像だけでしたがアクセス数が多く人気があったので最…

  4. グラフィックデザイン

    簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

    写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しな…

  5. グラフィックデザイン

    無料素材を集めてコラージュを作るチュートリアル

    デザインを独学で学ぶとき、何をすればいいかわからないということも多ので…

  6. グラフィックデザイン

    GIMPでトリミング画像に影をつけてサクッと立体感を生み出すチュートリアル

    写真から切抜きした画像単体では、立体感がなく物足りないような印象を受け…

コメント

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

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

Inkscapeの入門書

カテゴリー

ピックアップ記事

   
  1. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  2. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  3. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  4. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  5. 特集

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