アラサー主婦のWEBデザイン奮闘記
投稿日：
今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。
もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。
なんとなくフチって「線を追加」でつけられる気がしますが、実際はそれだとうまくできないんです。。
ちょっとしたテクニックが必要になるので、以下の手順を参考にしてみてくださいね。
まずは画像を選択して、アピアランスパネルから「新規線を追加」をクリックします。
その後、配置した画像（クリッピングマスクがかかっている場合は画像のみ）を選択して、効果→形状に変換→長方形をクリック。
すると形状オプションが出てくるので、そのままOKを押すと画像にフチがつきます！
あとはアピアランスパネルから好みの太さに調整してください。
このあと更にドロップシャドウをかけるとそれらしい感じになるのでおすすめです！
手順としては以上です！
私自身この手順をよく忘れてしまうのでしっかり覚えたいなと思います。
執筆者：buchiko
関連記事
私がWebデザイナーを目指そうと思ったのは、前職で飲食店スタッフをしていた2017年の頃です。 前職でもそれなりに楽しく働いていたのですが、どこかでずっと、手に職をもった職人や技術者に憧れてい …
【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法
文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。 通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。 ↓こんな感じ…。 &nbs …
ギャラリーサイトを見ていると、グラデーションを使ったデザインをよく見かけますよね。 中でも、色の変化の仕方が綺麗なサイトだとつい見とれてしまいます。 私も綺麗なグラデーションを取り入れたデザインを作り …
こんにちは、ぶちこです。 毎日狂ったように暑いですが、皆さん大丈夫でしょうか…。 最近、ふと思うことがあります。 それは、webデザインを始めてから、自分変わったなあということ。 …
今回はコーディングで困った時や、時間を短縮したい時に使えるコピペサイト「copypet」をご紹介します。 パーツや装飾などの指定できるスタイルって、本当にたくさんあって全て覚えるのは難しいと思いますが …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」