塗りと線を使用したペイント

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. ドキュメントの作成
      3. ツールデフォルトのキーボードショートカット | Illustrator
      4. ショートカットキーのカスタマイズ
      5. アートボード
      6. ワークスペースのカスタマイズ
      7. プロパティパネル
      8. 環境設定の指定
      9. タッチワークスペース
      10. Illustrator での Microsoft Surface Dial のサポート
      11. 復帰、取り消し、自動処理
      12. ビューを回転
      13. 定規、グリッド、ガイド
      14. Illustrator でのアクセシビリティ
      15. セーフモード
      16. アートワークの表示
      17. Illustrator での Touch Bar の使用
      18. ファイルとテンプレート
      19. Adobe Creative Cloud で設定を同期
    3. Illustrator のツール
      1. 選択ツール
        1. 概要
        2. 選択ツール
        3. ダイレクト選択ツール
        4. 投げ縄
      2. ナビゲーション
        1. 概要
        2. 3D カメラをズーム
        3. ビューを回転
      3. ペイント
        1. 概要
        2. グラデーション
        3. シェイプ形成
      4. 文字
        1. 概要
        2. 文字
        3. パス上文字
  3. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリケーション設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. 書体とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. 画像を操作
    8. カラー
      1. カラーとグラデーションの適用
  4. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. Adobe Illustrator 用のクラウドストレージのアップグレード
      4. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  5. コンテンツの追加と編集
    1. 描画
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 画像トレース
      7. パスの単純化
      8. 遠近グリッドの定義
      9. シンボルツールとシンボルセット
      10. パスセグメントの調整
      11. 5 つの簡単なステップで花をデザイン
      12. 遠近描画
      13. シンボル
      14. web ワークフローのピクセル整合パスの描画
    2. 3D 効果と Adobe Substance マテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトの作成
      4. 3D テキストの作成
    3. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    4. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    5. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトのグループ化と分割・拡張
      4. オブジェクトの移動、整列、分布
      5. オブジェクトの重ね合わせ    
      6. オブジェクトのロック、非表示、および削除
      7. オブジェクトの複製
      8. オブジェクトの回転とリフレクト
    6. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    7. 文字
      1. テキストの作成
      2. フォントとタイポグラフィ
      3. 書式設定の種類
      4. テキストの読み込みと書き出し
      5. 段落の書式設定
      6. 特殊文字
      7. パステキストの作成
      8. 文字スタイルと段落スタイル
      9. タブ
      10. テキストと文字
      11. 環境に無いフォントの検索(Typekit のワークフロー)
      12. Illustrator 10 からのテキストの更新
      13. アラビア語およびヘブライ語のテキスト
      14. フォント | FAQ とトラブルシューティングのヒント
      15. 3D テキスト効果を作成
      16. クリエイティブなタイポグラフィデザイン
      17. 文字の拡大・縮小と回転
      18. 行間と字間
      19. ハイフネーションと改行
      20. テキストの機能強化
      21. スペルチェックと言語の辞書
      22. 日本語の書式設定
      23. アジア言語スクリプト用コンポーザー
      24. ブレンドオブジェクトを使用したテキストデザインの作成
      25. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. ドロップシャドウの作成
      4. アピアランス属性
      5. スケッチとモザイクの作成
      6. ドロップシャドウ、光彩、ぼかし
      7. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. アニメーションの作成
      5. スライスと画像マップ
  6. 読み込み、書き出し、保存
    1. インポート
      1. アートワークファイルの読み込み
      2. ビットマップ画像の読み込み
      3. Photoshop からのアートワークの読み込み
      4. 複数ファイルの配置 | Illustrator CC
      5. 画像の埋め込み解除
      6. Adobe PDF ファイルの読み込み
      7. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
      8. リンク情報
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存
      1. アートワークの保存
    4. エクスポート
      1. アートワークの書き出し
      2. アセットの収集と一括書き出し
      3. ファイルのパッケージ
      4. Adobe PDF ファイルの作成
      5. CSS の抽出 | Illustrator CC
      6. Adobe PDF オプション
      7. ファイル情報とメタデータ
  7. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  8. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  9. トラブルシューティング 
    1. 起動時にクラッシュが起こる問題
    2. クラッシュ後のファイルの回復
    3. ファイルの問題
    4. GPU デバイスドライバーの問題
    5. Wacom デバイスの問題
    6. DLL ファイルの問題
    7. メモリの問題
    8. 環境設定ファイルの問題
    9. フォントに関する問題
    10. プリンターの問題
    11. クラッシュレポートをアドビと共有

