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
fuente
Respuestas:
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:
Y con Pixel Preview:
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% ...
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 ...
(El borde inferior descansa en medio píxel. El borde negro tiene medio píxel de ancho).
Y Vista previa de píxeles ...
Ah, pero apaguemos "Anti-Alias Artwork" en las preferencias de Illustrator y veamos Pixel Preview luego ...
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.
fuente
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.
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.
fuente