Illustratorでラスター画像のすべてのピクセルを正方形のオブジェクトに変換する方法は?


26

たとえば、10×10pxのアイコンがあります。それぞれに対応する色と位置を持つ100個の正方形を作成したい。実際、問題は、ラスターイメージから正確なピクセルモザイクを作成する方法です。

ライブトレースを試してみましたが、正方形にいくつかの歪みが加わりました。

回答:


37

これは実際には本当に簡単です。選択したコピーまたは配置された(リンクされていない)ラスターイメージを取得してから、

  • Object > Create Object Mosaic
    • または、Illustratorの古いバージョンでは、 Filter > Create > Mosaic
  • [タイル数]にピクセル画像の正確な幅と高さを入力します。
  • それでおしまい!

ベクターピクセルの正方形は2つのグループにラップされるため、グループ化を2回解除するか、分離モードで2回ダブルクリックして、個々の正方形(または比率がオフの場合は長方形)を取得します。


2つの例:

この質問から借用したYahoo絵文字を使用した簡単な例:

ここに画像の説明を入力してください

シロクマの詳細な例:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/


私もこれに対する解決策を探していました、ありがとう!これまでのところ、「Flashを使用する」だけを見つけました。
KMSTR

私はこれについて何の手がかりもありませんでした、私はかつて手動で画像をトレースしました(それを正しくするために数時間費やしました):S
WELZ

3

変換しませんが、ここで簡単に再作成できます。トレースによって適切な結果が得られるとは思わない。


画像全体のサイズの長方形を描きます。

[オブジェクト]> [パス]> [グリッドに分割...]を選択します。

グリッドに分割

ライブペイントバケットツールを入手する(Illustrator CS6のシェイプビルダーツール)

ライブペイントバケット

記入するセクションをクリックしてください...

充填

(編集メモ:この回答は質問に移動され、元の質問から削除されました。ここに収まるだけです。)


いい方法。私はまだCS3を使用しており、すぐにアップグレードします。
yakunins

1
@utypeこれはCS3でも機能します。唯一の違いは、ライブペイントバケットツールの場所です。
スコット

たくさんの行と列を操作するときに、長方形のグリッドツールが等間隔の線を作成しないという別の問題の解決に役立ったScottに感謝します。グリッドにスナップするのがうまくいきました。

2

Photoshopにアクセスする場合、かなり簡単な方法があります。

  • 画像サイズで希望する「解像度」(30x30など)に画像を縮小します。
  • 「最近接」の「画像の再サンプル」設定で、再度(たとえば、600x600に)拡大します。
  • 結果をIllustratorにコピーします。
  • LiveTrace;

トレースに十分な色を使用すると、正方形が生成されます。


-1

このツールは、あなたが探しているものを提供するはずです:http : //florian-berger.de/en/software/pixel2svg/


2
こんにちはuser29824、あなたが提供するリンクの背後にあるものと、それが質問に答える理由をもう少し説明してください。そうすれば、後でリンクが切れた場合でも、答えは価値があります。ここでリンクのみの回答を本当に嫌う主な理由は、リンクの腐敗です。あなたの努力に感謝し、貢献し続けてください!
ビンセント14
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.