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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

次ページはこちら!

人用のWPのサイトマッププラグイン設定と表示されない時の対処解決法... ワードプレスのサイトマップを生成してくれるプラグインといえば何じゃ?お??? はいっ!はい!はーい!!!Google XML Sitemapでぇーす!! では人間が見るためのサイトマップを自動生成してくれるプラグインといえば〜〜〜??? えーと、えーと、えーと、そんなプラグイン習ったっけ〜...
危険!リファラスパム!アナリティクス設定で除外する方法紹介!... 来たっ!! ついに来たーーー!!! 来てほしくないアイツが来たーー!! 2015年に入ってから、数多く確認されているリファラスパムに遭遇しました! と言ってもこのサイトではないのですが、運営している別のサイトにリファラスパムが来ました。 リファラスパムに遭遇したのは初めてだったので、...
知っておきたいイラレの使い方基礎編!オブジェクト整列チュートリアル... イラストレーターCC 初心者のあなたにこっそり教えたい整列の使い方! これであなたも整列ツールに関しては初心者の域を抜け出せます!! イラストレーターの整列ツールを使いこなして、オブジェクトのレイアウトを綺麗にしましょう。 何事も整理整頓が大事です。 整列ツールを使うと言っても選択してボタ...
illustratorのグラデーションで文字を金色&メタリック加工チュートリアル... Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介! 文字を金色にするのって案外多くないですか? そういう時にもやっとしたグラデーションでゴールドを表現してません??? もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありませ...
初めてのIllustratorの使い方超基本操作 | 四角のボックスを描く方法... イラストレーターの使い方の超基礎編のお時間ですよーー! これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。 今回は立体的な四角いボックスを描く方法です。 Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。 長方...
写真の個人情報漏洩を防いでくれるWordPressプラグインが便利すぎる!... WordPressにスマホやデジカメで撮った写真を何もせずに載せるのはマジで危険っ!! 写真のEXIF情報(メタデータ)から撮影場所などの個人情報が漏洩するかも?? EXIF(イグジフ)情報には、撮影したGPSの位置情報、撮影日と時間、撮影に使用したスマートフォンやカメラの機種情報が入っていま...
広告・WEBデザイナーさんに絶対使って欲しい!無料イラストサイト開設... 広告・WEBデザイナーである、あなたの時間をもっと有効に使えるようにしたい!! あなたがクリエイティブな作業にもっと集中できるよう、自由な時間を確保できるよう応援したい! 偉そうな感じで恐縮ですが、そんな思いで無料イラスト素材サイト「イラストパーツラボ」をオープンさせました! と言っても、...
ブログで初記事代行を頼んでみた!記事外注化の感想や問題点を解説... よーしアフィリエイトに本腰を入れるから外注だーー! という感じで、今回初めて記事代行業者に記事を外注してみました! 相場や記事の出来映え、納期や問題点をこれから記事代行業者に頼んでみようかなーーと思っている方に読んでもらいたいのでご紹介しまーーす。 ちなみにこのサイトの記事は「100% mad...
MacでもOK!Chrome拡張機能で画面をスクロールキャプチャできる!... Macでの画面キャプチャソフトといえば「Skitch」!! WordPressを使うブロガーさんにとっては重宝するとっても使い勝手のいいフリーソフト。 でも最新のSkitchでは画面のスクロールキャプチャができないーー!! 安心ください!! スクロールキャプチャできます!! でもSki...
Illustratorで桜のシルエット・パターンの描き方チュートリアル... イラストレーターで桜の描き方チュートリアル! デザインやレイアウトでヘビーローテーションな桜のシルエットやパターンをすぐ描けるようになる作り方です!! この作り方を覚えれば、応用で他の花も描けるようになるし、桜の花びらも出来ちゃいますよ。 この作り方にIllustratorのバージョンは関係な...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.