Jak przyciągać do każdego pół piksela (0,5) w programie Illustrator?

11

Próbuję zoptymalizować grafikę wektorową, aby dobrze wyrównała się z pikselami, ale jeśli próbuję wyrównać siatkę do pikseli, tracę zbyt wiele z jakości i nadal muszę być w stanie przyciągać z przyrostami 0,5 piksela.

Jak mogę uzyskać takie zachowanie? … Bez utraty funkcji widoku pikseli.

adobe-illustrator pixel-art

— sorin
źródło

1

Dlaczego nie skalować grafiki do 200%, a następnie co pół piksela współrzędna staje się współrzędną pełnego piksela. Następnie można skalować z powrotem po.

— Dom

1

Problem polega na tym, że nie ma czegoś takiego jak pół piksel. Każda część piksela jest zaokrąglana w górę / w dół. Będziesz chciał wybrać alternatywną jednostkę miary.

— Andrew

@Andrew Wreszcie, bardzo przydatny komentarz, oznacza to, że muszę użyć pt i zmienić dpi, aby zmapować 1: 1, ale przynajmniej może być zmiennoprzecinkowy.

— sorin

8

Można skonfigurować aa Siatka w preferencjach mieć każdy .5pt linii siatki (tak samo jak px w AI). Następnie włącz Snap to Grid w menu View . Umożliwi to przyciąganie do przyrostów .5px. To jednak nie będzie miało znaczenia.

Podczas gdy możesz umieścić obiekt na 1/2 piksela (lub 1/2 punktu w programie Illustrator), po wydruku wszystko jest dostosowywane (wygładzane) do pełnych pikseli. Można to zobaczyć, włączając Podgląd pikseli w menu Widok .

Na przykład ... kwadrat 1/2 piksela:

pół piksela

I z podglądem pikseli:

zapowiedź

Możesz zobaczyć, że pół piksela są konwertowane na pełne piksele po wydrukowaniu. Program Illustrator nie będzie wyświetlał grafiki w połowie pikseli.

Zapisz obraz pół piksela ... otwórz w Photoshopie i powiększ 3200% ....

powiększony

Wszystkie pół piksela zostaną wygładzone i potraktowane w ten sposób na wyjściu. Wszelkie wysiłki włożone w konstruowanie ograniczeń .5 pikseli zostaną unieważnione przez każde wyjście pliku, ponieważ pojedynczy piksel jest najmniejszym elementem ekranu.

Ale prawdopodobnie mówisz do siebie: „Potrzebuję tylko krawędzi, aby usiąść na pół piksela. Nie na obrazie pół piksela”.

Cóż, krawędzie będą również wygładzane do najbliższego piksela ...

krawędzie

(Dolna krawędź spoczywa na pół piksela. Czarna krawędź ma szerokość pół piksela).

I podgląd pikseli ....

zapowiedź

Och, ale wyłączmy „Anti-Alias Artwork” w preferencjach programu Illustrator i spójrzmy na Pixel Preview…

bez antyaliasingu

Odpowiedź naprawdę nie polega na pracy przy 0,5 pikselach, ale na zmianie grafiki, aby wyglądała poprawnie na pełnych pikselach.

— Scott
źródło

Wspaniała odpowiedź i ku twojemu zdziwieniu wydaje się pasować do moich potrzeb, ponieważ chciałem móc przyciągnąć punkty kierunkowe do 0,5 piksela, podczas gdy punkty kontrolne są w pełnych pikselach.

— sorin

Ahh .. przyciąganie uchwytów przy 1/2 pikselach, podczas gdy kotwice są na pełnych pikselach, ma sens :)

— Scott

2

W niektórych przypadkach wektory mogą nieco zmienić reguły, ale ogólnie rzecz biorąc, nie ma przyrostu o 0,5 piksela. (Chyba że mówimy o CSS px na urządzeniach siatkówki, ale to zupełnie inny temat)

Piksel to najmniejsza jednostka na monitorze.

wprowadź opis zdjęcia tutaj

Na powyższym zdjęciu każdy zestaw jednego czerwonego, jednego zielonego i jednego niebieskiego światła to pojedynczy piksel. Urządzenie mówi ekranowi, jak zrównoważyć jasność tych trzech kolorów jeden zestaw (piksel) na raz, aby Twoje oczy dostrzegły dany kolor. Twój monitor nie uważa, że jednostki są mniejsze.

Istnieją pewne wyjątki graniczne. Na przykład obramowanie kształtu wektora, który nie jest idealnie wyrównany z pikselami, dlatego występuje pewien rodzaj wygładzania. Nadal jednak tak naprawdę żadna firma zajmująca pół piksela nie dzieje się, zanim informacja dotrze do twojego monitora. Ponadto w przypadku urządzeń ultra HD, takich jak nowoczesne smartfony, piksel w CSS nie jest już równy jednemu pikselowi. Nadal nie ma pół piksela, ale na urządzeniach z siatkówką (ultra HD), ze względu na rozmowę, możesz uznać piksel za pół piksela, ponieważ współczynnik pikseli wynosi 2: 1.

— Eric
źródło

1

Dzięki za szczegółową odpowiedź, wciąż muszę powiedzieć, że nie odnosi się ona do mojego pytania. Chociaż jestem w pełni świadomy, czym jest piksel, wiem też, że obraz wektorowy ma współrzędne zmiennoprzecinkowe, więc możesz je wyrównać w dowolny sposób. Myślę, że rozwiązaniem jest wyłączenie przyciągania do piksela i utworzenie siatki, która ma punkty przyciągania co 0,5 piksela… tego właśnie szukałem.

— sorin