デザインはモノクロからスタートしますが、いざ色をつけるとなると、基本的なツールの知識や色の組み合わせのセンスがないために、ストレスを感じてしまう人もいるかもしれません。

私は学生時代、前者でした。 色は常に考えていたのですが、いざ実行するとなると、どんなツールを使って、どう実現すればいいのかがわからないのです。

そこで、Adobe Illustratorでカラーリングをする際に役立つヒントをいくつか書き留めておきましたので、ご紹介します。

このチュートリアルでは、Adobe Illustratorで色を塗る5つの方法を、いくつかの例を挙げて紹介します。 シェイプ、テキスト、ドローイングのいずれに色を塗る場合でも、解決策が見つかるはずです。

さあ、飛び込もう!

Adobe Illustratorでカラーを塗りつぶす5つの方法

Adobe Illustratorで色を塗るには、さまざまな方法があります。特定の色がある場合は、色の16進コードを入力するのが最も早い方法です。 色がよくわからない場合は、カラーガイドやスポイトでサンプルカラーを探してみましょう。 イラストには、絵筆ツールが向いています。

とにかく、どんなデザインでも色を塗る方法が見つかります。 方法を選んで、ステップに従ってください。

ヒント：ツールがどこにあるかわからない場合は、以下をお読みください。 本品 さっきも書いたけど。

注：このチュートリアルのスクリーンショットは、Adobe Illustrator CC 2021 Mac版から引用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

方法1：塗りつぶし＆スタンプ、ストローク

を見ることができます。 塗りつぶし と ストローク を選択すると、塗りつぶしが白、ストロークが黒になります。

ツールによって色が変わりますが、図形を作成した場合は、フィルとストロークの色は変わりません。 例えば、タイプツールを使って文字を追加した場合、ストロークの色は自動的に「なし」に、フィルは「黒」に変わります。

別の色で塗りつぶしたい場合は、2つのステップでできます。

ステップ1． テキストを選択し、塗りつぶしボックスをダブルクリックします。

ステップ2． カラーピッカーから色を選ぶ カラーバーのスライダーを動かしてベースとなる色を探し、「色の選択」エリアをクリックして色を選ぶことができます。

すでに指定した色があり、色の16進数コードがある場合は、その色を直接入力します。 # の看板を正面に掲げています。

をクリックすることもできます。 カラースウォッチ をクリックし、そこから色を選択します。

クリック よっしゃー をクリックすると、テキストが先ほど選んだ色で塗りつぶされます。

これで、鉛筆や絵筆を使って描画すると、描いたパスに自動的にストロークの色が追加されます。

ストロークだけが必要で、フィルはいらないという場合は、フィルボックスをクリックし なし (これで、ストロークの色だけが表示されるはずです。

方法2：スポイトツール

画像から一部の色を使用したい場合は、スポイトツールで色をサンプリングします。

ステップ1． Adobe Illustratorにサンプル画像を配置します。 例えば、このカップケーキの画像の色をサンプルにして、その色の一部で図形を塗りつぶしてみましょう。

ステップ2． 塗りつぶしたいオブジェクトを選択します。 まずは円から始めましょう。

ステップ3． を選択します。 スポイトツール (I) をツールバーから選択し、画像上の好きな色をクリックします。

同じ手順で他の色も塗りつぶします。

方法3：カラーパネル／スウォッチ

カラーパネルは、Fill & Strokeオプションと似ています。 カラーパレットから色を選択するか、CMYKまたはRGB値を入力することになります。 オーバーヘッドメニューからカラーパネルを開く ウィンドウ > カラー .

オブジェクトを選択してスライダーを動かすか、色の16進数コードを入力するだけで、塗りの色を選択できます。 カラーボックスをダブルクリックして、カラーピッカーを開くこともできます。 ストロークカラーを追加したい場合は、フリップボタンをクリックします。

プリセットの色を塗りたい場合は、以下の方法でスウォッチパネルを開いてください。 ウィンドウ > スウォッチ で、オブジェクトを選択し、そこから色を選択します。

ヒント：最適な色の組み合わせがわからない場合は、カラーガイドをお試しください。 からカラーガイドパネルを開いてください。 ウィンドウ > カラーガイド と、色のトーンと可能な組み合わせを表示します。

方法4：ライブペイントバケツ

このツールは基本ツールバーには表示されないかもしれませんが、編集ツールバーメニューから素早く開くか、または K キーで起動します。

ステップ1． 色で塗りつぶしたいオブジェクトを選択します。

ステップ2． を押してください。 K キーを押して、ライブペイントバケツを起動します。 選択したオブジェクトにポインタを合わせると、「クリックでライブペイントグループを作成」と表示されます。

ステップ3． の中から塗りつぶしの色を選びます。 カラーピッカー 例えば、紫色を選択したので、図形を紫色に塗りつぶします。

方法5：ペイントブラシツール

デッサンの授業で、色鉛筆を使って輪郭を塗りつぶすことを習いましたが、それと同じです。 Adobe Illustratorでは、ペイントブラシツールで色を塗ります。 この方法は、開いたパスに色を塗るときに最適です。

フリーハンドで描いた例を見てみましょう。

このように、たくさんのパスが開いているため、色を塗っても図形全体が塗りつぶされるのではなく、パス（ストローク）が塗りつぶされるのです。

見た目が悪いというわけではなく、実はこのランダムなスタイルも好きなのですが、アウトラインに沿って色をつけたい場合は、絵筆ツールの方がうまくいきます。 なぜなら、色をつけたい部分に正確に描けるからです。

を選択するだけです。 ペイントブラシツール (B) ツールバーからストロークの色とブラシのスタイルを選んで、色を塗っていきます。 ブラシのスタイルを選べるのも利点です。 たとえば、ブラシライブラリからアーティスティックなドローイングブラシを選びました。

同じ形でも色を混ぜたりして工夫することができます。 私はこの方法でイラストに色を塗るのが好きです。

You Got This!

通常、色の塗りつぶしにはツールバーのFill & Strokeを使いますが、色の組み合わせに迷ったら、サンプルカラーやカラーガイドを使うと、使い始めに便利です。 絵筆ツールは、図面の色を塗るのに向いています。

しかし、決まったルールはなく、すべての方法を組み合わせて、素晴らしいものを作ることも可能です