Dlaczego zwektoryzowane litery tracą otwory

Przeciwświatło to zamknięta przestrzeń wewnątrz litery. Otwór w O, trójkąt w A, oczka w B i g, szczelina w R. Typografowie mają na to osobne słowo, bo to ważne: literę definiuje jej przestrzeń negatywna w tym samym stopniu co kreski.

W pliku wektorowym ta przestrzeń negatywna musi być zapisana jako rzeczywisty brak. Zwykle służy do tego ścieżka złożona: jeden kształt zawiera drugi, a reguła wypełnienia mówi programowi, które obszary pomalować. Jeśli zrobione jest to poprawnie, dostajesz prawdziwy otwór, przez który widać wszystko, co leży pod spodem.

Wiele programów do automatycznej wektoryzacji działa tak, że znajduje obszary o podobnym kolorze i obrysowuje każdy z nich. Czarne O na białym tle ma dwa takie obszary: czarny pierścień i biały krążek w środku.

Dostajesz więc dwa kształty. Czarny pierścień – poprawnie. I biały krążek leżący na nim.

Na białej stronie nie da się tego odróżnić od poprawnego wyniku. Biały krążek zlewa się z białym tłem, a oko widzi otwór.

To nie jest otwór. To biały obiekt.

Na kolorowym tle. Połóż logo na czymkolwiek innym niż biel, a krążki pojawią się jako blade plamy. Tę wersję ludzie wyłapują na czas – zwykle jakieś cztery minuty przed prezentacją.

Na maszynie tnącej. Laser ani nóż nie zwracają uwagi na kolor. Widzą dwie zamknięte ścieżki i tną obie. Pierścień zostaje wycięty, krążek zostaje wycięty i teraz leży na stole jako luźny kawałek materiału. Czasem właśnie o to chodzi. Często oznacza to, że środek twojego O zniknął.

W przeglądarce albo przeglądarce obrazów: połóż SVG na kolorowym prostokącie. Jeśli przeciwświatła zmieniają kolor razem z tłem, to prawdziwe otwory. Jeśli zostają białe, to obiekty.

W edytorze: kliknij wnętrze litery. Jeśli nic się nie zaznacza, otwór jest otworem. Jeśli zaznacza się kształt – nie jest.

W kodzie: otwórz SVG w edytorze tekstu. Poprawnie zbudowane przeciwświatło to jeden element <path>, którego atrybut d zawiera oba kontury, a resztę załatwia reguła wypełnienia. Dwa osobne elementy <path> z różnymi wypełnieniami to wersja zepsuta. Pamiętaj, że same dwie podścieżki nie gwarantują otworu: przy fill-rule="evenodd" zagnieżdżone kontury na przemian są wypełnione i puste, a przy nonzero o wyniku decyduje kierunek, w jakim narysowano każdy kontur.

Odejmowanie logiczne. Zaznacz zewnętrzny i wewnętrzny kształt, a potem odejmij jeden od drugiego. W Figmie znajdziesz to wśród operacji logicznych (Boolean); w Inkscapie to Path › Difference; w Illustratorze – Pathfinder › Minus Front. To najpewniejsza droga.

Zbuduj ścieżkę złożoną od nowa. Jeśli odejmowanie sprawia kłopot, połącz zewnętrzny i wewnętrzny kontur w jedną ścieżkę (w Inkscapie Path › Combine, w Illustratorze Object › Compound Path › Make), a potem sprawdź regułę wypełnienia. Przy evenodd zagnieżdżone kontury są na przemian wypełnione i puste. Przy nonzero liczy się kierunek konturu, a odwrócenie wewnętrznego konturu często rozwiązuje uparty przypadek. Testuj na kolorowym tle i sprawdzaj wyeksportowany plik, zamiast ufać podglądowi w edytorze.

Spróbuj z przezroczystym źródłem. Jeśli oryginał ma przezroczyste tło zamiast białego, niektóre programy za pierwszym razem poprawnie tworzą otwory, bo nie ma białego obszaru do obrysowania. To zależy od narzędzia i tego, jak obsługuje kanał alfa, więc traktuj to jako coś, co warto wypróbować, a nie pewną poprawkę.

Warto to powiedzieć: przeciwświatło wypełnione bielą nie zawsze jest błędem. Jeśli logo zawsze pojawia się na białym tle, w druku na białym papierze, i nic nie jest cięte, plik działa. To nie znak, że narzędzie jest zepsute.

Problem zaczyna się w chwili, gdy plik opuszcza ten kontekst – a pliki zawsze go opuszczają. Wersja wysłana do drukarni to ta sama, którą ktoś później wrzuci na granatowy slajd.

Połóż go na trzech tłach: białym, średnim tonie i czarnym. Dziesięć sekund, a wyłapiesz każde przeciwświatło w pliku.

Jeśli wycinasz litery jako jeden element, pamiętaj, że prawdziwe przeciwświatła potrzebują mostków. Po wycięciu otworu środek litery O fizycznie nie ma podparcia. Dodaj małe łączniki z pierścieniem albo zaplanuj dwa elementy. Poradnik o cięciu laserowym omawia pozostałe kontrole przed cięciem.

Tracer daje SVG za darmo, a test tła zajmuje mniej czasu niż przeczytanie tego akapitu.