2019年2月25日SHAREツイートシェアはてブLINEPocketこの記事のアイキャッチ画像のように凹んだ表現をさせると、切り抜いた紙の下に写真がある・もしくはフォトフレームに画像が入っているように見せることができます。photoshopですと、画像に【ベベルとエンボス】-【エンボス(内側)】の処理で簡単に作成することができるのですが、これがillustratorになるとやり方が結構異なります。そこで今回はIllustratorだけを使って、画像の内側にドロップシャドウをつけて画像を凹んだように見せる方法をご紹介します。え?photoshopで画像作ってイラレに持って来ればいい?まぁ、そう言わずにお付き合いください。周りに余白をつくる色々な形でくり抜く1.影の部分の作成オブジェクトの作成まずはドロップシャドウを適用するオブジェクトを作成します。後からサイズ変更ができますので適当に長方形を作ります。今回は500×300くらいで作っています。塗りは【なし】、線は【10pt】で色はなんでもいいです。作ったオブジェクトを選択してアピアランスパネルの下から【fx】-【スタイライズ】-【ドロップシャドウ】を選択します。影の設定はX軸・Y軸共に0px、ぼかしを5pxとしました。※後から変更できます。角が丸くなっているように見えますが、錯覚ですので気にしないようにします。ここまでで影になる部分の準備ができました。枠に入れたい画像を1で作ったオブジェクトの下に配置します。配置するサイズによっては完成後に余白が入って見え方が変わります。(応用編で解説)ここも後から調整できるので適当に配置しましょう。3.クリッピングマスクの適用オブジェクトのコピー1.で作ったオブジェクトを選択し、【com+c(winはctrl+c)】のショートカットでコピーし、次に【com+f】で最前面にペースとします。1.で作ったものが同じ位置に2つ重なっている状態になります。最前面にコピーした方の効果を削除します。アピアランスパネルの下にある【アピアランスを消去】を選択。ここの工程がめんどくさい人はオブジェクトを最初に作る段階で2つ作ってしまうと良いでしょう。何も設定されていない長方形・影の長方形・画像の3つを選択し、【右クリック】-【クリッピングマスクの適用】を選択します。※上の「効果を削除」をやらなくてもクリッピングマスクをすると効果が削除されました・・・。周りに余白をつくる中に配置する画像を小さくすることで周りに余白を出すことができます。効果としては上品さを出すことができます。コメントをキャンセルメールアドレスが公開されることはありません。【感想・レビュー】頭寒足熱で集中力アップ!足元には箱型のデスク...ヒロキWebデザイナーしています。