グラフィックデザイン

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を使ったわかりやすいフローチャートの作り方

    プログラミングの分野でよく使われているフローチャートですが、最近は業務…

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

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

    inkscapeには整列と配置を調整するための機能があります。この…

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

    GIMPで秋の行楽・旅行バナーを作りました。

    秋の旅行をイメージしてGIMPでバナーを作成してみました。以下…

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

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

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

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

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使ってみて

    ブログやサイトのロゴを作るときって時間的・金銭的に結構なコストがかかり…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

カテゴリー

ピックアップ記事

   
  1. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  2. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  3. 特集

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

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

    月額100円から使える「ロリポップレンタルサーバー」
PAGE TOP