マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

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

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

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

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

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

 

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

 

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

 

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

 

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

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-WEBデザイン, WEB制作

関連記事

【Illustrator】アーガイル模様の作り方

【Illustrator】アーガイル模様の作り方

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

【Illustrator】幾何学模様の作り方

【Illustrator】幾何学模様の作り方

みなさまこんにちは、新人Aです。 三角形で作る幾何学模様の作り方をご紹介します。 これはパターンにするよりもランダムに色を置いていったほうが幾何学模様の雰囲気がぐっと増すと思うので、 少し面倒ですがパ …

【photoshop】素材なしで手軽にテキストを水彩風にするテクニック!

【photoshop】素材なしで手軽にテキストを水彩風にするテクニック!

暑い日が続いておりますが、デザインする時も季節感を演出できたら、より人の目を引くデザインになるかもしれないですね。 ここで夏にふさわしい、テキストを涼しげな水彩風に加工するPhotoshopテクニック …

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

ワードプレスのテーマの安全性をチェックしてくれる実用的なプラグイン

ワードプレスのテーマの安全性をチェックしてくれる実用的なプラグイン

WordPressのセキュリティを高めてくれるシンプルだけれども実用的なプラグインです。 名前もシンプルです。「AntiVirus」 WordPressで使用しているテーマに悪意のあるコードやセキュリ …