ペイントの方法

Illustrator にはペイントの方法が 2 種類あります。

  • 塗り、線、またはこの両方をオブジェクト全体に割り当てます
  • オブジェクトをライブペイントグループに変換し、そのグループ内部のパスの輪郭線や面に個別に塗りや線を割り当てます

オブジェクトのペイント

オブジェクトを描画したら、塗り、線、または両方をそのオブジェクトに割り当てます。次に、同様にペイントできる他のオブジェクトを描き、以前のオブジェクトの上に新しい各オブジェクトのレイヤーを重ねることができます。これにより、色紙から切り取った様々な形状の紙を貼り合わせたコラージュのような結果が得られます。この場合、アートワークの外観は、レイヤーオブジェクトの重なりで最も上にあるオブジェクトに左右されます。

ライブペイントグループのペイント

ライブペイントによる方法では、レイヤーまたは重なりの順序を気にすることなく、従来の彩色ツールと同じようにペイントでき、より自然なワークフローで作業できます。ライブペイントグループ内のすべてのオブジェクトは、まるで同じ平面に属するかのように処理されます。これにより、いくつかのパスを描いた後、パスによって囲まれた領域(面と呼びます)ごとに個別に色を塗ることができます。また、交点間のパス(輪郭線と呼びます)の部分に様々なカラーや線幅を付けることもできます。したがって、ぬり絵と同じ要領で、様々なカラーで各面を塗り、各輪郭線を描くことができます。ライブペイントグループ内のパスの移動および形状の変更を行うと、それに伴って面と輪郭線が自動的に調整されます。

詳しくは、ライブペイントに関する記事を参照してください。

A. 既存の方法でペイントしたパスから成るオブジェクトは、単一の塗りと単一の線を持ちます。 B. ライブペイントグループに変換した同じオブジェクトでは、面ごとに異なる塗りでペイントできます。 C. ライブペイントグループに変換した同じオブジェクトでは、輪郭線ごとに異なる線でペイントできます。 

塗りと線について

塗りは、オブジェクト内部のカラー、パターンまたはグラデーションです。オープンパスオブジェクトおよびクローズパスオブジェクト、ライブペイントグループの面に塗りを適用できます。

線は、オブジェクトの表示されるアウトライン、パス、ライブペイントグループの輪郭線などです。線の幅や色を調整できます。また、パスオプションを使用して破線を作成したり、ブラシを使用してスタイル線をペイントしたりできます。

注意:ライブペイントグループを操作している場合は、アピアランスパネルを使用してグループに線を追加している場合にのみ、ブラシを輪郭線に適用できます。

現在の塗りと線のカラーは、ツールパネル、コントロールパネルおよびプロパティパネルに表示されます。

塗りと線の適用については、カラーの基本的な操作に関するチュートリアルをご覧ください。

塗りと線

A. 塗りのカラーを適用したオブジェクト B. 線のカラーを適用したオブジェクト C. 塗りのカラーと線のカラーを適用したオブジェクト 

塗りと線のコントロール

塗りと線を設定するためのコントロールは、プロパティパネル、ツールパネル、コントロールパネルおよびカラーパネルにあります。

ツールパネルの次のいずれかのコントロールを使用してカラーを指定します。

塗りボタン

ダブルクリックすると、カラーピッカーを使用して塗りのカラーを選択できます。

線ボタン

ダブルクリックすると、カラーピッカーを使用して線のカラーを選択できます。

