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
źródło
Odpowiedzi:
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:
I z podglądem pikseli:
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% ....
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 ...
(Dolna krawędź spoczywa na pół piksela. Czarna krawędź ma szerokość pół piksela).
I podgląd pikseli ....
Och, ale wyłączmy „Anti-Alias Artwork” w preferencjach programu Illustrator i spójrzmy na Pixel Preview…
Odpowiedź naprawdę nie polega na pracy przy 0,5 pikselach, ale na zmianie grafiki, aby wyglądała poprawnie na pełnych pikselach.
źródło
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.
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.
źródło