アラサー主婦のWEBデザイン奮闘記
投稿日：
今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。
もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。
なんとなくフチって「線を追加」でつけられる気がしますが、実際はそれだとうまくできないんです。。
ちょっとしたテクニックが必要になるので、以下の手順を参考にしてみてくださいね。
まずは画像を選択して、アピアランスパネルから「新規線を追加」をクリックします。
その後、配置した画像（クリッピングマスクがかかっている場合は画像のみ）を選択して、効果→形状に変換→長方形をクリック。
すると形状オプションが出てくるので、そのままOKを押すと画像にフチがつきます！
あとはアピアランスパネルから好みの太さに調整してください。
このあと更にドロップシャドウをかけるとそれらしい感じになるのでおすすめです！
手順としては以上です！
私自身この手順をよく忘れてしまうのでしっかり覚えたいなと思います。
執筆者：buchiko
関連記事
制作会社でwebデザイナーとして働き始めて、早１ヶ月が経ちました。 せっかくなので今日は、この１ヶ月を振り返って感じたことや学んだことなどをまとめていきたいと思います。 では早速。 …
私は１つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …
最近、「キレイ、シンプル、おしゃれ」といったサイトをいろいろと見ていて気づいたことがあります。 それは、使われている線やアイコンが細めだということ。 そこで今回、細いラインのアイコンを無料で配布してい …
タブやお気に入りなどで、横に小さくに表示されるファビコンですが、サイズが小さい故に意外とデザインも難しいですよね。。 それでも、ウェブサイトのシンボル、そしてユーザーにウェブサイトを印象付けるための重 …
今回はロゴ制作において参考になる記事を２つご紹介したいと思います。 私自身、まだロゴの制作はしたことがないのですが、今後担当した時のため、どのような流れでロゴ制作が行われるのか、クライアントに満足して …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」