塗りと線を入れ替えボタン

クリックして、塗りと線の間でカラーを入れ替えます。

初期設定の塗りと線ボタン

クリックして、初期設定のカラー設定(白の塗りと黒の線)に戻します。

カラーボタン

クリックして、グラデーションの塗りを持つオブジェクトまたは線や塗りを持たないオブジェクトに対して、最後に選択した単色を適用します。

グラデーションボタン

クリックして、現在選択している塗りを最後に選択したグラデーションに変更します。

なしボタン 

クリックして、選択したオブジェクトの塗りまたは線を削除します。

 

プロパティパネルとコントロールパネルの次のコントロールを使用して、選択したオブジェクトのカラーと線を指定することもできます。

塗りのカラー

クリックするとスウォッチパネルが開き、Shift キーを押しながらクリックするとカラーパネルが開くので、ここでカラーを選択します。

線のカラー

クリックするとスウォッチパネルが開き、Shift キーを押しながらクリックするとカラーパネルが開くので、ここでカラーを選択します。

線パネル

「線」という字をクリックすると線パネルが開くので、ここでオプションを指定します。

線幅

ポップアップメニューから線幅を選択します。

塗りのカラーの適用

カラー、パターン、グラデーションをオブジェクト全体に適用することも、ライブペイントグループを使用して、オブジェクト内部の様々な面に異なるカラーを適用することもできます。

  1. 選択ツール()またはダイレクト選択ツール()を使用してオブジェクトを選択します。

  2. 線ではなく塗りを適用するために、ツールパネル、プロパティパネルまたはカラーパネルの塗りボックスをクリックします。

    ツールパネルまたはプロパティパネルを使用して塗りのカラーを適用します。

  3. 次のいずれかの操作を行って塗りのカラーを選択します。
    • コントロールパネル、カラーパネル、スウォッチパネル、グラデーションパネル、またはスウォッチライブラリでカラーをクリックします。

    • 「塗り」ボックスをダブルクリックし、カラーピッカーからカラーを選択します。

    • スポイトツールを使用し、Alt キー(Windows)または Option キー(Mac OS)を押しながらオブジェクトをクリックすることで、現在の塗りおよび線を含めた属性をオブジェクトに適用できます。

    • なしボタン をクリックし、オブジェクトの現在の塗りを削除します。

    注意:

    塗りボックス、カラーパネル、グラデーションパネル、またはスウォッチパネルからオブジェクトにカラーをドラッグして、選択していないオブジェクトにカラーをすばやく適用することができます。ライブペイントグループではドラッグは機能しません。

線のカラーの適用

  1. オブジェクトを選択します。(ライブペイントグループの輪郭線を選択するには、ライブペイント選択ツールを使用します)。

  2. ツールパネル、プロパティパネル、カラーパネル、またはコントロールパネルの線ボックスをクリックします。これにより、塗りではなく線が適用されます。

  3. カラーパネルからカラーを選択するか、スウォッチパネル、プロパティパネル、またはコントロールパネルからスウォッチを選択します。または、「線」ボックスをダブルクリックしてカラーピッカーでカラーを選択することもできます。

    注意:

    線ボックスの現在のカラーを使用するには、そのカラーを線ボックスからオブジェクトにドラッグするだけです。ライブペイントグループではドラッグは機能しません。

線から線幅のパスオブジェクトへの変換

パスのアウトラインコマンドを使用すると、選択したオブジェクトの線をその線幅で塗りのあるオブジェクトに変換することができます。例えば、様々な幅を持つ線を作成したり、変換した後に分割したりできます。

  1. オブジェクトを選択します。

  2. オブジェクトパスパスのアウトラインを選択します。

    この結果、グループ化された塗りと線に分割されます。複合パスを編集するには、塗りグループを塗りから解除するか、またはグループ選択ツールを使って選択します。

    A. オブジェクトに適用された線 B. 2 つのサブパスを含む複合パスに変換された線 

    注意:

    レイヤーパネルを使用してグループの内容を確認します。

