Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
【Illustrator】配置した画像にフチをつける方法 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

【Illustrator】配置した画像にフチをつける方法

投稿日:

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。
もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。

なんとなくフチって「線を追加」でつけられる気がしますが、実際はそれだとうまくできないんです。。

ちょっとしたテクニックが必要になるので、以下の手順を参考にしてみてくださいね。

Illustratorで配置した画像にフチをつける方法

まずは画像を選択して、アピアランスパネルから「新規線を追加」をクリックします。

 

その後、配置した画像(クリッピングマスクがかかっている場合は画像のみ)を選択して、効果→形状に変換→長方形をクリック。

 

すると形状オプションが出てくるので、そのままOKを押すと画像にフチがつきます!

 

あとはアピアランスパネルから好みの太さに調整してください。

このあと更にドロップシャドウをかけるとそれらしい感じになるのでおすすめです!

 

手順としては以上です!

私自身この手順をよく忘れてしまうのでしっかり覚えたいなと思います。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

サイト制作の参考に!Webデザインギャラリーサイト10選

みなさんはWebサイトを制作する時、どのように参考を探していますか? ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。 …

【Webデザインおすすめ書籍】10倍ラクするIllustrator仕事術 【増強改訂版】

今までイラレの本は買ったことがなくほぼ自己流で操作していたのですが、今回評判のよいこちらの本を購入してみたので、ご紹介します。 10倍ラクするIllustrator仕事術 【増強改訂版】CS5/CS6 …

「ヒアリング能力」をアップさせるのに参考になる記事3選

デザイナーはディレクターを間に介してクラインアントの要望やデザインのイメージを聞くわけですが、ただ指示の通りに作っていただけでは、結果的にクライアントの抱いていたイメージとはかけ離れたものになってしま …

作業がはかどる!オススメのGoogle Chrome拡張機能5選

こんにちは、ぶちこです。 いきなりですが、みなさんはGoogle Chromeの拡張機能、使いこなしていますか? 私は今までScreen Captureくらいしか拡張機能は使っていなかったのですが、他 …

新米Webデザイナーが入社1ヶ月目を振り返る

制作会社でwebデザイナーとして働き始めて、早1ヶ月が経ちました。   せっかくなので今日は、この1ヶ月を振り返って感じたことや学んだことなどをまとめていきたいと思います。 では早速。   …