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デザイナーを目指したのか

    私がWebデザイナーを目指そうと思ったのは、前職で飲食店スタッフをしていた2017年の頃です。 前職でもそれなりに楽しく働いていたのですが、どこかでずっと、手に職をもった職人や技術者に憧れてい …

商用利用無料の動画素材サイト「Pexels Videos」

よく背景いっぱいに動画を配置したサイトがありますが、肝心の動画素材を探すのってけっこう大変だと思います。 そこで今回は、そんな時に使える商用利用無料の動画素材サイトをご紹介します。   商用 …

Webデザイナーの面接で聞かれたこと

Webデザイナーの面接ではどのようなことを聞かれるのか、気になりますよね。 私も面接を受ける前は、どんなことを聞かれるんだろうとドキドキしてました。 そこで今日は、私が制作会社2社の面接を受けて聞かれ …

柔らかな形状のまる模様を作成できる「Blobmaker」

Pinterestやギャラリーサイトなどを見ていると、スライム?のような、柔らかい形状の模様を取り入れたサイトを多く見かけますよね。 そんなサイトを真似しようと、同じような素材を探したり、自分で作って …

【Illustrator】オブジェクトを等間隔にコピーしていく方法

Illustratorでオブジェクトを等間隔にコピーしていく方法をご紹介します。 イラレ使いには常識!?とも思われる機能ですが、これを知っていると、普通のコピー&ペーストに比べて断然作業が早く …