Edycja ścieżek wektorowych daje precyzyjną kontrolę nad geometrią kształtów poprzez manipulację poszczególnymi węzłami i krzywymi Bezier. Twórz niestandardowe kształty lub modyfikuj istniejące, przesuwając punkty, dostosowując krzywe oraz dodając lub usuwając węzły.

Zrozumienie ścieżek wektorowych

Każdy kształt w Diagrammix3 składa się ze ścieżki zbudowanej z:

  • Węzłów (punktów zakotwiczenia) - Definiują, gdzie ścieżka zmienia kierunek
  • Segmentów - Linie lub krzywe łączące węzły
  • Uchwytów (punktów kontrolnych) - Kontrolują krzywiznę segmentów Bezier

Anatomia ścieżki wektorowej

Wchodzenie w tryb edycji ścieżki

Aby edytować ścieżkę kształtu:

  1. Zaznacz kształt, który chcesz edytować
  2. Wybierz jedną z tych metod:
    • Kliknij dwukrotnie kontur kształtu
    • Wybierz Edit → Edit Path z menu
    • Kliknij przycisk Edit Path w Inspektorze

Węzły kształtu stają się widoczne, a interfejs wchodzi w tryb edycji ścieżki.

Praca z węzłami

Zaznaczanie węzłów

  • Kliknij węzeł, aby go zaznaczyć
  • Shift+kliknij, aby zaznaczyć wiele węzłów
  • Cmd+A, aby zaznaczyć wszystkie węzły w ścieżce
  • Kliknij pusty obszar, aby odznaczyć wszystkie węzły

Przesuwanie węzłów

  1. Zaznacz jeden lub więcej węzłów
  2. Kliknij i przeciągnij, aby je przesunąć
  3. Przytrzymaj Shift podczas przeciągania, aby ograniczyć ruch do poziomu/pionu
  4. Użyj klawiszy strzałek do precyzyjnego przesuwania o 1 piksel

Dodawanie węzłów

Aby dodać nowy węzeł do ścieżki:

  1. Kliknij na dowolny segment (linię między dwoma węzłami)
  2. Nowy węzeł pojawia się w tym miejscu
  3. Ścieżka automatycznie dostosowuje się, aby uwzględnić nowy węzeł

Wskazówka: Dodawaj węzły tam, gdzie chcesz tworzyć nowe krzywe lub narożniki w swoim kształcie.

Usuwanie węzłów

Aby usunąć węzeł:

  1. Zaznacz węzeł(y), które chcesz usunąć
  2. Naciśnij Delete lub Backspace
  3. Ścieżka ponownie łączy sąsiednie węzły

Uwaga: Nie można usunąć węzła, jeśli spowodowałoby to pozostawienie ścieżki z mniej niż 3 węzłami.

Operacje na węzłach

Typy węzłów

Każdy węzeł ma typ, który kontroluje, jak ścieżka zakrzywia się przez niego:

Węzeł narożny

  • Tworzy ostry narożnik (bez krzywej)
  • Uchwyty są niezależne lub ukryte
  • Najlepszy do: kształtów kątowych, wielokątów, ostrych skrętów

Węzeł gładki

  • Tworzy gładką krzywą przez punkt
  • Oba uchwyty poruszają się razem, utrzymując wyrównanie
  • Długości uchwytów mogą się różnić
  • Najlepszy do: płynnych krzywych, organicznych kształtów

Węzeł ostrza

  • Pozwala na niezależną kontrolę krzywej po każdej stronie
  • Uchwyty mogą wskazywać w dowolnym kierunku
  • Najlepszy do: krzywych S, kształtów falistych, złożonych krzywych

Aby zmienić typ węzła:

  1. Zaznacz węzeł
  2. Kliknij prawym przyciskiem, aby otworzyć menu kontekstowe
  3. Wybierz Corner, Smooth lub Cusp

Alternatywnie użyj sekcji Path Inspektora, aby ustawić typ węzła.

Uchwyty Bezier

Uchwyty kontrolują krzywiznę segmentów ścieżki.

Wyświetlanie uchwytów

Gdy zaznaczysz węzeł, jego uchwyty Bezier stają się widoczne jako małe kółka połączone z węzłem cienkimi liniami.

Dostosowywanie uchwytów

  1. Kliknij i przeciągnij uchwyt, aby zmienić krzywą
  2. Przesunięcie uchwytu dalej od węzła tworzy szerszą, bardziej łagodną krzywą
  3. Przesunięcie uchwytu bliżej węzła tworzy ciaśniejszą, ostrzejszą krzywą
  4. Obrócenie uchwytu zmienia kierunek krzywej

Zachowanie uchwytów według typu węzła

  • Węzły narożne: Uchwyty są niezależne lub ukryte
  • Węzły gładkie: Uchwyty pozostają wyrównane (180° od siebie), długości niezależne
  • Węzły ostrza: Uchwyty są całkowicie niezależne

