Blog Metlivi

Jak wyciąć przerwę w grubym wektorowym obrysie

Aby wyciąć równą przerwę w grubym wektorowym obrysie, zamień obrys na wypełniony kształt, umieść na nim zamknięty kształt tnący i odejmij go. W programie Adobe Illustrator kluczowe polecenia to Obrysuj kontur i Odejmij z przodu. Ta metoda daje bezpośrednią kontrolę nad szerokością i kątem przerwy. Adobe: Konwertowanie obrysów na ścieżki złożone, Adobe: Omówienie panelu Pathfinder

Ten poradnik jest przeznaczony dla osób edytujących wektorowe ilustracje postaci — na przykład dodających celową przerwę w grubym, okrągłym detalu lub zakrzywionym obrysie. Główna instrukcja dotyczy programu Illustrator na komputerze, a poniżej znajduje się odpowiednik dla Inkscape. Celem jest utworzenie rzeczywistej przerwy w grafice, przez którą będzie widać to, co znajduje się za nią.

29 października 20267 min czytaniaAutor: Metlivi Editorial Team
Sekcja 1

Dlaczego przed utworzeniem przerwy należy zamienić obrys?

Gruby obrys ma edytowalną ścieżkę i widoczną szerokość. Zamiana go na kontur przekształca wygląd obrysu w geometrię, którą można modyfikować. Adobe opisuje konwersję obrysu jako sposób na zmianę jego konturu lub podzielenie go na części. Adobe: Konwertowanie obrysów na ścieżki złożone

Na potrzeby tego zadania potraktuj zamieniony obrys jak wstążkę. Kształt tnący wyznacza fragment wstążki, który chcesz usunąć. Jego dwie boczne krawędzie określają granice przerwy, a jego długość decyduje o tym, czy przecina wstążkę na całej szerokości.

To rozróżnienie pomaga wybrać metodę. Użyj odejmowania, jeśli chcesz uzyskać prostokątną, ukośną lub niestandardową przerwę. Jeśli chcesz zachować edytowalną linię środkową obrysu i po prostu usunąć jej fragment, lepsza może być edycja węzłów. Inkscape opisuje na przykład polecenie, które usuwa odcinek między dwoma węzłami niebędącymi końcowymi i pozostawia przerwę. Inkscape Beginners’ Guide: Opcje narzędzia Węzły

Sekcja 2

Przygotuj detal postaci i wybierz miejsce przerwy

Zapisz edytowalną kopię przed zamianą obrysu. Oryginał umieść na osobnej, ukrytej warstwie, aby później móc wrócić do jego szerokości i krzywizny. Pracuj nad jednym detalem naraz; zaznaczenie całej postaci utrudnia sprawdzenie, na które obiekty wpłynie odejmowanie.

Na początek użyj prostej krzywej lub okręgu z jednolitym obrysem i bez wypełnienia. Jeśli istniejący detal postaci ma również wypełnienie, zdecyduj, czy ma ono pozostać nienaruszone. Adobe zwraca uwagę, że po obrysowaniu obrysu wynikowa ścieżka złożona może pozostać zgrupowana z wypełnionym obiektem, dlatego przed dalszymi działaniami sprawdź zaznaczenie. Adobe: Konwertowanie obrysów na ścieżki złożone

Przed narysowaniem kształtu tnącego zdecyduj o trzech rzeczach:

  • Położenie: gdzie na krzywej ma znaleźć się przerwa.
  • Szerokość: jakiej widocznej odległości między jej krawędziami potrzebujesz.
  • Kierunek: czy przerwa ma przebiegać prosto w poprzek obrysu, czy pod kątem.

Zacznij od prostokąta, jeśli chcesz uzyskać prostą przerwę. Ustaw go tak, aby wystawał poza obie widoczne krawędzie grubego obrysu. Kształt tnący, który kończy się wewnątrz obrysu, utworzy wcięcie; kształt przecinający obrys na całej szerokości utworzy przerwę. Wynika to bezpośrednio z odejmowania wyłącznie nakładającego się obszaru.

Sekcja 3

Wytnij przerwę w programie Adobe Illustrator

