アドビヘルプセンター

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

最終更新日 : 2023年5月24日

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

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

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

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

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

単色の追加

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

カラーホイール：カラーホイールからカラーを選択し、カラーピッカーツールを使用してオブジェクトに適用します。

カラースペクトル ：カラースペクトルを選択するには、詳細オプションをタップします。
- CMYK スライダー（プロセスカラー）
- グレースケール
- 16 進数コード（Web カラー）
- HSB スライダー（色相、彩度、明るさ）
- RGB スライダー（画面の色）

スウォッチ：スウォッチから選択するには、詳細オプションをタップします。簡単にアクセスできるように、選択したカラーをスウォッチに追加します。
- カラーブック：業界標準のスウォッチから選択します。
- ライブラリ：保存されているスウォッチライブラリから選択します。
- 内蔵カメラを使用して色を追加：カメラ画面から色を選択して追加します。

内蔵カメラを使用してべた塗りの色を追加

ビルトインカメラを使用してベタ塗りの色をスウォッチに追加

カメラを使用してスウォッチにべた塗りの色を追加するには、以下の手順に従ってください：

塗りまたはストロークツールをタップします。
スウォッチパネルで、をタップしてカメラを開きます。
正確なキャプチャのために写真を調整するようにカメラの位置を合わせます。
画面の左側にあるスライダーをドラッグして、選択する色の数を増減させます。
画面をタップしてシーンと色のポインターを固定または固定解除します。
ポインターをドラッグして色を選択します。
Captureボタンをタップしてスウォッチに色を追加します。

また、をタップしてシーンと色のポインターの固定を解除することもできます。

グラデーションを適用

グラデーションを使用すると、シェイプに 2 色以上の段階的なブレンドや同じ色の色合いを追加できます。グラデーションを使用すると、カラーブレンドを作成してベクターオブジェクトに立体感を追加したり、アートワークに光と影の効果を追加できます。 Illustrator iPad 版では、塗りパネルを使用してグラデーションを作成、適用、変更できます。

線形グラデーション：直線に沿って色をブレンドします。
円形グラデーション：中心点から放射状に広がるスムーズなグラデーションでオブジェクトを塗りつぶします。
ポイントグラデーション：シェイプ内でポイントからポイントへ色をブレンドします。

シェイプを選択し、塗りツールを選択します。

ドロワーでグラデーションを選択し、Linear、Radial、またはPointグラデーションを選択します。Linear または Radial グラデーションの場合、Gradient Annotatorがオブジェクト上に表示されます。

Color WheelまたはSwatches から色を選択して、カラー分岐点の色を変更します。

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

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

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

カラー分岐点を追加する：グラデーションガイドの任意の場所を選択します。カラー分岐点を選択し、Color wheelまたはSwatchesを使用して色を追加します。
Gradient annotator: Gradient annotator をドラッグして、線形グラデーションの角度、位置、拡散と、円形グラデーションの焦点、原点、拡散を変更します。グラデーション注釈ツールは45度ごとにスナップするため、精度を確保できます。
Gradient Annotator スライダー：2 つのカラー分岐点の間にあるスライダーをドラッグして、グラデーションの範囲を増減します。
カラー分岐点を削除：カラー分岐点を削除するには、グラデーション annotator 上のカラー分岐点を選択し、アイコンを選択します。デフォルトでは、グラデーションには 2 つのカラー分岐点があります。

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

ポイントグラデーションでは、オブジェクト内の任意の場所にカラー分岐点を配置できます。そのため、ポイントグラデーションには Gradient Annotator は必要ありません。

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

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

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

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

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

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

関連項目：透明度と描画モード。

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

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

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

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

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

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

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

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