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

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

関連記事

いくつ知ってる?和柄の名前と意味10選

  日ごろ何気なく目にしている和柄ですが、その名前や意味を知っている人は少ないんじゃないでしょうか。 とくに和風のデザインを作るときなんか、「あれ、あの模様の名前なんだったっけ…」ってなった …

可愛らしい保育園サイト3選

いきなりですが、みなさんはどんなテイストのデザインが好きですか? 私は子供向けのほんわかしたデザインが大好物なので、Pinterestなどでそういったデザインのサイトを見ているととても楽しいです。 そ …

Webデザイン学習法その1. 独学で勉強する

Webデザインを学習するのに、まずは独学でやってみようと思う人はたくさんいると思います。 そこで今回は、Webデザインを独学で学ぶことのメリットとデメリットについて私なりにまとめてみました。 &nbs …

Webデザイナー必須!ブルーライトカットメガネを着用しよう!

Webデザインのお仕事をしていると、長時間のパソコン作業で、目の疲れが酷くありませんか? 目がしょぼしょぼして、酷いときには頭痛までしたり…。   私も、1日8時間とか長い時間パソコンと睨 …

WebデザイナーがFeedlyに登録しておくべきブログ一覧

こんにちは、ぶちこです。突然ですがみなさんはFeedlyを使っていますか? まず、「Feedlyとは何?」という人のために簡単に説明すると、自動的にお気に入りのブログやWebサイトの最新情報を収集して …