Wykonaj poniższe kroki, aby zmodyfikować prosty detal z obrysem:

  1. Zaznacz tylko obrys, który chcesz zmodyfikować.
  2. Wybierz Obiekt > Ścieżka > Obrysuj kontur.
  3. Sprawdź wynik i zaznacz obrysowany kontur osobno, bez pierwotnego wypełnienia.
  4. Narysuj prostokąt z widocznym wypełnieniem i bez obrysu, przecinający miejsce planowanej przerwy.
  5. Umieść prostokąt przed obrysowanym konturem.
  6. Zaznacz jednocześnie prostokąt i obrysowany kontur.
  7. Otwórz Okno > Pathfinder i wybierz Odejmij z przodu.

Adobe opisuje Obrysuj kontur jako polecenie konwersji, a Odejmij z przodu jako operację, która usuwa obiekty znajdujące się z przodu i odejmuje ich nakładające się obszary od obiektu znajdującego się najniżej. Kolejność ma znaczenie: detal postaci musi znajdować się za kształtem tnącym. Adobe: Konwertowanie obrysów na ścieżki złożone, Adobe: Omówienie panelu Pathfinder

Usuń zaznaczenie wyniku i sprawdź obie krawędzie przerwy. Jeśli trzeba zmienić jej położenie lub szerokość, cofnij odejmowanie i zmodyfikuj prostokąt. Przy pierwszej edycji łatwiej kontrolować prosty kształt tnący niż przesuwać kilka nowo utworzonych węzłów granicznych.

Nie pomyl polecenia Obrysuj kontur z opcją Kontur w panelu Pathfinder. Adobe opisuje opcję Kontur w Pathfinderze jako tworzącą ścieżki bez obrysu i wypełnienia; służy ona do czegoś innego niż zamiana grubego obrysu w kształt, od którego można odejmować. Adobe: Omówienie panelu Pathfinder

Sekcja 4

Dobierz rozmiar kształtu tnącego na przykładzie

Rozważ przykładowy detal postaci: poziomy fragment krzywej z obrysem o grubości 20 px, w którym chcesz uzyskać przerwę o szerokości 12 px. Te wymiary są przykładowymi wartościami, a nie zalecanym standardem projektowym.

Aby wykonać cięcie prostopadłe do tego lokalnie poziomego fragmentu, zacznij od prostokąta o szerokości 12 px i wysokości 30 px. Wyśrodkuj go na grubości obrysu. Dodatkowe 10 px wysokości daje po 5 px zapasu z każdej strony, dzięki czemu kształt tnący wyraźnie przecina całą wstążkę.

Każdy z tych dwóch wymiarów pełni osobną funkcję:

Wymiar kształtu tnącego Zastosowanie w tym przykładzie
Szerokość 12 px Określa poziomą przerwę między pozostałymi krawędziami
Wysokość 30 px Przecina obrys o grubości 20 px z dodatkowym zapasem
Położenie Określa, gdzie pojawi się przerwa
Obrót Określa kierunek cięcia

Ta konstrukcja zakłada, że obrys jest lokalnie poziomy, a prostokąt ustawiony jest prostopadle do niego. Na zakrzywionym fragmencie lub po obróceniu prostokąta ponownie sprawdź cały obszar nakładania. W razie potrzeby zwiększ długość kształtu tnącego i upewnij się, że nie nachodzi on na sąsiednią część postaci.

Aby uzyskać ukośną przerwę, obróć kształt tnący przed odjęciem. Jego szerokość jest wtedy mierzona w poprzek obróconego prostokąta, więc nie należy jej interpretować jako tej samej poziomej miary przerwy. Oceń wynik pod kątem kierunku, w którym potrzebujesz wolnej przestrzeni.

Sekcja 5

Wykonaj podobne czynności w programie Inkscape

Inkscape udostępnia te same podstawowe operacje: zamianę obrysu w obiekt oraz odjęcie jednej ścieżki od drugiej. Dokumentacja podkreśla również, że kolejność ułożenia obiektów wpływa na operacje logiczne. Inkscape Beginners’ Guide: Opcje narzędzia Węzły, Inkscape Beginners’ Guide: Operacje logiczne