塗りブラシツールを使用したパスの描画と結合

塗りが適用された形状を塗りブラシツールでペイントすることにより、同じカラーの別の形状と重ねて結合させることができます。

塗りブラシツールでは、カリグラフィブラシと同じ初期設定のブラシオプションが使用されます(カリグラフィブラシオプションを参照してください)。

カリグラフィブラシ - 塗りブラシツール

A. カリグラフィブラシ塗りのパスではなく線のパスを作成します。 B. 塗りブラシは線のパスではなく塗りのパスを作成します。 

塗りブラシツールの使用方法のビデオについては、「塗りブラシツールや消しゴムツールの使用」を参照してください。

塗りブラシツールのガイドライン

塗りブラシツールを使用する場合は、次のガイドラインに注意してください。

  • 結合するパスは、重なり順が隣接している必要があります。

  • 塗りブラシツールは線のパスではなく塗りのパスを作成します。塗りブラシのパスを既存のアートワークと結合する場合は、そのアートワークに同じ塗りカラーが使用されていて、線が含まれていないことを確認してください。

  • 塗りブラシツールを使用してパスを描画するとき、新しいパスは交差した最上位のパスと結合されます。新しいパスが同じグループまたはレイヤー内の複数の一致するパスと交差する場合、交差したパスはすべて結合されます。

  • 効果や透明などの塗りの属性を塗りブラシツールに適用するには、ブラシを選択し、描き始める前にアピアランスパネルで属性を設定します。

  • 塗りブラシツールを使用して、他のツールで作成したパスを結合します。そのためには、まず既存のアートワークに線が含まれていないことを確認します。次に、塗りブラシツールを同じ色の塗りカラーに設定して、結合するすべてのパスと交差する新しいパスを描画します。

結合されたパスの作成

注意:

線が含まれるパスは結合できません。

  1. 新しいパスを結合するパスを選択します。

  2. アピアランスパネルで、「新規アートに基本アピアランスを適用」の選択を解除します。これにより、塗りブラシツールに、選択したアートワークの属性が使用されます。

  3. 塗りブラシツール を選択し、選択したアートワークと同じアピアランスが使用されていることを確認します。

  4. アートワークと交差するパスを描画します。パスが結合されない場合は、塗りブラシツールの属性が既存のパスの属性と正確に一致し、いずれにも線が含まれていないことを確認します。

塗りブラシツールのオプション

ツールパネルで塗りブラシツールをダブルクリックし、次のいずれかのオプションを設定します。

選択を解除しない

パスを結合するときに、結合されたすべてのパスが選択され、描いている間中ずっと選択されたままになります。このオプションは、結合したパスに含まれているすべてのパスを表示する場合に便利です。

選択範囲のみ結合

新しい線は選択されている既存のパスとのみ結合されます。このオプションを選択した場合、新しい線は交差する選択されていない別のパスと結合しません。

精度

マウスまたはペンを移動したとき、新しいアンカーポイントをパスに追加する距離を指定します。例えば、「精度」を 2.5 にすると、ツールの移動距離が 2.5 ピクセル未満の場合は新しいアンカーポイントは追加されません。「精度」には 0.5 ~ 20 ピクセルまでの値を指定できます。大きい値を指定するほど、パスが滑らかで単純になります。

滑らかさ

ツールの使用時に適用される滑らかさを指定します。「滑らかさ」には 0 ~ 100%の値を指定できます。大きい値を指定するほど、滑らかで単純なパスになります。

サイズ

ブラシのサイズを設定します。

角度

ブラシの回転角度を設定します。プレビューボックス内の矢印をドラッグするか、「角度」テキストボックスに値を入力します。

真円率

ブラシの丸みを設定します。プレビューボックス内で黒い点を外側または内側にドラッグするか、「真円率」テキストボックスに値を入力します。この値を大きくするほど、ペン先が丸くなります。

同じ塗りおよび線を持つオブジェクトの選択

塗りのカラー、線のカラー、線幅など、同じ属性を持つオブジェクトを選択できます。

