2.3 色と塗り [Adobe Illustrator]

当ページのリンクには広告が含まれています。
タラ
よっしゃ!今度は色を付けるんだな。簡単そうじゃん!赤や青を選んで塗るだけだろ?
グー
そう単純じゃない。奥が深い。
タラ
えっ、マジで?色を付けるのにも何かコツがあるのか?
中の人
その通りです。Illustratorでの色と塗りには、たくさんの可能性があります。基本から順に見ていきましょう。
目次

色の基本

まず、Illustratorでの色の扱い方の基本を押さえましょう。

  1. 塗り(Fill)と線(Stroke)
  • オブジェクトの内側の色が「塗り」
  • 輪郭の色が「線」
  1. カラーモード
  • RGB: 画面表示用(Webデザインなど)
  • CMYK: 印刷用
タラ
おっと、いきなりRGBだのCMYKだの難しい単語が出てきたぞ。
グー
大丈夫。使い分けを覚えれば十分。

カラーパレットの使い方

  1. スウォッチパネル
  • 予め用意された色のパレット
  • カスタムカラーの保存も可能
  1. カラーパネル
  • 細かい色の調整が可能
  • スライダーやカラーピッカーで色を選択
  1. カラーガイド
  • 調和の取れた配色を提案してくれる
タラ
へえ、カラーガイドってのが便利そうだな。センスない俺でも良い配色ができるってわけか?
グー
そう。でも、基本を理解すれば自分で選ぶのも楽しい。

グラデーションの作成

  1. グラデーションパネルを開く(ウィンドウ > グラデーション)
  2. 開始色と終了色を設定
  3. グラデーションの種類(線形・放射状)を選択
  4. グラデーションツールで方向や範囲を調整
タラ
おお!グラデーションかっこいいな。でも、ちょっと難しそうだぞ。
グー
練習あるのみ。試行錯誤が大切。

パターンの作成と適用

  1. パターンにしたいデザインを作成
  2. デザインを選択し、オブジェクト > パターン > パターンの作成
  3. パターンの設定(繰り返し方法など)を調整
  4. スウォッチパネルに新しいパターンが追加される
タラ
パターンか。壁紙みたいなのが作れるんだな。
グー
そう。ロゴの背景やイラストの装飾にも使える。

色と塗りのテクニック

  1. オブジェクトへの色の適用
  • オブジェクトを選択し、スウォッチパネルから色をクリック
  • または、スポイトツールで他のオブジェクトから色を取得
  1. 透明度の調整
  • 透明パネルで不透明度を調整
  • 複数のオブジェクトを重ねて面白い効果を作れる
  1. ブレンドモード
  • 透明パネルでブレンドモードを変更
  • オーバーレイやマルチプライなど、様々な効果が可能
タラ
うわっ、いきなり難しくなってきたぞ。ブレンドモードって何だ?
グー
色の重なり方を変える機能。実験してみるのが一番。

色と塗りのコツ

  1. 配色は控えめに: 2-3色の組み合わせから始める
  2. 白黒で考える: まず形を作り、後から色を付ける
  3. カラーハーモニーを学ぶ: 補色や類似色など、基本的な配色理論を押さえる
  4. ブランドカラーを意識: 商業デザインの場合、ブランドカラーを基準に考える
  5. 印刷を考慮: 印刷物デザインの場合、CMYKでの見え方を確認する
タラ
なるほど。奥が深いんだな、色って。
グー
そう。でも楽しい。実験を恐れずに。
中の人
その通りです。色と塗りの技術は、実際に試してみることが大切です。理論を覚えつつ、自分の感性も大切にしながら色々な表現に挑戦してみてください。
タラ
よーし!いろんな色を試してみるぞ!
グー
その意気だ。創造性を楽しもう。
中の人
素晴らしい意欲ですね。次回は、今回学んだ色と塗りの技術を使って、実際にデザインを作成してみましょう。グーとタラと一緒に、Illustratorでの色使いのスキルを磨いていきましょう。
ぐーたらデザインからのお知らせ

Adobe Creative Cloud 12カ月ライセンス、おすすめの購入方法!

画像引用:Amazon商品ページ
  1. Amazonでセールをねらうのが正解
  • Amazonで時々、すごくお得なセールをやっているんです。
  • でも、いつやるかわからないから、こまめにチェックするのがコツ。
  1. 「あれ?契約期間が重なって無駄になるんじゃ…」って心配無用
  • 実はセールで買っても、全然無駄にならないんです。
  • 購入した分の期間が、今使っている期間にそのまま追加されちゃいます。
  • だから、お得な時に見つけたら、迷わず買っちゃっても大丈夫
  1. Amazonなら買い方も簡単
  • いつも使ってるAmazonアカウントでポチッと買えちゃいます。
  • 新しくカード情報を登録する手間もなくて、楽チン。

今すぐチェックしてみたい!ってひとは、こちらのリンクから(Amazonへ移動します)

お得なセールを見つけたら即買い!そうすれば、このブログの勉強内容をすぐに試せちゃいます。


12カ月分は高額!月額払いなら払える!というひとは公式サイトで契約!

画像引用:Adobe商品ページ
  1. クレジットカードを登録して月々自動的に支払い完了!
  • 一時的に高額な出費や面倒なことが苦手な人は公式サイトで月額クレジットカード払い
  • 1年契約となるので途中で解約すると解約金がかかるので注意!
  1. IllustratorとPhotoshopしか使わないという人は単体プランの組み合わせがおすすめ!
  • Illustrator単体¥3,280+フォトプラン(Photoshop)¥2,380の契約でCreative Cloudより¥2,120お得に
  • なぜかPhotoshop単体¥3,280よりPhotoshopが含まれるフォトプランの方が¥900安い
  • こちらも年間契約となり途中解約は解約金がかかるので注意!

Creative Cloud(主要Adobe製品全部入り)の詳細こちらのリンクから(Adobe公式へ移動します)

llustrator単体プランの詳細こちらのリンクから(Adobe公式へ移動します)

フォトプラン(Phtoshop入り)の詳細こちらのリンクから(Adobe公式へ移動します)

契約したライセンスを使って、ぐーたらデザインで学んだことを実践してみてくださいね。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次