Illustratorで配置した画像に(アピアランスで)フチを付けたり、ドロップシャドウを設定する

この記事は鷹野雅弘によって執筆されました。
公開日:2013年12月28日、更新日:2015年8月18日

配置した画像にフチを付けたり、ドロップシャドウを設定するのに、アピアランス(グラフィック)を使う方法について考えてみました。

ドロップシャドウだけならイージー

画像がリンクでも埋め込みでも、配置画像を選択し、[ドロップシャドウ]効果を設定すれば問題なくかかります。

NG集

画像を選択後、新規線を追加し、線幅を設定してみてもウンともスンとも...

塗りに[パスのオフセット]効果を設定しても、やはり無視されます。

ちなみに、塗りにドロップシャドウをかけても無視。

「あ!グループ化だっ」と思ったのですが、これもダメ。

マスクしてしまって、そのマスクオブジェクトに対して線を付けるというのもありだけど、[線の位置]を「外側」(および「内側」)に設定するとNG。

[形状に変換]すればOK

唯一OKだったのが、[形状に変換]効果。

やはり、[線]はどうやっても無視されてしまうのですが、塗りを使って擬似的に線幅を出したり、ドロップシャドウもかかります。

回転に注意

回転ツール(や回転コマンド)を使って回転させると、次のようにおかしくなってしまいます。

回転を行うには、[変形]効果の[回転]を利用します。

ダイアログボックスでは、ここです。

AiCC-apprerance-pixel-9-s.jpg

まとめ

なぜかよくわからないですが、追加した[塗り]に[形状に変換]効果をかけたときのみOK。

画像のみ塗り
デフォルトドロップシャドウ--
塗りと線線幅--
パスのオフセット--
ドロップシャドウ--
形状に変換(長方形)--
グループ化線幅--
ドロップシャドウ--
マスク(パスの方)線幅
ドロップシャドウ--

パスのオフセットが使えないので、切り抜いた画像などには難しいですね... いいアイデアがあれば、ぜひ教えてください!

サンプルデータ

Illustrator CCデータ

追記(2013年12月28日):

鈴木ともひろさんのIllustratorでCSS3のbox-shadowのようなシャドウを作成する方法を組み合わせ、グラフィックスタイルに登録しておくと、さらにいい感じです。

AiCC-apprerance-pixel-21.jpg

追記(2):

樋口さんからコメントいただきました。 ウッソー!! すごい。

さらに追記

さらにコメントいただきました。

なるほど... 線の位置は変更できず、パスの中央から内側のみが表示されるようですね。つまり、“塗り”部分に相当する画像が痩せてしまいます。

AiCC-apprerance-pixel-31.jpg

さらにさらに追記

3D押し出しを加えるときのみ、クリッピングマスクを適用していてもOKのようです。

AiCC-apprerance-pixel-33.jpg

追記(2013年12月30日):

イラレラボの記事!

追記(2015年8月18日):

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月に増刷。前書(2011年版)と合算すると3万部超のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 金額は180円(だけ)アップの2,380円(税別)

最新版への対応

2016年11月リリースのIllustrator CC 2017への対応版を、2017年2月に発売します。なお、書籍リリース後の追加情報は、サポートページにて公開しています。

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る