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

Illustrator

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

更新日:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

低解像度画像の劣化を抑えて高解像風にキレイにする一押しフリーソフト... 広告に使う予定の写真の解像度が低い! クライアントに聞いても低い解像度の画像しかないといわれてどうしよう…? どうにかして低い解像度を高解像度に拡大することはできないの〜? 写真を扱うプロとして無理矢理解に写真の像度を上げるなんて、本当はダメな方法だとわかっているけども、リサイズできないものか...
危険!リファラスパム!アナリティクス設定で除外する方法紹介!... 来たっ!! ついに来たーーー!!! 来てほしくないアイツが来たーー!! 2015年に入ってから、数多く確認されているリファラスパムに遭遇しました! と言ってもこのサイトではないのですが、運営している別のサイトにリファラスパムが来ました。 リファラスパムに遭遇したのは初めてだったので、...
【随時更新】早めのリファラスパム対策!リファラスパム名晒します!... 某製薬会社の有名なコピー「効いたよね!早めのパ○シロン!」ではないですが、リファラスパムにまだ会ったことがないという方のために、管理人が運営するサイトにご来訪されたリファラスパム名をリスト形式でこれから随時更新で晒していきたいと思う所存でございます。 今回もまた、グーグルアナリティクスでアクセスの...
テンプレートでブログ記事編集を時短化!手間を省いて効率アップ!... WordPressで記事を書く時に超役立つおすすめプラグインを紹介したいと思います。 今回ご紹介するプラグインは「TinyMCE Templates」。ブログを書く時に編集画面でテンプレートを挿入することができます。 これでいつも書いている見出しなどを予め入れておいて、記事編集を時短化して効率ア...
【イラレCC技】ひと手間で文字の立体感を簡単に2〜4割増しにする方法... 今回はイラストレーターCCでも文字に立体感を出すチュートリアルになります! 10秒から1分間ぐらいのひと手間加えるだけで文字の立体感を2割〜4割ぐらいアップさせることができます。 文字だけでなく他のオブジェクトにも流用できるテクニックなので、ぜひ覚えてどんどんレベルアップしてみてくださいね。応用...
クリスマスカードの無料イラスト素材集!高品質で可愛い画像が勢揃い!... クリスマスカードの無料イラストテンプレート集をご紹介します! 高品質なイラストで、可愛いサンタクロースやトナカイ・スノーマンやクリスマスツリー・クリスマスリース、プレゼントのイラストなどが入っている子供向けのタイプから大人向けのクラシックでシンプルな上品なタイプまで幅広く集めてみました。 いつも...
脳は大人・老人でも一生成長する!読書で脳力を鍛えて能力を伸ばそう!... あなたは頭が良くなりたいですか? IQが高くなりたいですか? 将来、認知症になりたくないと思っていますか? 記憶力をもっとアップさせたいですか? 上記に上げた質問をすべてクリアしてくれる方法があるんです。 それは脳を成長させることなんです。 でも大人になっても脳は成長するの? そう...



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.