イラストレーターで図形の塗りつぶしについてお探しですね。

広告

Illustratorで図形の色を変える方法を徹底解説!初心者でもわかる基本から時短テクニックまで

Illustratorでデザインを作るとき、図形の色を変えたり塗りつぶしたりする作業って、本当によく使いますよね。

でも、初めてIllustratorを触る人にとっては、「塗り」と「線」の違いがよくわからなかったり、思った通りに色が変わらなくてイライラしたり…意外とつまずきやすいポイントなんです。

それに、デザインが出来上がってから「やっぱり全体の色味を変えたいな」と思ったとき、図形を一つひとつクリックして色を変えていくのって、めちゃくちゃ時間がかかりますよね。

もっと効率よくできたらいいのに…と感じたことがある人も多いはず。

この記事では、Illustratorで図形を塗りつぶす基本的な方法から、作業時間をグッと短縮できる便利な裏技まで、初心者の方にもわかりやすく丁寧に解説していきます。

基本をしっかり押さえて、便利な機能も使いこなせるようになれば、デザイン作業がもっとスムーズに楽しくなりますよ!

Illustratorで図形を塗りつぶす・色を変える基本のキ

Illustratorで図形の色を変えるとき、まず最初に理解しておきたいのが「塗り」と「線」の考え方です。

画面の左側にあるツールパネルの下の方を見ると、重なり合った2つの四角いマークがありますよね。

手前に表示されている方が「今これを編集してますよ」という意味で、ここに色が適用されるんです。

図形の中身を塗りつぶしたいときは「塗り」のマークを手前に、図形の輪郭線の色を変えたいときは「線」のマークを手前にしてから色を選びましょう。

この切り替えを忘れちゃうと、「あれ?中身の色を変えたかったのに、なぜか枠線だけ色が変わった!」なんてミスが起きやすくなります。

「塗り」か「線」を選んだ状態で色を変えるには、カラーパネルやスウォッチパネルを使います。

自由に好きな色を作りたいときは、ツールパネルの「塗り」マークをダブルクリックしてみてください。

カラーピッカーという便利なウィンドウが開いて、直感的に色を選べます。

右側のバーで大まかな色味(赤とか青とか)を選んで、左側の大きな四角の中で明るさや鮮やかさを調整すればOKです。

一方、会社のロゴの色とか、デザインの中で何度も使う決まった色がある場合は、スウォッチパネルに登録しておくのがおすすめ。

スウォッチパネルを開いて、作った色をパネルの中にドラッグ&ドロップするだけで簡単に保存できます。

一度登録しておけば、いつでもワンクリックで同じ色を呼び出せるので、デザイン全体の統一感を保ちながらサクサク作業できますよ。

色が変わらない!?初心者がハマりやすい落とし穴と解決法

基本操作を覚えても、「なんで思った色にならないの!?」ってトラブル、初心者あるあるなんです。

思い通りに図形が塗りつぶせないときは、こんな原因が考えられます。

– カラーパネルが「グレースケール」モードになってる
– グループ化されたオブジェクト全体を選んじゃってる
– 「塗り」じゃなくて「線」が選ばれてる

一番よくあるのが、カラーモードが「グレースケール」になっちゃってるパターン。

これだと、どんなに鮮やかな色を選んでも、全部白黒やグレーで表示されちゃうんです。

カラーパネルの右上にある三本線のメニューアイコンをクリックして確認してみてください。

もし「グレースケール」にチェックが入ってたら、「RGB」か「CMYK」に変更しましょう。

ウェブ用のデザインならRGB、印刷用ならCMYKが基本です。

これだけで、ちゃんと色が表示されるようになりますよ。

もう一つよくあるのが、選択ツールの使い分けができてないパターン。

Illustratorでは、複数の図形を「グループ化」してまとめて扱うことがよくあります。

グループ化されたオブジェクトに対して、普通の選択ツール(黒い矢印)で色を変えようとすると、グループ内の図形が全部同じ色になっちゃうんです。

グループの中の一部だけ色を変えたいときは、ダイレクト選択ツール(白い矢印)を使うか、グループをダブルクリックして「編集モード」に入ってから、個別の図形を選ぶようにしましょう。

これで、狙った図形だけ色を変えられます。

複数の図形の色を一瞬で変える!知って得する裏技

デザインがほぼ完成した後に、「やっぱり全体のトーンを変えたいな」って思うこと、ありますよね。

同じ色の図形を全部別の色に変えたいとき、一つずつ選んで変更するのは超めんどくさい…。

そんなときに使える便利な方法があるんです!

**「共通」メニューを使った選択方法**

1. 変更したい色の図形を1つ選ぶ
2. 上のメニューから「選択」→「共通」→「カラー(塗り)」をクリック
3. 同じ色の図形が全部選ばれた状態で、新しい色を適用する

この手順を踏むと、画面上の同じ色で塗られた図形が全部自動で選択されます。

あとは、スウォッチやカラーパネルから新しい色を選ぶだけで、まとめて一気に色を変更できちゃいます。

「塗り」だけじゃなくて「線」の色や太さなど、共通の特徴を持つオブジェクトを一瞬で探せるので、絶対覚えておいて損はないテクニックです!

**さらに便利な「オブジェクトを再配色」機能**

もっと高度で超便利な機能が「オブジェクトを再配色」です。

複数の色が使われてるイラストやデザイン全体を選択して、上のメニューから「編集」→「カラーを編集」→「オブジェクトを再配色」をクリックしてみてください。

すると、今使われてる色が一覧で表示される専用パネルが出てきます。

ここでは、カラーホイールをクルッと回して全体の色味を変えたり、特定の色を別の色にドラッグ&ドロップで置き換えたりできるんです。

カラーバリエーションを素早く作りたいときに、この機能を知ってると作業時間が劇的に短くなりますよ!

もっと速く!色変更を効率化するショートカット&テクニック

Illustratorでの色変更をさらにスピーディーにするなら、スポイトツールが超便利です。

色を変えたい図形を選んだ状態でスポイトツール(ショートカットキーは「I」)に持ち替えて、画面上の他の図形や画像の色をクリックするだけ。

クリックした場所の「塗り」と「線」の設定が、そのままコピーされます。

さらに、Shiftキーを押しながらクリックすると、色の情報だけを抽出できるので、「線の設定はそのままで、塗りだけを画像内の特定の色に合わせたい」なんて細かい調整もできちゃいます。

**後からの変更を見越して「グローバルカラー」を活用**

「あとで色を変更するかも…」って思うなら、最初から「グローバルカラー」を設定しておくのがおすすめです。

スウォッチパネルに新しい色を登録するとき、オプション画面で「グローバル」にチェックを入れておきます。

このグローバルカラーで塗られた図形は、後からスウォッチパネルで色をダブルクリックして数値を変更すると、その色が使われてる全部の図形に一瞬で変更が反映されるんです。

「選択→共通」メニューを使う手間すら省けるので、クライアントから急に「この色もうちょっと明るくして」って言われたときとか、メインカラーを微調整したいときに超便利。

最初に色を決める段階でグローバルカラーとして登録する癖をつけておくと、後々の修正がめちゃくちゃ楽になります。

ぜひこれらの基本操作と裏技テクニックを組み合わせて、効率的なデザイン制作を楽しんでくださいね!

広告