Adobe Illustrator CS5を使用してピクセル画像をベクトル画像に変換する

Fab Labツールのいずれかを使用して、ピクセル(あらゆるjpg、png、gifなど)から作成された画像を切り取る場合は、最初にベクターファイルに変換する必要があります。

この画像をチュートリアルに使用します。

//commons.wikimedia.org/wiki/File:Smiley_Face.JPG

ステップ1:ピクセルとは

コンピューターで表示されるほとんどの画像は、ピクセル、異なる色の小さな長方形から作られています。 あなたの画像を本当に近くで見ると、それらを見ることができます。

Fab Labのマシンは、ピクセルをカットする方法を知りません。

スマイリーの顔を見てください。 機械はどこで切断すべきですか? 灰色のギザギザの部分に? 黄色い部分の周り? 不明です。

画像を機械が理解できる線と形に変換する必要があります。 このタイプのファイルをベクターファイルと呼びます。

ファイルをベクトルに変換することのもう1つの利点は、イメージを必要な大きさにサイズ変更でき、ぼやけたり解像度が低下したりしないことです。

ステップ2:画像を選択する

このステップは本当に重要です。 一部の画像は他の画像よりも機能します。 写真はうまく機能しません。 写真を編集して機能させる簡単な方法があります。別のチュートリアル用にそのプロセスを保存します。 これは図面用です。

あなたは本当にコントラストの高い絵を探したいです。 暗い領域と明るい領域があるが、その間にあまりない図面。 うまくいくかどうかわからない場合は、試してみてください。

一般的に、大きな画像ほど良い結果が得られます。 繰り返しますが、うまくいくかどうかわからない場合は、試してみてください。

スマイリーフェイスの場合、どのサイズが欲しいかを選択できるので、一番大きいサイズを選択します。

ステップ3:Adobe Illustratorで画像を開く

Adobe Illustratorを起動します

上部のメニューバーで、[ファイル]、[開く]の順に移動し、開きたいファイルを選択します。

このチュートリアルでは、顔の後ろの正方形を無視します。 これは、Illustratorによって描かれたキャンバスであり、ステップにはまったく影響しません。

ステップ4:

左側のツールバーの上部にある選択ツール(黒い矢印)をクリックし、画像をクリックして選択します。 画像の周りに青いボックスがあるときに選択されていることがわかります。

ステップ5:

Live Traceの横にある小さな下矢印ボタンをクリックします。 上の図の赤い矢印を参照してください。

Illustratorで画像をトレースし、ピクセルからラインとシェイプに変換します。 ただし、最初にトレースオプションを使用していくつかのトリックを行い、Fab Labマシンでイメージをより良くカットします。

ステップ6:トレースオプションを選択...

[トレースオプション...]をクリックします

ステップ7:プレビューをオンにする

[プレビュー]チェックボックスをクリックして、画像に変更を加えるたびにトレース結果のプレビューを表示できるようにします。

ステップ8:トレースオプションボックスを移動する

[トレースオプション]ボックスの上部をクリックしてドラッグし、画像から移動して、見やすくします。

ステップ9:[白を無視]チェックボックスをクリックします

「白を無視する」チェックボックスをクリックします。

これは、Fab Labマシンで行う必要があるトリックです。

Illustratorがこのスマイルフェイスのすべての形状をトレースすると、目、口、頭の周りの円を見つけることができます。 ただし、さらに2つの図形が表示されます。 それらが何であるか推測できますか?

Illustratorは、頭の内側の白い領域と頭の外側の白い領域を図形として識別します。

たとえば、目の周りをトレースすると、目の周りに楕円が描かれ、目の周りに1回、目の周りの空白にもう一度描かれます。 これは問題です。FabLabのマシンはこれらの重なり合った楕円の両方を認識し、目の周りを2回カットするからです!

簡単な修正方法は、画像をトレースするときに[白を無視]チェックボックスをクリックすることです。 それから、Illustratorは暗い図形の周りに線を描くことだけを知っています。

ステップ10:しきい値の調整

外観に満足している場合は、次の手順に進みます。 まだ満足していない場合は、しきい値を変更してみてください。

しきい値は、イラストレーターにラインをトレースする場所を示します。 しきい値より明るいピクセルはすべて白に変換され、しきい値より暗いピクセルはすべて黒に変換されます。

黒から白へのカラースケールでは、黒は1、白は255です。 中間の数字は灰色の影です。

しきい値には1〜255の任意の数値を指定できます。ほとんどの画像では、中央(128)が適切であることがわかります。 ただし、プレビューでの画像の表示方法が気に入らない場合は、しきい値を調整して見た目が良くなるかどうかを確認できます。

100を試してみてください。 200を試してください。 満足するまで値を調整します。

正しく表示できない場合は、最初からイメージが適切でない可能性があります。 高コントラストの画像から始めることをお勧めします:暗い暗闇と明るい光を持ち、その間にあまり多くない画像。

ステップ11:[トレース]をクリックします

青いトレースボタンをクリックして、画像をトレースします。

ステップ12:展開をクリックします

[展開]ボタンをクリックして、画像全体のトレースを終了します。

ステップ13:カラーウィンドウを開く

カラーパレットをクリックして、カラーウィンドウを開きます。

Illustratorのシェイプには、「塗りつぶし」と「ストローク」があります。 塗りつぶしはシェイプの内側の領域であり、ストロークはシェイプの周囲または外側の線です。

現在、図形の塗りつぶしの色は黒で、線の色はありません。 形状の外側の線である線の色が黒になるように、2つの変更を行う必要があります。 また、塗りつぶしの色は塗りつぶしなし(クリア)または白にする必要があります。 このようにして、Fab Labのマシンは、形状の外側または周囲をカットすることを認識しています。

ステップ14:塗りつぶしをクリアに変更

カラーウィンドウで、ブラックボックスがホワイトボックスの上にあり、赤いスラッシュがそこにあることを確認してください。 つまり、塗りつぶしの色を選択できるということです。

それらのボックスのすぐ下にある赤い正方形の白い正方形をクリックしてください。 これにより、すべての図形の塗りつぶしの色が明確になります(または塗りつぶしなし)。

ステップ15:ストロークを黒に変更

ほぼ完了です!

塗りつぶし選択ボタンの下に隠れているストローク選択ボタンをクリックします。 白とグレーの正方形に赤いスラッシュが付いています。

次に、ストロークの色に黒を選択します。

ステップ16:保存して終了しました!

おめでとうございます。これで、任意のピクセル画像をベクター画像に変更できます。

ファイルを保存してください! 完了です!

このチュートリアルでは、顔の後ろの正方形を無視します。 これは、Illustratorによって描かれたキャンバスであり、ステップにはまったく影響しません。

関連記事