WEBデザイン WEB制作

【Illustrator】写真を簡単にモノクロベクター画像にする方法

投稿日:2014年10月6日 更新日:

みなさまこんにちは、新人Aです。

今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います!

【1.Illustratorにベクター化したい画像を配置します】
今日はこのお花の画像をお借りしました。
1

 

【2.画像をモノクロにします】
画像を選択し、[オブジェクト]→[ライブトレース]→[作成]
お花をモノクロにするとなんだかモダンな感じになりますね…!
2

 

【3.トレースオプションで微調整】
[オブジェクト]→[ライブトレース]→[トレースオプション]
3
4
このままでも十分使えそうな感じですが、細かく微調整したいと思います。
プレビューにチェックを入れて、しきい値をスライダで少しずつずらしていきます。
しきい値は数字が小さくなるごとに、白い面積が増えて、数字が大きくなるごとに黒い面積が増えていきます。
ここでは、しきい値を少し下げて、白い面積を増やします。

 

【4.パス化】
5
6
このモノクロ画像をパス化します
[オブジェクト]→[ライブトレース]→[ライブペイントに変換]
これで、いらない余白を消したり、ここが気になるななんてところも自分で直すことができますね!

 

シルエットにして素材にしたい、なんて時もこの方法が役に立つかと思います^^
ぜひ活用してみてください!

-WEBデザイン, WEB制作

関連記事

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

ユーザーのニーズと行動を深く理解した効果的なWEBサイトを作ることができれば、ユーザーに使いやすいWEBサイトが制作できます。ここで、注目を集めているのが「デザインリサーチ」という方法です。 デザイン …

【Vol.2】優れたキャッチコピーを見て、閃き力を上げよう!【映画・アニメ編】

【Vol.2】優れたキャッチコピーを見て、閃き力を上げよう!【映画・アニメ編】

目次1 冬っ子のわたくし、この暑さもう限界です2 キャッチコピー第5弾です3 優れたコピーを見てコピーの閃き力をグイグイ上げていこう! ~ 映画・アニメ編 ~3.1 キミとなら、強くなれる。3.2 ま …

【最新版】オウンドメディアの作り方を徹底解説!目的や作る際の注意点も合わせてご紹介

【最新版】オウンドメディアの作り方を徹底解説!目的や作る際の注意点も合わせてご紹介

デジタルマーケティングの要となるオウンドメディア。その重要性は認識しつつも、効果的な運営に課題を感じている企業は少なくありません。本記事では、オウンドメディアの構築から運用まで、その全容を体系的に解説 …

ホームページの修正依頼はどのようにする? 費用面や必要な確認/対応事項を解説!

ホームページの修正依頼はどのようにする? 費用面や必要な確認/対応事項を解説!

ホームページの修正、その必要性は感じているものの、「今がそのタイミングなのか」「どの制作会社に依頼すべきか」と迷っている企業は少なくありません。本記事では、制作会社への修正依頼を検討すべき4つの具体的 …

面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成!

面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成!

web制作をされている方ならば、サイトを訪れてくれた人を少しでも長く引き留めたいと思われると思います。 一体どうやって見てくれる人の興味をひけるのか。色々な方法がありますが、その一つとして面白い動きを …