4 返信 最新の返信: 2015/05/01 0:06 by jdash2000 RSS

    オブジェクトを書き出すとサイズが1pixelずれる

    aoridanuki Community Member

      illustratorCC 2014 Windows7を使用しています。

       

      640×480 塗りのみ、線なしの長方形オブジェクトを作成。

      そのオブジェクトを選択して 【オブジェクト>アートボード>選択オブジェクトに合わせる】 を実行。

       

      【ファイル>書き出し】で書き出しをするとPNGやJPEGなどが640×481で書き出されます。

      アートボードごとに書き出しにチェックを入れても同じ結果になります。

       

      解像度は72dpiを選択しています。

       

      これは何か設定の問題でしょうか。

        • 1. Re: オブジェクトを書き出すとサイズが1pixelずれる
          silk-m MVP

          オブジェクトがピクセルに整合されていないと、アートボードの座標が中途半端な位置になります。

          スクリーンショット 2015-04-24 22.18.53.png

          その場合641x481になる事も有ります。

          • 2. Re: オブジェクトを書き出すとサイズが1pixelずれる
            aoridanuki Community Member

            オブジェクトがピクセルに整合というのは、オブジェクトを作成するときに、

            グリッドにスナップなどできちんとした整数の位置に置いておかなければならないということでしょうか。

            • 3. Re: オブジェクトを書き出すとサイズが1pixelずれる
              silk-m MVP

              そういう事ですね。

              変形パレットのオプションメニューの「長方形の作成時に表示」をチェックしておくと、新規オブジェクトを作成する時に変形パレットが表示されますから「ピクセルグリッドに整合」をチェックすれ ば座標は整数の位置になります。

              スクリーンショット 2015-04-29 14.06.06.pngスクリーンショット 2015-04-29 14.05.48.png

              但し長方形や角丸長方形の場合、毎回チェックしないといけないので面倒です。

               

              「表示」メニューの「ピクセルプレビュー」をチェックすると、下の方の「グリッドにスナップ」が「ピクセルにスナップ」に変わりチェックが入っていると思います。これだと「ピクセルグリッドに 整合」をいちいちチェックしなくても、座標は整数の位置になります。

               

              コントロールバーに変形数値が表示される様にしておけば分かりやすいと思います。

              スクリーンショット 2015-04-29 14.33.40.png

               

              ところで、長方形や角丸長方形の場合、「新規オブジェクトをピクセルグリッドに整合」が機能していないのは、自分の環境だけなんでしょうか?

              楕円形の場合には機能しています。

              • 4. Re: オブジェクトを書き出すとサイズが1pixelずれる
                jdash2000 MVP

                Illustratorでピクセルベースの制作をするときの注意点は以下のページにまとめられています。ご参考まで。

                IllustratorをWeb制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます(ツッコミ 歓迎ですので、何かあればお気軽に)。

                • ドキュメントプロファイルは「Web」。[プレビューモード]を「ピクセル」に変更、[新規オブジェクトをピクセルグリッドに整合]はオフ
                • [線の位置]を「内側」にして作業
                • [アピアランス]パネルメニューの[新規アートに基本アピアランスを適用]のチェックをはずしておく
                • [新規オブジェクトをピクセルグリッドに整合]はオフに
                • [プレビュー境界を使用]にチェックを入れる
                • キー入力を「1ピクセル」に
                • アートボードの座標に注意
                • sRGBを基準に

                 

                これによって、次のような問題を回避できます。

                • プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。
                • [新規ピクセルグリッドを整合]をオンにしているとき、1ピクセルの線のオブジェクトを描くと、ピクセルグリッドでなく、ピクセルグリッドの中心に吸着する。そのため、実際の大きさは1ピクセ ル(=0.5+0.5)大きくなってしまう。
                • [線の位置]を内側(外側)にして作業しても、次に描くときには「中央」に戻ってしまう
                • せっかくいい感じに作業していても複数オブジェクトの整列を行うと、エッジがにじむ。または、見た目の通りに整列されない
                • [新規オブジェクトをピクセルグリッドに整合]がオンのまま描画すると、パスと描画のズレが生じる
                • アートボードごとに分けて制作しているとき、個別の書き出しでは問題ないのに、アートボード書き出しするとエッジがにじむことがある

                IllustratorでWeb向け、ピクセルベースの作業を行う上での設定(完全版) - DTP Transit