イラレ,使い方,画像,ラスター,ベクターベクター

Illustrator

イラレの使い方!ラスター画像をベクターデータへ変換する方法!

更新日:

スポンサーリンク

 

イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータにパパッと簡単に変換できる方法をご紹介!

初心者のあなたでも、ステップ通りにやれば楽にできますので、ご安心を!!

ちなみにどんな場面で役に立つのかというと、デザイン現場でロゴやキャラを印刷に使うときに画像データをそのまま配置して使うとボヤケてしまいますよね???

そんなときにラスター画像からベクターデータに変換しておくことで、拡大しても鮮明に印刷できるようになります。

イラレでサクッと画像からベクトル形式に変換するチュートリアルです。

イラレCCでラスター画像をベクターデータに変換 簡単な画像の場合

ここでは簡単な画像をベクターデーターに変える使い方を紹介します。

aiデータにもしてもビットマップデータ特有のカクカクっとした感じを残したいときにも役立つ使い方ですので覚えておいて損はないですよ。

まずは画像をIllustratorで開きます。
そして上のメニューにある「埋め込み」をクリックします。

イラレ,使い方,画像,ラスター,ベクター

次は「オブジェクト」メニューから「モザイクオブジェクトを作成」を選びます。

イラレ,使い方,画像,ラスター,ベクターベクター

すると、モザイクオブジェクトの設定ウィンドウが表示されるのでそこで「現在のサイズ」と「タイル数」を同じ数値に設定します。

イラレ,使い方,画像,ラスター,ベクターベクター

設定すると、下記のように四角いオブジェクトが並んだように変換されます。

イラレ,使い方,画像,ラスター,ベクターベクター

そこで要らないタイルオブジェクトを削除するために白のタイルを選んだ後に「選択」から「カラー(塗り)」を選択します。そして削除します。あとは形を少し整えるためにいびつな箇所を削除すればOK。

イラレ,使い方,画像,ラスター,ベクターベクター

完成はコチラ!!コレでいくら拡大してもぼやけません。

イラレ,使い方,画像,ラスター,ベクターベクター

 

イラレでラスター画像をベクターデータに変換 複雑な画像の場合

曲線や色数が多い複雑な画像の場合には画像トレース(ライブトレース)機能を使ってベクトル形式に変換します。

まずは変換したい画像をイラレで開きます!そして埋め込みます。

イラレ,使い方,画像,ラスター,ベクターベクター

そして次は、「画像トレース」からプリセットの「16色変換」をクリックします。

イラレ,使い方,画像,ラスター,ベクターベクター

すると、簡単にカラーのベクターデータの出来上がり!

サンプルの画像は色がはっきりと分かれているため変換しやすかったですが風景写真などは鮮明に変換しにくいと思いますね。

カスタム設定でグレースケールに変換した後にライブペイント設定をする方法をご紹介

お次ぎはさきほどと同じように画像トレースを使うのですが、あなたが好きなカスタム設定で変換する方法をまずはご紹介!

イラレで画像を開いたら、埋め込んで「画像トレース」を押します。
するとカスタム設定ウィンドウがでるのでここで数値やプリセットを選択します。

今回はグレースケールに変換します。

イラレ,使い方,画像,ラスター,ベクターベクター

カスタム調整をした後に変換してみると。こんな感じ。

イラレ,使い方,画像,ラスター,ベクターベクター

そしたらば、次は「ライブペイント」で好きなように色を塗る設定をします。オブジェクトデータを全て選択してから、「オブジェクト」メニューから「ライブペイント」の「作成」を選びます。するとこんな感じに。

イラレ,使い方,画像,ラスター,ベクターベクター

同じ色とトーンの箇所が個別に選択できるようになりましたね。

これであとは「ツール」メニューから「ライブペイントツール」を選択します。

ライブペイントツールを色を付けたいスペースに持って行くと自動で塗れるスペースを選択してくれますので、好きな色に塗って行きます。

イラレ,使い方,画像,ラスター,ベクターベクター

色を塗り終わったら、出来上がり!!!お疲れ様でしたーー。

 

イラレでラスター画像からベクターデータに変換のまとめ

イラレって小難しいなーーっと思っていても案外カンタンにできるのです。
失敗してもいいので、何度もやって覚えるのが一番上達する近道でしょうね。

まずは試しにやってみてくださいねー。

閲覧ありがとうございました!

短時間睡眠で効率良く眠れて疲労回復?徹夜より朝活がオススメな理由... え?!マジ?!本当に??? 短時間睡眠のほうが長時間睡眠よりも質の良い眠りができるらしい。 しかも効率よく睡眠がとれているから、疲労回復にも抜群なんだって。 徹夜で仕事したり、自分は夜型だからと言って夜遅くまで起きて、次のせっかくの休日を昼ごろまでダラダラと寝たりしてませんか?ダラダラと寝ても...
コメントスパム対策!インストールするだけでスパムを遮るプラグイン... コメントに届くスパムメールってうざいですよね。 しかも何度も来ますよね〜。 スパムコメント対策にワードプレスプラグイン「Akismet」を入れても、まだ来るスパム。 ええかげんにして〜〜ん。 来るたびに削除したり、気にしなけばいいやと思えば思うほど、気になってやはり削除してしまう。 こんな...
イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニュアル... イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!! イラレ初心者の方でブレンドツールってどんな感じに使うの?っていう疑問がありませんか? ペンツールや長方形ツールや楕円形ツールばかりが良く知られていますが、この便利なブレンドツールを使いこなすことができれば、もっと仕事が...
リファラスパムに注意! googlemare.comはスパムでグーグルと関係なし... リファラスパムがまた来ました! 管理人が運営するサイトに来たリファラスパムについてはまとめ記事を書いているのですが、そちらだと見落とすこともあると思うので記事にしようと思います。 グーグルアナリティクスの画面にgooglemare.comが表示されたら、即座にズバッとフィルタで除外してやってくだ...
WordPressプラグイン Quick Adsense日本語表示のやり方!コピペで簡単... WordPressプラグインの「Quick Adsense」をインストールして、そのまま使うと日本語表示が文字化けするので注意!! 特にアドセンスの「スポンサーリンク」が文字化けすると規約違反にもなるのできちんとスポンサーリンクが日本語表示されるようにしましょう! やり方は本当に簡単です!! ...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...
フリーフォント厳選サイト5選!無料の日本語から欧文まで勢揃い!... 無料のフリーフォントサイトを5つ厳選しました。 標準的なゴシックや明朝系から毛筆文字、手書き風フォント、ひらがな・かたかなフォント、コミック系、アイコン系、筆記体の欧文、モダンでクールな英語フォントまで幅広く揃っています。 フォントはデザイナーさんには必要不可欠な素材です。 ぜひ様々な種類の書...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.