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

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

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

投稿日:

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

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

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

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

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

 

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

 

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

 

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

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

 

手順としては以上です!

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

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

執筆者:


comment

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

関連記事

なぜWebデザイナーを目指したのか

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

【Webデザインおすすめ書籍】やってはいけないデザイン

今日はデザインの勉強を始めたばかりの方や、駆け出しのデザイナーさんにおすすめの書籍をご紹介します。   やってはいけないデザイン     こちらの本はノンデザイナー向けのデザイン入門書で、難しい専門用 …

Webデザイナーとして採用されるために、私が作ったポートフォリオの内容をご紹介。

  Webデザイナーの面接には必ずポートフォリオが必要です。     ですが、   ポートフォリオに何を載せたらいいのか分からない… どんな形式で作成すればいいの…?   と悩 …

Webデザイン学習法その3. 職業訓練校で勉強する

私は初め、Webデザインを学ぶのに職業訓練校に通おうかな、と考えていました。 結局、スクールに通うことに決めたのですが、 職業訓練について調べる中でメリット・デメリットがあることがよく分かりました。 …

文字タッチツールを使えば、面倒な文字組みが簡単にできる!

   イラストレーターで簡単に文字の大きさや角度を変えたい! …そんなときに便利なのが、文字タッチツールです! この文字タッチツールを使えば、文字をアウトライン化せずに、大きさ・色・回転・カーニング・ …