こんにちは,masART STUDIOのカワグチです。Adobe Illustrator で作成した画像をJPEGやPNGなどのビットマップ書き出しをする際,周囲が滲んだり,1ピクセルズレたりした経験はありませんか。今回は,その対策方法をご紹介します。

広告

A4サイズで作成した背景をJPEGに書き出したら周囲が滲んだ

Illustrator で作業していた画像を JPEG に書き出したところ,なんなく違和感がある。どうも気になるので, Photoshop で四隅を拡大したところ図1の様に1ピクセル分滲みがありました。

図1. Illustrator で作業していた画像を JPEG に書き出したところ滲みが発生した。

裁ち落としの部分を含めて JPEG に書き出したのち,Photoshopでトリミングするのも一つの手かもしれませんが,なんかスッキリとしません。問題を放置しているようで,ちょっと気持ちが悪いです。

原因はサイズの単位!

Illustrator に戻り「アートボードツール」を選択すると,アートボードのサイズが「W: 297 mm」「H: 210 mm」となっていることに気が付きました。このサイズの単位が滲みの発生した原因と見ています(アートボードの単位が「mm」となっているため,ビットマップに書き出したときの端数となった1ピクセル分が滲む現象が発生したと考えています)。

図2. A4サイズで印刷することを考えていたため,アートボードのサイズの単位が「mm」になっている。

単位をピクセルに変更する

設定やアートボードのサイズを変更するため,現在のファイルのバックアップを作成しておきます(命の次に大事!)。Illustrator のメニューから [ファイル] – [ドキュメント設定] を選択します。ドキュメント設定画面が表示されたら,単位を「ミリメートル」から「ピクセル」に変更して「OK」を押下します。

図3. 「ドキュメント設定」より単位を「ミリメートル」から「ピクセル」に変更します。

単位を「ピクセル」に変更すると,アートボードのサイズが「W: 841.8898 px」「H: 595.2756 px」と中途半端な数値になっていることがわかります。これでは,周囲が滲んでしまいますね。こちらを「W: 842 px」「H: 595 px」の様に小数点を丸めます。

図4. 単位を「ミリメートル」から「ピクセル」に変換すると中途半端な数値になりました。

JPEGで書き出し

アートボードのサイズをピクセルで設定したら(小数点を丸めたら),JPEGで書き出しを行います。Illustrator のメニューから [ファイル] – [書き出し] – [書き出し様式] に進みます。書き出し画面が表示したら,ファイル形式から「JPEG (jpg)」を選択して,「アートボードごとに作成」にチェックを入れて「書き出し」ボタンを押下します。

図5. 書き出し画面

「書き出し」ボタンを押下すると,JPEG オプション画面に遷移します。「カラーモード」や「画質」「解像度」などを設定します。「OK」ボタンを押下すると JPEG ファイルが作成されます。

図6. JPEGオプション画面

今度は滲まずに書き出すことができました

図7. 単位をピクセルに変更し,サイズを整数で設定したため周囲の滲みが解消されました。

Illustrator から JPEG で書き出しを行うときに,単位を「センチメートル」から「ピクセル」に,サイズを整数で設定したため周囲の滲みを解消することができました。同様の事象でお悩みの方の参考になれば幸いです。最後までご購読ありがとうございました。

広告