イラストレーターですべてのハーフピクセル(0,5)にスナップする方法は?


11

ベクターグラフィックを最適化してピクセルにうまく揃えようとしていますが、ピクセルグリッドに揃えようとすると、品質が低下しすぎて、0.5ピクセルの増分でスナップできるようにする必要があります。

どうすればこの動作を取得できますか?…ピクセル表示機能を失うことなく。


1
アートワークを200%に拡大して、ハーフピクセル座標ごとにフルピクセル座標にします。その後、縮小して戻すことができます。
Dom

1
これの問題は、ハーフピクセルなどがないことです。ピクセルの端数は切り上げ/切り捨てられます。別の測定単位を選択する必要があります。
Andrew

@Andrew最後に、非常に便利なコメントです。これは、ptを使用してdpiを変更し、1:1にマップする必要があることを意味しますが、少なくともフロートにすることができます。
ソリン2013

回答:


8

環境設定でグリッド設定して、グリッド線を.5ptごとに設定できます(AIのpxと同じ)。次に、[表示]メニューの[ グリッドスナップ]をオンにします。これにより、.5pxの増分にスナップできます。ただし、問題にはなりません。

オブジェクトを1/2ピクセル(またはIllustratorでは1 / 2pt)に配置できますが、出力時にすべてがフルピクセルに調整(アンチエイリアス)されます。これは、[表示]メニュー[ ピクセルプレビュー]をオンにすると確認できます

たとえば... 1/2ピクセルの正方形:

ハーフピクセル

そしてピクセルプレビューで:

下見

出力時にハーフピクセルがフルピクセルに変換されていることがわかります。イラストレーターはアートワークを半ピクセルで出力しません。

そのハーフピクセルの画像を保存します... Photoshopで開いて3200%拡大します...

拡大

ハーフピクセルはすべてアンチエイリアス処理され、出力時にこのように処理されます。1つのピクセルが最小の画面要素であるため、.5ピクセルの制限を構築するためのあらゆる努力は、ファイルの出力によって無効になります。

しかし、おそらくあなたは「半分のピクセル上にあるのはいくつかのエッジだけで十分です。半分のピクセルの画像ではありません」と自分に言っているでしょう。

まあ、エッジも最も近いピクセルにアンチエイリアスされます...

エッジ

(下端は半分のピクセル上にあります。黒い端は半分のピクセル幅です)。

そして、ピクセルプレビュー...

下見

あ、でも、Illustratorの環境設定で「アンチエイリアスアートワーク」をオフにして、ピクセルプレビューを見てみましょう。

アンチエイリアスなし

答えは、実際には0.5ピクセルで動作するのではなく、アートワークを変更して、フルピクセルで正しく見えるようにすることです。


素晴らしい答えと驚いたことに、アンカーポイントがフルピクセルのときに方向ポイントを0.5ピクセルにスナップできるようにしたかったので、私のニーズに合っているようです。
ソリン2013

ああ..アンカーがフルピクセル上にあるときにハンドルを1/2ピクセルにスナップすることは、完全に理にかなっています:)
Scott

2

一部の特定のケースでは、ベクターによってルールが少し変更される可能性がありますが、一般的には、0.5pxの増分はありません。(RetinaデバイスでCSS pxを話しているのでなければ、それはまったく別のトピックです)

ピクセルはモニターの最小単位です。

ここに画像の説明を入力してください

上の画像では、1つの赤、1つの緑、1つの青の光の各セットが1つのピクセルです。デバイスは、目で特定の色を知覚するために、これらの3つの色の明るさを一度に1セット(ピクセル)でバランスさせる方法を画面に伝えます。モニターはそれより小さな単位を考慮しません。


いくつかの境界線の例外があります。ピクセルと完全に揃っていないベクトル形状の境界線など、ある種のアンチエイリアスが発生します。ただし、情報がモニターに届くまでに、実際にハーフピクセルのビジネスが行われているわけではありません。また、最新のスマートフォンなどのウルトラHDデバイスでは、CSSのピクセルは1ピクセルではなくなりました。まだ半分のピクセルはありませんが、網膜(ウルトラHD)デバイスでは、会話のために、ピクセルを2分の1ピクセルと見なすことができます。ピクセル比は2:1です。


1
精巧な答えをありがとう、それでも私はそれが私の質問に対処していないと言わなければなりません。私はピクセルが何であるかについて完全に認識していますが、ベクトル画像には内部に浮動小数点座標があるので、どのようにでもそれらを整列させることができます。解決策は、ピクセルへのスナップを無効にし、0.5pxごとにスナップポイントを持つグリッドを作成することだと思います。これが私が探していたものです。
ソリン2013
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.