Illustrator でドロップ シャドウを作成する方法
垂直面の前にオブジェクトを置き、正面から光を当てると、クラシックなドロップ シャドウが作成されます。どっしりとしたハード エッジの「フラット アート」の外観から、より遠くの光源からの薄いぼかしまで、ドロップ シャドウは、Adobe Illustrator で描画するアートワークに深みや強調を追加します。それらを作成するには、Illustrator のライブ エフェクトから手描きの方法まで、さまざまなプロセスを選択します。
ドロップ シャドウ効果
ステップ 1
「効果」メニューの一番上の「スタイライズ」サブメニューを開き、「ドロップシャドウ」を選択します。 2 つの Stylize サブメニューは、2 つの異なる効果セットを制御します。一番上のものは Illustrator の効果を適用します。以下は、Adobe Photoshop で認識できる純粋なピクセルベースのオプションを適用したものです。
ステップ 2
[ドロップ シャドウ] ダイアログ ボックスでオプションを設定します。 [プレビュー] チェック ボックスがオフになっていると、[OK] ボタンをクリックして効果を適用するまで、設定の結果を確認できないことに注意してください。
ステップ 3
「プレビュー」チェックボックスを有効にします。アートワークは、ドロップ シャドウ設定の影響を反映しています。 [モード] ドロップダウン メニューは、アートボード上のオブジェクトの背後にあるオブジェクトと影がどのように相互作用するかを決定し、Adobe Illustrator レイヤー パネルでその下に重ねられたレイヤーに配置されます。不透明度の設定により、影が透けて見えます。 X オフセットおよび Y オフセット フィールドは、元のオブジェクトに対する影の水平および垂直位置を確立します。
ステップ 4
[色] ラジオ ボタンをクリックして、影に塗りつぶしの色を割り当てます。コントロールのラベルの横にある見本は、カラー ピッカーを開きます。
ステップ 5
[暗さ] ラジオ ボタンを有効にして、影の色をオブジェクトの色とストロークに結び付けます。 Color と Darkness は相互に排他的なオプションを提供することに注意してください。影をオブジェクトの最も外側の色と一致させるには、[暗さ] パーセンテージを 0 に設定します。暗さのパーセンテージが上がると、Illustrator は黒を影の色に混ぜます。塗りつぶしが黒でストロークがないオブジェクト、または塗りつぶしの色がありストロークが黒のオブジェクトでは、Darkness は黒い影を生成します。
ステップ 6
ぼかし半径を適用して、シャドウの外縁に可変量のソフト化を追加します。 0.1 ポイント、または 1/72 インチの 10% という小さな量でぼかしを割り当てます。
ステップ 7
[オブジェクト] メニューを開き、[外観の拡張] を選択して、シャドウ効果の出力を直接編集可能なオブジェクトに変換します。この手順では、影に直接効果を適用したり、グラデーションやパターンで塗りつぶしたり、サイズや形状を変更したりできます。
ステップ 8
拡張されたシャドウ オブジェクトを調べて、エフェクト設定によって、ベクター アートワークで構成される通常の Adobe Illustrator パス オブジェクトが作成されたかどうかを確認します。影効果のぼかし設定を 0 のままにしておくと、拡大された影がベクター アートになります。
ステップ 9
シャドウ エフェクトから展開されたベクター オブジェクトの周囲にあるアンカー ポイントを探します。ぼやけた影で、変換されたオブジェクトを囲む選択長方形を探します。これは、拡張プロセスによってビットマップが生成されたことを示しています。
Adobe Illustrator のドロップ シャドウ効果は、オブジェクトとテキストに編集可能な詳細を適用します。これは、効果メニューの一番上のスタイライズ サブメニューから呼び出されます。効果の [モード] ドロップダウン メニューは、影がその下にあるオブジェクトとどのように相互作用するかを決定します。不透明度は、シースルーまたはソリッドになります。 X オフセットと Y オフセットは、元のオブジェクトに対する水平位置と垂直位置を確立します。ぼかしは、影の外側のエッジに可変量のソフト化を適用します。 [色] を設定して影の塗りを指定するか、[暗さ] を選択して影の色をオブジェクトの色とストロークに関連付けます。 0% の暗さでは、影はオブジェクトの最も外側の色と一致します。暗さのパーセンテージが上がると、Illustrator は黒を影の色に混ぜます。塗りが黒でストロークがないオブジェクト、または任意の塗りカラーでストロークが黒のオブジェクトでは、Darkness を設定すると黒い影が生成されます。 Illustrator は、ぼかしを追加するとピクセルベースの影を作成し、パス オブジェクトからぼかしのない影を作成します。
ブレンドの操作
ステップ 1
Adobe Illustrator のブレンド ツールを使用して、2 つのオブジェクト間の色と形の違いにまたがる一連の形状を作成します。各オブジェクトの特定のアンカー ポイントをブレンドの始点または終点として割り当てるには、一方のオブジェクトの開始アンカー ポイントをクリックしてから、もう一方のオブジェクトの終了アンカー ポイントをクリックします。最初に両方のオブジェクトを選択すると、アンカー ポイントを見つけやすくなります。各オブジェクトの任意の場所をクリックして、アンカー ポイント以外の位置からブレンドすることもできます。
ステップ 2
影のように見えないブレンドが必要な場合や、様式化された外観を目指している場合を除き、形状が大幅に異なる 2 つのオブジェクト間でブレンドを構築することは避けてください。
ステップ 3
「オブジェクト」メニューの「ブレンド」サブメニューを開き、「作成」を選択して、Adobe Illustrator がブレンドを作成する方法のオプションを選択します。元のオブジェクトの複製をブレンドのターゲットとして使用します。
ステップ 4
[ブレンド オプション] ダイアログ ボックスを使用して、ブレンドの基本を制御し、ブレンド オブジェクトをアートボードに対して垂直に整列させるか、ブレンドを定義するパスに沿って弧を描くように整列させるかを制御します。デフォルトでは、Adobe Illustrator は 2 つのオブジェクトの色をスムーズにブレンドします。 [プレビュー] チェック ボックスをオンにしない限り、ブレンド設定の効果を確認できません。
ステップ 5
ブレンド効果の [間隔] ドロップダウン メニューを設定して、機能がブレンドの開始点と終了点の間に特定の数の中間オブジェクトを作成するか、ステップ間に特定の距離を挿入するかを制御します。色ベースのトランジションが必要な場合は、Spacing を Smooth Color のままにします。
ステップ 6
「指定距離」間隔モードを選択して、ブレンド オブジェクト間の距離を設定します。この設定の潜在的な影響により、プレビューをオフにして適用すると、予期しない結果が生じる場合があります。このブレンドに割り当てられた 4 ポイントの距離のような低い値では、個々のブレンド ステップが表示されるため、効果がぎざぎざに見えることがあります。
ステップ 7
ブレンド オブジェクトの数を設定するには、[指定されたステップ] 間隔モードを選択します。距離の設定と同様に、このモードはブレンド領域の周りに分厚いエッジを生成し、プレビューの恩恵を受けることができます。このアートワークに割り当てられた 8 ステップ ブレンドのような低い値は、ブレンド オブジェクトの間隔が狭い場合でも非現実的に見える場合があります。
ステップ 8
色ベースのブレンドを作成するには、「スムーズ カラー」間隔モードを選択します。オブジェクト間のトランジションの外観が気に入らない場合は、影オブジェクトの色を変更して、ブレンドが自動的に更新されるのを確認してください。
ステップ 9
終了オブジェクトを選択し、Adobe Illustrator ツール パネルでラベルのない Foreground Color スウォッチをクリックして、カラー ピッカーを開きます。オブジェクトの塗りつぶしの色を変更して、滑らかな色のブレンドの終点を変更します。
ステップ 10
カラー ピッカーの [OK] ボタンをクリックして、塗りつぶしの色の変更を確認します。
ベクトルのみの代替手段として、ブレンド ツールを使用すると、開始オブジェクトと終了オブジェクトの間の形状と色の違いにまたがる一連のパスを手動で制御できます。ブレンド ツールを使用して、各オブジェクトに特定のアンカー ポイントをブレンドの起点と終点として設定するか、単純に 2 つの閉じたパスまたは開いたパスを指定します。 Object メニューの Blend サブメニューの Make Blend コマンドは、1 つのステップでブレンドを作成します。すべてのブレンド オプションにアクセスするには、ツール パネルのブレンド ツール アイコンをダブルクリックするか、ブレンド サブメニューから [ブレンド オプション] を選択します。間隔オプションを設定して、ブレンド内のオブジェクトの数またはオブジェクト間の距離を指定するか、または Illustrator に最適化されたブレンド カラーのセットを作成させます。方向オプションは、ブレンドがドキュメント ページに整列するか、開始オブジェクトと終了オブジェクトを接続する任意の背骨またはパスに従うかを制御します。開始オブジェクトと終了オブジェクトを編集すると、変化する形状や色がブレンドに自動的に反映されます。
手動オプション
ステップ 1
「V」を押して、Adobe Illustrator 選択ツールに切り替えます。自分で作成した影を追加するオブジェクトをクリックします。 「Ctrl-C」を押してオブジェクトをクリップボードにコピーし、「Ctrl-B」を押して複製を元のすぐ後ろに貼り付けます。矢印キーを使用してオリジナルの後ろから複製を微調整するか、[変換] パネルでその位置を数値で設定します。
ステップ 2
カラー ピッカーで複製オブジェクトの色を設定します。複製の色を元の色に近づけるには、カラー ピッカーの HSB セクションで彩度または明度の値を変更し、色相の値はそのままにします。オブジェクトを灰色にするには、彩度を 0 パーセントに、明るさを 100 パーセント未満の値に設定します。黒くするには、明るさを 0 パーセントに設定します。
ステップ 3
カラー ピッカーの [OK] ボタンをクリックして、塗りつぶしの色の変更を確認します。
ステップ 4
影のオブジェクトを選択し、[効果] メニューの [スタイライズ] サブメニューを開き、[フェザー] を選択して、影のエッジを柔らかくするライブの編集可能な効果を適用します。
ステップ 5
[プレビュー] チェック ボックスをオンにして、フェザー設定の効果を確認します。 0 より大きい半径値を適用し、シャドウ オブジェクトのエッジがソフト ブラーを表示するのを確認します。
ステップ 6
影のオブジェクトを選択し、[効果] メニューの [スタイライズ] サブメニューを開き、[外側の光彩] を選択して、オブジェクトの外周を越えてオブジェクト全体に拡散したソフト エッジを適用します。
ステップ 7
Outer Glow のパラメータを設定して、デフォルトで生成される明るいハローの代わりに影に変えます。影オブジェクトに適用した塗りつぶしの色と一致するように塗りつぶしの色を変更して、グローがオブジェクト自体の延長のように見えるようにします。
ステップ 8
影オブジェクトを選択し、[効果] メニューの [ぼかし] サブメニューを開き、[ガウスぼかし] を選択して、オブジェクト自体の境界内で影オブジェクトの外縁を柔らかくします。
ステップ 9
ガウスぼかしの半径を設定して、影を落とすオブジェクトと影オブジェクトの間の見かけの距離を決定します。半径が大きいほど、オブジェクトのエッジが柔らかくなり、光源が遠くに見えます。
ドロップ シャドウを完全に手動で制御したい場合は、ドロップ シャドウをキャストするオブジェクトまたはグループの複製から自分で作成できます。影のソースを選択し、「Ctrl-C」を押してクリップボードにコピーし、「Ctrl-V」を押して元の選択のすぐ後ろに複製を貼り付けます。変形パレットを使用して複製の位置を変更するか、矢印キーを使用して位置を微調整し、コントロール、カラー、またはツールパネルで塗りと線のカラーを調整します。影オブジェクトの色を暗くして彩度を下げるには、個々のオブジェクトを選択し、[カラー ピッカー] ダイアログ ボックスで明るさを「B」に、彩度を「S」に設定します。
イラストレーターと透過性
ステップ 1
「効果」メニューを開き、「ドキュメント ラスター効果設定」を選択します。この重要な設定のクラスターは、ビットマップ オブジェクトを作成する効果の解像度を確立し、これらの効果がアンチエイリアシングを使用してラスタライズされたオブジェクトを滑らかにするかどうかなどのパラメーターを決定します。また、ぼかしやぼかし効果が紙や画面上のクローズアップでどの程度滑らかに見えるかを制御します。
ステップ 2
個々のドキュメントのニーズを満たすように DRES を設定します。影を作成する目的で、最も重要な DRES オプションが [カラー モデル] セクションと [解像度] セクションに表示されます。さらに、[アンチエイリアス] チェック ボックスをオンにして、Adobe Illustrator がビットマップ効果を使用してオブジェクトの端に滑らかなトランジションを作成するようにします。
ステップ 3
カラー モデルを RGB に設定して、カラー オブジェクトを RGB ファイル内のカラーで保持します。 CMYK ファイルでは、カラー モデル ドロップダウン メニューの RGB が CMYK に置き換えられます。
ステップ 4
解像度を「高」に設定すると、印刷品質の効果が得られ、画面上のレンディションがピクセル化されて見えなくなります。アートワークの忠実度よりもファイル サイズが重要になる場合は「中」を選択し、ラフ ドラフトの場合は「スクリーン」を選択します。 300、150、または 72 ピクセル/インチ以外の解像度が必要な場合は、[その他] 設定を選択し、必要な解像度の値を入力してください。
ステップ 5
DRES 解像度を下げると、アートワークの外観が変化します。オブジェクトに影響を与える DRES の変更に対してオブジェクトを選択する必要はありません。
ステップ 6
高解像度と低忠実度の中間点を見つけるには、「中」を選択します。設定に問題がなければ、[OK] ボタンをクリックして適用します。
Adobe Illustrator の Document Raster Effects Settings (DRES) は、拡張されたぼかし効果の解像度を決定し、アンチエイリアシングを使用してラスター化されたオブジェクトを滑らかにするかどうかなどのパラメーターを制御します。ぼかしと透明度に依存する効果を適用する場合、DRES は Illustrator が効果の出力のラスタライズされた部分を構築する方法を制御します。 「効果」メニューを開いてDRESダイアログボックスにアクセスし、効果の解像度を上げたり下げたりすると、ドロップシャドウが適用されたオブジェクトに対するDRESの影響を確認できます。 DRES は、他のプログラムで使用するために保存するファイルの外観にも影響します。
ヒント
Illustrator は、わずか 0.1 ポイントでもぼかしを追加すると、ピクセルベースの効果を構築します。
ライブエフェクトの代わりに複製オブジェクトまたは代替オブジェクトを使用して影を手動で作成する場合、レイヤーパネルまたはキーボードコマンドで影オブジェクトを非表示にできます。ライブ エフェクトを使用して影を作成する場合、または手動で作成した影オブジェクトの外観をエフェクトによって変更する場合は、Adobe Illustrator の外観パネルでエフェクトの表示をオフにする必要があります。
クリップボードを使用せずにオリジナルと同じサイズの影オブジェクトを作成するには、ぼかしなしでドロップ シャドウ効果を適用し、効果の外観を拡張します。
Adobe Illustrator から PDF ファイルを作成する場合、DRES ダイアログ ボックスで高解像度設定を選択した場合でも、PDF 作成インターフェイスの圧縮と解像度の設定により、ビットマップ効果とオブジェクトの忠実度と解像度が低下する可能性があります。
警告
ライブ エフェクトを展開したら、再度適用するか、展開を元に戻すか、エフェクトを失う必要があります。これらの理由から、影を落とすオブジェクトのコピーで作業するか、ファイルの複製バージョンで作業することを検討してください。
この記事の情報は、Adobe Illustrator CC 2014、Illustrator CC、および Adobe Illustrator CS6 に適用されます。他のバージョンまたは製品とは、若干または大幅に異なる場合があります。