こんにちは,masART STUDIOのカワグチです。Adobe Illustratorで作成した画像をJPEGやPNGなどのビットマップ書き出しをしたとき,周囲の1ピクセル分が滲んだり,空白となったりした経験はありませんか。この記事では,その対策方法をご紹介します。
本稿は,masART Blog(2020年8月13日)に投稿された記事を再編集したものです。
A4サイズで作成した素材をJPEGに書き出したら周囲が滲んだ
llustratorで作業していた画像を JPEG に書き出したところ,なんなく違和感がある。どうも気になるので, Photoshopで四隅を拡大したところ図1の様に1ピクセル分滲みがありました。
少し大きめに作って、Photoshopでトリミングするのも一つの手かもしれません。しかし,手間がかかります。それに,問題を放置しているようで,ちょっと気持ちが悪いです。
原因はサイズの単位!
Illustrator に戻り「アートボードツール」を選択すると,アートボードのサイズが「W: 297 mm」「H: 210 mm」となっていきました。アートボードの単位が「mm」となっているため,ビットマップに書き出したときの端数となった1ピクセル分が滲む現象が発生したと考えています。
単位をピクセルに変更する
設定やアートボードのサイズを変更するため,現在のファイルのバックアップを作成しておきます(命の次に大事!)。Illustratorのメニューから [ファイル] – [ドキュメント設定] を選択します。ドキュメント設定画面が表示されたら,単位を「ミリメートル」から「ピクセル」に変更して「OK」を押下します。
単位を「ピクセル」に変更すると,アートボードのサイズが「W: 841.8898 px」「H: 595.2756 px」と中途半端な数値になっていることがわかります。これでは,周囲が滲んでしまいますね。こちらを「W: 842 px」「H: 596 px」の様に小数点を丸めます。
JPEGで再書き出し
アートボードのサイズをピクセルで設定したら(小数点を丸めたら),JPEGで書き出しを行います。Illustrator のメニューから [ファイル] – [書き出し] – [書き出し様式] に進みます。書き出し画面が表示したら,ファイル形式から「JPEG (jpg)」を選択して,「アートボードごとに作成」にチェックを入れて「書き出し」ボタンを押下します。
「書き出し」ボタンを押下すると,JPEG オプション画面に遷移します。「カラーモード」や「画質」「解像度」などを設定します。「OK」ボタンを押下すると JPEG ファイルが作成されます。
今度は滲まずに書き出すことができました
Illustrator から JPEG で書き出しを行うときに,単位を「センチメートル」から「ピクセル」に,サイズを整数で設定したため周囲の滲みを解消することができました。同様の事象でお悩みの方の参考になれば幸いです。最後までご購読ありがとうございました。