Illustratorを使って書き出すときに、ピクセルにきちんと合わずに切れたりはみだしたりした画像が書き出されてしまうことがあります。
ウェブやゲーム用に画像を作る際にはピクセルのずれは致命的なので、ピクセルに合わせてきちんと書き出すための方法を調べました。
「編集」→「環境設定」→「単位」を選択し、
「一般」「線」「書式」「日本語オプション」のすべてを「ピクセル」にします。
「編集」→「環境設定」→「一般」を選択し、
「キー入力」の値を「1px」にします。
「表示」→「ピクセルプレビュー」をクリックして、チェックを入れます。
「表示」→「ピクセルにスナップ」をクリックして、チェックを入れます。
オブジェクトの位置が、「100.5」など、小数点以下のある位置に配置されていることがあります。
これを「100」などの整数値に入力して、直します。
この数値を変えても、小数点以下が残ってしまう場合は、「ピクセルグリッドに整合」のチェックをはずします。
オブジェクトの線のプロパティで、「線の位置」を「線を中央に揃える」になっていると、ピクセルの中心から内側と外側に半々ずつ線が引かれた状態になるので、「線を内側に揃える」もしくは「線を外側に揃える」のいずれかに設定します。
Adobe Illustrator CC以前のバージョンで、矩形の一部の角を丸くする方法です。 Illustratorの矩形ツールで長方形を描いた場合、「効果」→「スタイライズ」→「角を丸くする」を指…続きを読む
テキストに輪郭線を追加していても、そのままアウトライン化すると反映されません。今回はテキストに輪郭線を設定した場合、その太さのままアウトライン化する方法です。 テキストの輪郭と塗りをアウトライン化して…続きを読む
Photoshopでイラストを取り込み、白黒の線画にしてから着色する方法について、これまで2回紹介してきました。 しかしこの方法の場合、白黒の2階調化をしてしまうため、ザクザクした線になってしまいます…続きを読む
自分で描いたイラストをIllustratorに取り込んで、線をパスに変換してベクター画像にする方法です。 まず適当に自分で描いたイラストなどをスキャナでスキャンします。拡張子はpngでもjpegでも構…続きを読む
黒いテキストの画像の上にかかった部分だけ、白くして読みやすくする方法です。 まず画像をベクター化しておきます。 次に、テキストを選択し、「書式」→「アウトライン化」をします。 テキストを選択した後、S…続きを読む