A. オブジェクトの 1 つを選択 B. 同じ塗りのカラー持つオブジェクトをすべて選択 

注意:

選択/共通のカラー(塗り)、カラー(線)、および線幅コマンドは、ライブペイント選択ツールを使用して面または輪郭線を選択したときに、ライブペイントグループ内部で機能します。その他の選択/共通コマンドは機能しません。ライブペイントグループの内外で同時に同じオブジェクトを選択することはできません。

  • 同じ塗りと線を持つオブジェクトを選択するには、オブジェクトの 1 つを選択し、コントロールパネルの類似のオブジェクトを選択ボタン  をクリックして、選択の基準にするものを表示されるメニューから選びます。
  • 同じ塗りまたは線のカラーが適用されているすべてのオブジェクトを選択するには、その塗りまたは線のカラーが適用されているオブジェクトを 1 つ選択するか、カラーパネルまたはスウォッチパネルで該当するカラーを選択します。次に、選択/共通を選択し、サブメニューの「カラー(塗り)」、「カラー(線)」、または「塗りと線」をクリックします。
  • 同じ線幅が適用されているオブジェクトをすべて選択するには、その線幅が適用されているオブジェクトを 1 つ選択するか、線パネルで線幅を選択します。次に、選択/共通/線幅を選択します。
  • 選択/共通/カラー(塗り)を使用してレッドを含むすべてのオブジェクトを選択した後に、グリーンを含むすべてのオブジェクトを選択する場合など、直前に使用した選択オプションを他のオブジェクトに適用するには、新しいオブジェクトを選択してから、選択/再選択を選択します。

    ヒント:カラーに基づく選択でオブジェクトの濃度を考慮するには、編集/環境設定/一般(Windows)または Illustrator/環境設定/一般(Mac OS)を選択し、「同じ濃度を選択」を選択します。ここで、濃度 50%の PANTONE Yellow C が適用されているオブジェクトを選択し、選択/共通/カラー(塗り)を選択すると、50%の濃度でこのカラーの塗りが適用されているオブジェクトだけが Illustrator で選択されます。このオプションの選択を解除すると、濃度に関わりなく PANTONE Yellow C の塗りが適用されているオブジェクトが Illustrator で選択されます。

複数の塗りと線の作成

同じオブジェクトについて複数の塗りと線を作成するには、アピアランスパネルを使用します。オブジェクトに複数の塗りおよび線を追加することは、様々な効果を作成するための土台となります。例えば、太い線の上に細い線を重ねて作成できるほか、1 つの塗りには効果を適用し、別の塗りに適用しないことなどが可能です。

  1. 1 つ以上のオブジェクトまたはグループを選択するか、レイヤーパネルでターゲットレイヤーを指定します。
  2. アピアランスパネルメニューの「新規塗りを追加」または「新規線を追加」を選択します。または、アピアランスパネルで塗りまたは線を選択し、選択した項目を複製ボタン をクリックします。
  3. 新しい塗りまたは線のカラー、線幅などを設定します。
    注意:

    アピアランスパネルで新しい塗りまたは線の位置を調整することが必要になる場合があります。例えば、幅の異なる 2 本の線を作成する場合には、アピアランスパネルで細い線が太い線の上にあることを確認します。

オブジェクトからの塗りまたは線の削除

  1. オブジェクトを選択します。

  2. ツールパネルまたはプロパティパネルの塗りボックスまたは線ボックスをクリックして、オブジェクトの塗りと線のどちらを削除するのかを指定します。

  3. ツールパネル、カラーパネル、またはスウォッチパネルの「なし」ボタンをクリックします。

    注意:

    なしアイコン(塗り)メニューまたは線のカラーメニュー(プロパティパネルまたはコントロールパネル)をクリックすることもできます。

    塗りボックスと線ボックス

    A. 塗りのカラーと線のカラーを適用 B. オブジェクトからの線の削除 C. オブジェクトからの塗りの削除 

アドビのロゴ

アカウントにログイン