Comment accrocher à chaque demi-pixel (0,5) dans illustrator?

11

J'essaie d'optimiser un graphique vectoriel pour qu'il s'aligne bien sur les pixels, mais si j'essaie d'aligner la grille sur les pixels, je perds trop de la qualité et j'ai encore besoin de pouvoir accrocher avec des incréments de 0,5 px.

Comment puis-je obtenir ce comportement? … Sans perdre la fonction d'affichage des pixels.

adobe-illustrator pixel-art

— Sorin
source

1

Pourquoi ne pas augmenter votre illustration à 200%, puis chaque demi-coordonnée de pixels devient une coordonnée de pixels complète. Vous pouvez ensuite revenir à la baisse après.

— Dom

1

Le problème, c'est qu'il n'y a pas de demi-pixel. Toute fraction de pixel est arrondie vers le haut / bas. Vous voudrez choisir une autre unité de mesure.

— Andrew

@Andrew Enfin, un commentaire très utile, cela signifie que je dois utiliser pt et changer le dpi pour qu'il mappe 1: 1, mais au moins ce pourrait être un flottant.

— sorin du

8

Vous pouvez configurer une grille dans les préférences pour avoir une ligne de grille tous les 0,5 pt (identique à px dans AI). Activez ensuite Snap to Grid dans le menu Affichage . Cela vous permettra de vous accrocher à des incréments de 0,5px. Cependant, cela n'aura pas d'importance.

Bien que vous puissiez placer un objet à un 1/2 pixel (ou 1 / 2pt dans Illustrator), lors de la sortie, tout est ajusté (anticrénelé) en pixels pleins. Cela peut être vu en activant l'aperçu des pixels dans le menu Affichage .

Par exemple ... un carré de 1/2 pixel:

demi-pixel

Et avec Pixel Preview:

Aperçu

Vous pouvez voir que les demi-pixels sont convertis en pixels entiers lors de la sortie. Illustrator ne produira pas d'illustrations en demi-pixels.

Enregistrez cette image d'un demi-pixel ... ouvrez-la dans Photoshop et agrandissez 3200% ....

agrandi

Tous les demi-pixels vont être anti-aliasés et traités de cette façon lors de la sortie. Tout effort que vous faites pour construire des restrictions de 0,5 pixel sera annulé par toute sortie du fichier car un seul pixel est le plus petit élément d'écran.

Mais vous vous dites probablement: "Je n'ai besoin que de quelques bords pour m'asseoir sur un demi-pixel. Pas une image d'un demi-pixel."

Eh bien, les bords seront également anti-aliasés au pixel le plus proche ...

bords

(Le bord inférieur repose sur un demi-pixel. Le bord noir mesure un demi-pixel de large).

Et aperçu Pixel ....

Aperçu

Oh, mais désactivons "Anti-Alias Artwork" dans les préférences d'Illustrator et regardons Pixel Preview puis ....

pas d'anti-aliasing

La réponse n'est vraiment pas de travailler à 0,5 pixel, mais de modifier l'illustration pour qu'elle soit correcte en pixels pleins.

— Scott
source

Merveilleuse réponse et à votre grande surprise, elle semble correspondre à mes besoins car ce que je voulais était de pouvoir capturer les points de direction à 0,5 pixels tandis que les points d'ancrage sont à pleine pixels.

— sorin

Ahh .. la capture de poignées à 1/2 pixels alors que les ancres sont sur des pixels pleins est parfaitement logique :)

— Scott

2

Les vecteurs peuvent changer un peu les règles dans certains cas spécifiques, mais en règle générale, il n'y a pas d'incrément de 0,5 px. (Sauf si nous parlons de CSS px sur les appareils de la rétine, mais c'est un tout autre sujet)

Un pixel est la plus petite unité sur un moniteur.

entrez la description de l'image ici

Dans l'image ci-dessus, chaque ensemble de lumière rouge, verte et bleue est un seul pixel. L'appareil indique à l'écran comment équilibrer la luminosité de ces trois couleurs un ensemble (pixel) à la fois afin que vos yeux perçoivent une couleur donnée. Votre moniteur ne considère pas les unités plus petites que cela.

Il existe quelques exceptions limites. Comme une bordure d'une forme vectorielle qui ne s'aligne pas parfaitement avec les pixels, une sorte d'anti-crénelage se produit. Cependant, il n'y a toujours pas vraiment d'activité de demi-pixel au moment où les informations parviennent à votre moniteur. De plus, avec les appareils ultra HD tels que les téléphones intelligents modernes, un px en CSS n'est plus égal à un pixel. Il n'y a toujours pas un demi-pixel, mais sur les appareils à rétine (ultra HD), pour la conversation, vous pouvez considérer qu'un pixel est un demi-px si le rapport de pixels est de 2: 1.

— Eric
source

1

Merci pour la réponse élaborée, je dois quand même dire qu'elle ne répond pas à ma question. Bien que je sois pleinement conscient de ce qu'est un pixel, je sais également qu'une image vectorielle a des coordonnées en virgule flottante à l'intérieur, vous pouvez donc les aligner de n'importe quelle façon. Je suppose que la solution est de désactiver le snap-to-pixel et de créer une grille qui a des points de snap tous les 0.5px… c'est ce que je cherchais.

— sorin