illustrator03

彩りの魔法をまとう🌈|第3回 Illustrator入門

著者: 管理者 / 2025-08-08 (更新: 2025-08-08)

user01 Happy
先生、図形やペンツールを少しずつ触ってみましたけれど…色がついていないと、なんだか味気ないですわね💦
絵本の下書きみたいで…。
user02 Calm
そうですね。形だけでは設計図のように見えてしまいます。そこで今回は「色付け」――つまり塗り、そしてカラーの基本について学んでいきましょう。作品が一気に華やかになりますよ。

前回の記事 線と形を思いのままに✒️|第2回 Illustrator入門線と形を思いのままに✒️|第2回 Illustrator入門


📝 解説:塗りと線の基本

Illustratorのオブジェクトには、塗り(Fill)線(Stroke)の2つの属性があります。

  • 塗り(Fill)
    図形の中を塗る色。例:赤い丸の「赤い部分」
  • 線(Stroke)
    図形の輪郭の色や太さ。例:赤い丸を黒い線で囲む「黒い枠」

Illustratorではツールバーに「塗りと線を切り替えるアイコン」があり、ここで色や太さを設定します。

練習課題

  1. 四角を描く
  2. 塗りを青、線をオレンジ、線の太さを5ptに設定
  3. 同じ形でも色や線を変えると印象がまるで違うと体験

user01 Surprised
まあ!同じ四角でも、色を変えるだけでまるで別物に見えますのね✨
お洋服を着せ替えるみたいで楽しいですわ。
user02 Happy
その感覚はとても大切です。色と線の組み合わせで、雰囲気はガラリと変わります。デザインはまさに「視覚のファッション」とも言えますね。

📝 解説:カラーの指定方法

Illustratorではさまざまな方法で色を指定できます。

  1. カラーパネル
    スライダーで色を自由に調整。RGBやCMYKの数値で細かく指定も可能。
  2. スウォッチパネル
    あらかじめ用意された色見本から選ぶ。統一感のある配色に便利。
  3. スポイトツール(Iキー)
    他のオブジェクトの色を吸い取って再利用できる。

👉 デザインでは「ブランドカラー」や「テーマカラー」があることが多いため、スウォッチを作っておくと効率的です。


user01 Calm
色の指定って、絵の具みたいに感覚で選ぶのかと思っていましたけれど…数値で細かく調整できるのですね。
まあ、まるで理科の実験みたいですわ!
user02 Serious
おっしゃる通りです。特に印刷物では「CMYK」、Webやアプリでは「RGB」といった色の指定方法が重要になります。これは後々、実務でとても役立ちますよ。

📝 解説:グラデーションとパターン

色の使い方をさらに広げる方法として:

  • グラデーション
    2色以上を滑らかに混ぜる。夕焼けの空や金属の光沢を表現できる。
  • パターン
    同じ模様を繰り返して敷き詰める。背景や装飾に便利。

👉 使いすぎると目がチカチカしますが、アクセントに入れると一気にデザインが華やかになります。


user01 Happy
まあまあ!グラデーションを入れると、まるで宝石みたいに輝きますのね💎
単色よりもリッチな感じがいたしますわ✨
user02 Calm
その通りです。ですが、強調したい部分に限定して使うのがコツです。すべてを虹色にすると逆に読みづらいデザインになってしまいます。

✅ まとめ

今日の学びを整理すると:

  • 塗り(Fill)と線(Stroke)で形に表情がつく
  • カラー指定はカラーパネル・スウォッチ・スポイトで行う
  • RGBとCMYKを使い分ける(Webと印刷で異なる)
  • グラデーションやパターンで彩りを広げられる

user01 Happy
わたくし、すぐにでもカラフルな図形をたくさん作りたくなりましたわ🌸
色を選ぶだけで心が弾みますの✨
user02 Happy
素晴らしいですね。次回は「文字(テキスト)」の扱いを学びましょう。デザインの中で文字は欠かせない要素であり、Illustratorの強みでもありますよ。

言葉をデザインする🖋️|第4回 Illustrator入門言葉をデザインする🖋️|第4回 Illustrator入門