マニュアル キャンセル

カラーとグラデーションの適用

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. Illustrator のもっと知るパネルで学習を高速化
      3. ドキュメントの作成
      4. ツールバー
      5. デフォルトのショートカットキー
      6. ショートカットキーのカスタマイズ
      7. アートボード入門
      8. アートボードの管理
      9. ワークスペースのカスタマイズ
      10. プロパティパネル
      11. 環境設定の指定
      12. タッチワークスペース
      13. Illustrator での Microsoft Surface Dial のサポート
      14. 編集の取り消しとデザインヒストリーの管理
      15. ビューを回転
      16. 定規、グリッド、ガイド
      17. Illustrator でのアクセシビリティ
      18. セーフモード
      19. アートワークの表示
      20. Illustrator での Touch Bar の使用
      21. ファイルとテンプレート
    3. Illustrator のツール
      1. ツール一覧
      2. 選択ツール
        1. 選択
        2. ダイレクト選択
        3. グループ選択
        4. 自動選択
        5. 投げ縄
        6. アートボード
      3. ナビゲートツール
        1. 手のひら
        2. ビューを回転
        3. ズーム
      4. ペイントツール
        1. グラデーション
        2. メッシュ
        3. シェイプ形成
      5. テキストツール
        1. 文字
        2. パス上文字
        3. 縦書き文字
      6. 描画ツール
        1. ペン
        2. アンカーポイントの追加
        3. アンカーポイントの削除
        4. アンカーポイント
        5. カーブ
        6. 直線セグメント
        7. 長方形
        8. 角丸長方形
        9. 楕円形ツール
        10. 多角形
        11. スター
        12. ペイントブラシ
        13. 塗りブラシ
        14. 鉛筆
        15. Shaper
        16. スライス
      7. ツールを変更
        1. 回転
        2. リフレクト
        3. 拡大/縮小
        4. シアー
        5. 自由変形
        6. スポイト
        7. ブレンド
        8. 消しゴム
        9. はさみ
        10. Dimension
    4. 生成 AI(中国本土ではご利用いただけません)
      1. テキストプロンプトを使用してベクターグラフィックを生成
      2. テキストプロンプトを使用してアートワークを再配色
    5. クイックアクション
      1. レトロテキスト
      2. ネオン光彩テキスト
      3. 学校の古いテキスト
      4. アートワークを再配色
      5. スケッチをベクターに変換
  3. Illustrator web 版(Beta)
    1. Illustrator web 版(Beta)の概要
    2. Illustrator web 版(Beta)FAQ
    3. トラブルシューティングに関する FAQ
    4. Illustrator web 版(Beta)のキーボードショートカット
    5. web 上でのシェイプの作成と組み合わせ
    6. web 上でのテキストの追加と編集
    7. web 上でのカラーとグラデーションの適用
    8. web 上でのパスの描画と編集
    9. web 上でのクラウドドキュメントの操作
    10. web 上での編集への共同編集者の招待
  4. 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. カラーとグラデーションの適用
  5. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. ドキュメントをレビュー用に共有
      4. Adobe Illustrator 用のクラウドストレージのアップグレード
      5. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  6. コンテンツの追加と編集
    1. 描画と寸法記入
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 長方形グリッドと同心円グリッドの描画
      7. フレアの描画と編集
      8. 画像トレース
      9. パスの単純化
      10. シンボルツールとシンボルセット
      11. パスセグメントの調整
      12. 5 つの簡単なステップで花をデザイン
      13. 遠近グリッドの作成と編集
      14. 遠近法グリッド上でのオブジェクトの描画と変更
      15. 繰り返し使用するためのシンボルとしてのオブジェクトの使用
      16. Web ワークフローのピクセル整合パスの描画
      17. 寸法を測定して入力
    2. 3D オブジェクトおよびマテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D テキストの作成
      5. 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. オブジェクトの回転とリフレクト
      9. オブジェクトのクロスと重なり
      10. 写実的なアートのモックアップを作成
    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. パステキストの作成
      12. 文字スタイルと段落スタイル
      13. タブ
      14. 環境に無いフォントの検索(Typekit のワークフロー)
      15. アラビア語およびヘブライ語のテキスト
      16. フォント | FAQ とトラブルシューティングのヒント
      17. 3D テキスト効果を作成
      18. クリエイティブなタイポグラフィデザイン
      19. 文字の拡大・縮小と回転
      20. 行間と字間
      21. ハイフネーションと改行
      22. スペルチェックと言語の辞書
      23. 日本語の書式設定
      24. アジア言語スクリプト用コンポーザー
      25. ブレンドオブジェクトを使用したテキストデザインの作成
      26. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. アピアランス属性
      4. スケッチとモザイクの作成
      5. ドロップシャドウ、光彩、ぼかし
      6. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. スライスと画像マップ
  7. 読み込み、書き出し、保存
    1. インポート
      1. 複数ファイルの配置
      2. リンクされたファイルと埋め込みファイルの管理
      3. リンク情報
      4. 画像の埋め込み解除
      5. Photoshop からのアートワークの読み込み
      6. ビットマップ画像の読み込み
      7. Adobe PDF ファイルの読み込み
      8. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存
      1. アートワークの保存
    4. 書き出し
      1. Photoshop での Illustrator アートワークの使用
      2. アートワークの書き出し
      3. アセットの収集と一括書き出し
      4. ファイルのパッケージ
      5. Adobe PDF ファイルの作成
      6. CSS の抽出 | Illustrator CC
      7. Adobe PDF オプション
      8. ドキュメント情報パネル
  8. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  9. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  10. トラブルシューティング 
    1. クラッシュの問題
    2. クラッシュ後のファイルの回復
    3. ファイルの問題
    4. サポートされるファイル形式
    5. GPU デバイスドライバーの問題
    6. Wacom デバイスの問題
    7. DLL ファイルの問題
    8. メモリの問題
    9. 環境設定ファイルの問題
    10. フォントに関する問題
    11. プリンターの問題
    12. クラッシュレポートをアドビと共有
    13. Illustrator のパフォーマンスの改善

