¿Cómo ajustar a cada medio píxel (0,5) en Illustrator?

11

Estoy tratando de optimizar un gráfico vectorial para que se alinee bien con los píxeles, pero si trato de alinear con la cuadrícula de píxeles, pierdo demasiado de la calidad y todavía necesito poder ajustar con incrementos de 0.5px.

¿Cómo puedo obtener este comportamiento? ... sin perder la función de vista de píxeles.

adobe-illustrator pixel-art

— sorin
fuente

1

¿Por qué no ampliar su obra de arte al 200% y luego cada coordenada de medio píxel se convierte en una coordenada de píxel completo? A continuación, puede reducir la escala después.

— Dom

1

El problema con esto es que no existe un medio píxel. Cualquier fracción de un píxel se redondea hacia arriba / abajo. Deberá elegir una unidad de medida alternativa.

— Andrew

@Andrew Finalmente, un comentario muy útil, esto significa que necesito usar pt y cambiar el dpi para que se asigne 1: 1, pero al menos podría ser flotante.

— sorin

8

Puede configurar una Cuadrícula en las Preferencias para tener una línea de cuadrícula cada .5pt (igual que px en AI). Luego active Ajustar a la cuadrícula en el menú Ver . Esto le permitirá ajustar a incrementos de .5px. Sin embargo, no va a importar.

Si bien puede colocar un objeto a 1/2 píxel (o 1 / 2pt en Illustrator), al salir, todo se ajusta (suavizado) a píxeles completos. Esto se puede ver activando Vista previa de píxeles en el menú Ver .

Por ejemplo ... un cuadrado de 1/2 píxel:

medio píxel

Y con Pixel Preview:

avance

Puede ver que los medios píxeles se convierten en píxeles completos en la salida. Illustrator no generará ilustraciones con la mitad de píxeles.

Guarde esa imagen de medio píxel ... ábrala en Photoshop y amplíe 3200% ...

engrandecido

Todos los medios píxeles serán suavizados y tratados de esta manera en la salida. Cualquier esfuerzo que haga para construir restricciones de .5 píxeles será anulado por cualquier salida del archivo ya que un solo píxel es el elemento de pantalla más pequeño.

Pero probablemente te estés diciendo a ti mismo: "Solo necesito algunos bordes para sentarme en medio píxel. No es una imagen de medio píxel".

Bueno, los bordes también se suavizarán al píxel más cercano ...

bordes

(El borde inferior descansa en medio píxel. El borde negro tiene medio píxel de ancho).

Y Vista previa de píxeles ...

avance

Ah, pero apaguemos "Anti-Alias Artwork" en las preferencias de Illustrator y veamos Pixel Preview luego ...

sin suavizado

La respuesta realmente no es trabajar a .5 píxeles, sino alterar la obra de arte para que se vea correcta a píxeles completos.

— Scott
fuente

Maravillosa respuesta y para su sorpresa, parece ajustarse a mis necesidades, ya que lo que quería era poder ajustar los puntos de dirección a 0.5 píxeles mientras que los puntos de anclaje están en píxeles completos.

— sorin

Ahh ... ajustar manijas a 1/2 píxeles mientras los anclajes están en píxeles completos tiene mucho sentido :)

— Scott

2

Los vectores pueden cambiar un poco las reglas en algunos casos específicos, pero en general, no hay un incremento de 0.5px. (A menos que estemos hablando CSS px en dispositivos de retina, pero ese es un tema completamente diferente)

Un píxel es la unidad más pequeña en un monitor.

ingrese la descripción de la imagen aquí

En la imagen de arriba, cada conjunto de una luz roja, una verde y una azul es un solo píxel. El dispositivo le dice a la pantalla cómo equilibrar el brillo de esos tres colores un conjunto (píxel) a la vez para que sus ojos perciban un color determinado. Su monitor no considera unidades más pequeñas que eso.

Hay algunas excepciones límite. Como un borde de una forma vectorial que no se alinea perfectamente con los píxeles, se produce algún tipo de suavizado. Sin embargo, todavía no hay ningún negocio de medio píxel en el momento en que la información llegue a su monitor. Además, con dispositivos ultra HD como los teléfonos inteligentes modernos, un px en CSS ya no es igual a un píxel. Todavía no hay medio píxel, pero en los dispositivos de retina (ultra HD), por el bien de la conversación, puede considerar que un píxel tiene la mitad de un px si la relación de píxeles es 2: 1.

— Eric
fuente

1

Gracias por la elaborada respuesta, aún tengo que decir que no responde a mi pregunta. Si bien soy plenamente consciente de lo que es un píxel, también sé que una imagen vectorial tiene coordenadas de coma flotante en el interior, por lo que puede alinearlas de cualquier manera. Supongo que la solución es desactivar el ajuste a píxel y crear una cuadrícula que tenga puntos de ajuste cada 0.5px ... esto es lo que estaba buscando.

— sorin