Kontrola uchwytów Bezier

Tworzenie niestandardowych kształtów od podstaw

Używanie narzędzia odręcznego wektorowego

  1. Wybierz narzędzie odręczne wektorowe z paska narzędzi
  2. Kliknij, aby umieścić pierwszy węzeł
  3. Kontynuuj klikanie, aby dodawać kolejne węzły
  4. Kliknij dwukrotnie lub naciśnij Enter, aby zakończyć kształt

Kształt automatycznie zamyka się, łącząc ostatni węzeł z pierwszym.

Używanie narzędzia ścieżki wektorowej

Dla większej kontroli:

  1. Wybierz narzędzie ścieżki wektorowej
  2. Kliknij, aby umieścić każdy węzeł
  3. Przeciągnij podczas umieszczania węzła, aby utworzyć uchwyty krzywej
  4. Zakończ ścieżkę, łącząc się z powrotem do pierwszego węzła

Zaawansowane operacje na ścieżkach

Łączenie ścieżek

Scal wiele kształtów w jeden:

  1. Zaznacz dwa lub więcej kształtów
  2. Wybierz Edit → Combine Paths
  3. Kształty łączą się w jedną ścieżkę

Dzielenie ścieżek

Podziel zamkniętą ścieżkę na segmenty:

  1. Wejdź w tryb edycji ścieżki
  2. Zaznacz węzeł, w którym chcesz podzielić ścieżkę
  3. Wybierz Edit → Break Path

Odwracanie kierunku ścieżki

Zmień kolejność węzłów w ścieżce:

  1. Zaznacz kształt
  2. Wybierz Edit → Reverse Path Direction

Jest to przydatne podczas pracy z łącznikami, które podążają za kierunkiem ścieżki.

Optymalizacja ścieżek

Diagrammix3 może automatycznie czyścić ścieżki:

  1. Zaznacz kształt z wieloma węzłami
  2. Wybierz Edit → Optimize Path
  3. Aplikacja usuwa zbędne węzły, zachowując kształt

Jest to przydatne po:

  • Importowaniu plików SVG z nadmierną liczbą węzłów
  • Odrysowywaniu ręcznie rysowanych ścieżek
  • Konwersji tekstu na kontury

Praktyczne przykłady

Tworzenie niestandardowej strzałki

  1. Zacznij od prostokąta
  2. Wejdź w tryb edycji ścieżki
  3. Dodaj węzły na prawej krawędzi
  4. Przesuń węzły, aby utworzyć ostry koniec strzałki
  5. Dostosuj krzywe dla gładkich przejść

Modyfikacja dymku

  1. Zacznij od elipsy
  2. Wejdź w tryb edycji ścieżki
  3. Dodaj węzeł na dole
  4. Przeciągnij go na zewnątrz, aby utworzyć wskaźnik
  5. Dostosuj uchwyty Bezier dla gładkich krzywych

Tworzenie gwiazdy

  1. Użyj narzędzia Polygon, aby utworzyć regularny wielokąt
  2. Wejdź w tryb edycji ścieżki
  3. Dodaj węzły między każdym istniejącym węzłem
  4. Przeciągnij naprzemiennie węzły na zewnątrz, aby utworzyć ramiona

Przykłady niestandardowych kształtów

Wskazówki

  1. Zacznij prosto - Zaczynaj od podstawowych kształtów, a następnie modyfikuj je przez edycję ścieżki
  2. Używaj mniej węzłów - Prostsze ścieżki są łatwiejsze do edycji i szybciej się renderują
  3. Gładkie krzywe wymagają gładkich węzłów - Używaj gładkich lub ostrych węzłów dla zakrzywionych segmentów
  4. Powiększaj dla precyzji - Zbliż się, gdy dostosowujesz drobne szczegóły
  5. Ćwicz na duplikatach - Skopiuj kształt przed edycją ścieżki na wypadek, gdybyś chciał cofnąć
  6. Używaj przyciągania do siatki - Włącz przyciąganie do siatki dla geometrycznej precyzji

Skróty klawiaturowe

  • Enter lub Kliknij dwukrotnie - Wejdź/wyjdź z trybu edycji ścieżki
  • Delete - Usuń zaznaczony węzeł(y)
  • Cmd+A - Zaznacz wszystkie węzły
  • Klawisze strzałek - Przesuń zaznaczone węzły o 1 piksel
  • Shift+klawisze strzałek - Przesuń o 10 pikseli
  • Esc - Wyjdź z trybu edycji ścieżki

Ograniczenia

  • Nie można edytować ścieżek obiektów łączników (tylko kształtów)
  • Zgrupowane kształty muszą być rozgrupowane przed edycją ścieżki
  • Niektóre operacje (jak obracanie) mogą wpływać na pozycje uchwytów Bezier

Tematy powiązane