iPad でカラフルなベクターイラストを作成しましょう。ここでは、Illustrator iPad 版で塗りのカラー、グラデーション、スウォッチなどを適用する方法を説明します。

カラーを適用

ツールバーを使用した塗りと線のカラーの追加

塗りのカラーとは、シェイプオブジェクトに含まれているカラーであり、線は、シェイプオブジェクトの境界線を指します。塗りや線には、カラー、グラデーション、パターンを使用できます。

Illustrator iPad 版
塗りツールと線ツール

塗りまたは線のカラーを追加するには:

  1. オブジェクトを選択し、ツールバーの下部にある塗りまたは線ツールをタップします。
  2. カラーホイール、カラースペクトルスライダー、スウォッチ、カラーブックおよびライブラリから無地のカラーを選択するか、グラデーションを選択します(線形、円形、ポイント)。

関連項目:Illustrator デスクトップ版での塗りや線を使用したペイント

単色の追加

カラーパネル
単色の適用

塗りツールまたは線ツールをタップし、「単色」をタップして、カラーオプションを表示します。

  • カラーホイール: カラーホイールからカラーを選択し、カラーピッカーツールを使用してオブジェクトに適用します。
  • カラースペクトル :カラースペクトルを選択するには、詳細オプションをタップします。
    • CMYK スライダー(プロセスカラー)
    • グレースケール
    • 16 進コード(Web カラー)
    • HSB スライダー(色相、彩度、明るさ)
    • RGB スライダー(画面の色)
  • スウォッチ:スウォッチから選択するには、詳細オプションをタップします。簡単にアクセスできるように、選択したカラーをスウォッチに追加します。
    • カラーブック:業界標準のスウォッチから選択します。
    • ライブラリ:保存されているスウォッチライブラリから選択します。
    • 内蔵カメラを使用してカラーを追加:カメラスクリーンからカラーを選択して追加します。

内蔵カメラを使用して単色を追加

内蔵カメラを使用してスウォッチに単色を追加

カメラを使用してスウォッチに単色を追加するには、次の手順に従います。
  1. 塗りまたはツールをタップします。
  2. スウォッチパネルで、をタップしてカメラを開きます。
  3. 写真を正確にキャプチャできるようにカメラの位置を調整します。
  4. 画面の左側にあるスライダーをドラッグして、選択するカラーの数を増減します。
  5. 画面をタップして、シーンとカラーポインターを停止または停止を解除します。
  6. ポインターをドラッグしてカラーを選択します。
  7. 「キャプチャ」ボタンをタップして、カラーをスウォッチに追加します。

また、をタップすると、シーンとカラーポインターのマスクを解除できます。

グラデーションを適用

グラデーションにより、1 つのカラーから他のカラーに徐々に変化させもの、または 1 つのカラーの濃度を徐々に変化させたものをシェイプに追加できます。グラデーションを使用すると、カラーブレンドを作成してベクターオブジェクトに立体感を追加したり、アートワークに光と影の効果を追加できます。Illustrator iPad 版では、塗りつぶしパネルを使用して、グラデーションを作成、適用、変更することができます。

  • 線形グラデーション:直線パスに沿ってカラーを合成します。
  • 円形グラデーション:中心点から放射状に発されるスムーズなグラデーションを使用してオブジェクトを塗りつぶします。
  • ポイントグラデーション:シェイプ内のポイント間でカラーを合成します。
  1. シェイプを選択し、塗りつぶしツールを選択します。

  2. ドロワーで、「グラデーション」を選択し、「線形」、「円形」、または「ポイント」グラデーションを選択します。線形グラデーションまたは円形グラデーションでは、グラデーションガイドがオブジェクトに表示されます。

  3. カラーホイール」または「スウォッチ」からカラーを選択し、カラー分岐点のカラーを変更します。

  4. グラデーションの不透明度を変更するには、グラデーションパネルの不透明度スライダーをドラッグします。

線形グラデーションまたは円形グラデーションを変更する