Zaznacz obrys postaci i użyj polecenia Ścieżka > Obrys na ścieżkę. Sprawdź zamieniony obiekt, a następnie narysuj wypełniony prostokąt bez obrysu na planowanej przerwie. Umieść prostokąt nad zamienionym obrysem, zaznacz oba obiekty i wybierz Ścieżka > Różnica. Polecenie Różnica odejmuje jedną ścieżkę od drugiej; zmodyfikowany zostanie dolny obiekt. Inkscape Beginners’ Guide: Operacje logiczne

Jeśli operacja nie przyniesie rezultatu, przed zmianą innych ustawień przeczytaj komunikat na pasku stanu programu Inkscape. Zgodnie z instrukcją właśnie tam znajduje się informacja o przyczynie niepowodzenia operacji logicznej. Inkscape Beginners’ Guide: Operacje logiczne

Sekcja 6

Sprawdź, dlaczego przerwa wygląda nieprawidłowo

Sprawdzaj geometrię i zaznaczenie zawsze w tej samej kolejności. Poniższe wskazówki to praktyczne wnioski wynikające z opisanych zachowań konwersji i odejmowania.

Co widzisz Co sprawdzić Następne działanie
Płytkie wcięcie Kształt tnący kończy się wewnątrz grubego konturu Przedłuż go poza obie krawędzie
Pozostaje niewłaściwy obiekt Kształt tnący znajduje się za detalem postaci Cofnij operację i odwróć kolejność obiektów
Znika zbyt duża część grafiki Kształt tnący nachodzi na inną część lub zaznaczono dodatkowe obiekty Ogranicz zaznaczenie i przesuń kształt tnący
Przerwa nadal jest zakryta Pierwotne wypełnienie lub duplikat pozostały za edytowanym konturem Sprawdź te obiekty osobno
Nowo wycięte krawędzie mają niechciany obrys Wynik ma dodatkowy obrys Sprawdź ustawienia wypełnienia i obrysu
Przerwa wygląda dobrze tylko na białym tle Obszar może być zakryty białym obiektem Sprawdź wynik na kontrastowym tle

Odróżnij też wycięcie kształtu od przerwy między końcami aktywnego obrysu. Ustawienia zakończeń w programie Illustrator dotyczą otwartych linii: zakończenia płaskie tworzą proste końce, zaokrąglone tworzą końce półkoliste, a wysunięte wystają poza koniec o połowę szerokości linii. Te ustawienia wpływają na widoczne zakończenia, jeśli zachowujesz edytowalny obrys. Adobe: Zastosuj obrys do obiektu

Po zamianie i odjęciu obejrzyj bezpośrednio granice wynikowego kształtu. Jeśli chcesz uzyskać inne kąty krawędzi, cofnij operację i zmodyfikuj kształt tnący. Jeśli zależy Ci na zwykłych zaokrąglonych zakończeniach obrysu i dalszej kontroli nad jego szerokością, przed zatwierdzeniem kształtu rozważ ponownie edycję fragmentu ścieżki.

Sekcja 7

Sprawdź przerwę w gotowej ilustracji postaci

Umieść tymczasowy, kontrastowy prostokąt za edytowanym detalem. Powinien być widoczny przez całą przerwę. Przesuń go nieco, aby upewnić się, że widzisz tło przez przerwę, a nie obiekt zakrywający ją, który przypadkiem ma ten sam kolor.

Następnie obejrzyj postać w docelowym rozmiarze wyświetlania. Przerwa wyraźna przy dużym powiększeniu może być zbyt wąska dla zamierzonego efektu wizualnego. Dostosuj ją do docelowego rozmiaru i sprawdź obie krawędzie cięcia pod kątem drobnych pozostałości lub przypadkowych nałożeń.

Zachowaj edytowalny oryginał obok ukończonej wersji. Gotowy detal powinien mieć wybraną przerwę, odsłaniać grafikę znajdującą się za nim i zachowywać otaczającą krzywą. Po wykonaniu tych kontroli usuń tymczasowe tło i zapisz edytowaną ilustrację postaci.

Sekcja 8

Źródła

Warto przeczytać

Eksploruj dalej ten temat