線形および円形タイプのグラデーションでは、ツールバーのグラデーションツールを選択すると、グラデーションガイドがオブジェクトに表示されます。グラデーションガイドは、始点、終点、中間点、および始点と終点の 2 つのカラー分岐点を示すスライダーです。

  • カラー分岐点を追加グラデーションガイドの任意の場所を選択します。カラー分岐点を選択し、カラーホイールまたはスウォッチを使用してカラーを追加します。
  • グラデーションガイド:グラデーションガイドをドラッグして線形グラデーションの角度、位置、幅、または円形グラデーションのフォーカルポイント、原点、広がりを変更できます。グラデーションガイドは 45 度単位でスナップするため、精度を確保できます。
  • グラデーションガイドスライダー:2 つのカラー分岐点の間にあるスライダーをドラッグして、グラデーションの範囲を拡大または縮小します。
  • カラー分岐点を削除する:カラー分岐点を削除するには、グラデーションガイドでカラー分岐点を選択し、      アイコンを選択します。デフォルトでは、グラデーションには 2 つのカラー分岐点があります。

ポイントグラデーションを変更する

ポイントグラデーションを使用すると、カラー分岐点をオブジェクトの任意の場所に配置できます。したがって、ポイントグラデーションにはグラデーションガイドは必要ありません。

ポイントグラデーションでは、カラー分岐点のスプレッドを設定できます。スプレッドとは、グラデーションを適用するカラー分岐点の周りの円形領域です。

  • カラー分岐点を追加:1 つまたは複数のカラー分岐点を追加するには、オブジェクトの任意の場所をタップします。
  • カラー分岐点の位置を変更する:カラー分岐点をドラッグして目的の場所に配置します。
  • カラー分岐点のスプレッドを設定する:ポイントグラデーションを選択し、円形のスプレッドをドラッグします。
  • カラー分岐点を削除する:カラー分岐点を削除するには、グラデーションガイドでカラー分岐点を選択し、  アイコンを選択します。デフォルトでは、グラデーションには 2 つのカラー分岐点があります。

Illustrator デスクトップ版でグラデーションを適用する方法については、「グラデーション」を参照してください。

オブジェクトのカラーとアピアランスの変更

アピアランスパネルを開く
オブジェクトのカラーとアピアランスの変更

オブジェクトのカラーとアピアランスを変更するには、オブジェクトを選択し、タスクバーのプロパティパネルをタップします。

  • 塗り」をタップすると、塗りのカラーのオプションが表示されます。
  • 」をタップすると、線のカラーのオプションが表示されます。
  • 描画モード:オブジェクトが重なっている場合の、カラー間の相互作用を指定します。ドロップダウンリストからブレンドカラーを選択します。
  • 不透明度:透明度のバリエーションを調整できます。
    また、コンテキストウィジェットを使用して、線幅を変更することもできます。シェイプを選択して、 をタップし、スライダーを使用して線の幅を変更します。

関連項目:透明および描画モード

オブジェクトのアピアランスのコピー

オブジェクトを別の場所にコピーするには、オブジェクトをタップし、をタップして、「カット」、「コピー」、「ペースト」オプションを表示します。

オブジェクトのアピアランスを別のオブジェクトにコピーするには:

  1. オブジェクトをタップし、「アピアランスをコピー」をタップします。
  2. アピアランスのコピー先のオブジェクトを選択し、「アピアランスをペースト」をタップします。
アピアランスをコピー
オブジェクトのアピアランスのコピー

オブジェクトへの線の適用

オブジェクトの作成時、オブジェクトの線はゼロに設定されます(線なし)。

プロパティパネルを使用した線の適用
プロパティパネルを使用した線の適用

コンテキストウィジェットを使用した線の適用
コンテキストウィジェットを使用した線の適用

線を設定するには、次のように操作します。

  1. オブジェクトを選択して、プロパティパネルをタップします。
  2. 」セクションで、線の種類に「実線」または「点線」を選択します。
  3. その他の線オプションを表示するには、--をクリックします。
    • 線幅」フィールドに、線に対して設定する線幅を入力します。
    • 線の位置」オプションで、次のいずれかを選択します。
      • 線を中央に揃える
      • 線を内側に揃える
      • 線を外側に揃える
    • 線端」オプションで、次のいずれかを選択します。
      • バット線端:端が直角の線が作成されます。
      • 丸型線端:端が半円形の線が作成されます。
      • 突出線端:線端が直角で、線幅の半分だけが線端から飛び出ている線が作成されます。
    • コーナー」オプションで、次のいずれかを選択します。
      • マイター結合 :角のとがった線が作成されます。
      • ラウンド結合:角の丸い線が作成されます。
      • ベベル結合:角が直角の線が作成されます。

また、コンテキストウィジェットを使用して、線幅を変更することもできます。シェイプを選択して、 をタップし、スライダーを使用して線の幅を変更します。

関連項目:Illustrator デスクトップ版でのオブジェクトへの線の適用

関連リソース

ご質問またはアイデアの共有

コミュニティで質問する

ご質問がある場合や、ご共有いただけるアイデアをお持ちの場合は、Adobe Illustrator コミュニティにご参加ください。ご意見をお待ちしております。

 Adobe

ヘルプをすばやく簡単に入手

新規ユーザーの場合