# exlibris i Path Effects (narzędzie Edycji Ścieżek)

<p class="callout info">**Path Effects** (*Efekty Ścieżki*) w Inkscape to specjalne <span style="text-decoration: underline;">modyfikacje</span>, które zmieniają wygląd ścieżek <span style="text-decoration: underline;">bez </span>ich trwałego przekształcania. Można je edytować lub usuwać w dowolnym momencie. Efekty działają jak nakładane "filtry" które dopiero po zmianie ścieżki na krzywe wpływają na jej geometrię (a nie tylko na podgląd).</p>

#### **Kiedy warto skorzystać z narzędzia edycji ścieżek?**

1. <span style="color: rgb(0, 0, 0);">**Zniekształcanie i gięcie** – np. *Lattice Deformation* (siatka odkształcająca) lub *Bend* (zginanie).</span>
2. <span style="color: rgb(0, 0, 0);">**Tworzenie efektów typograficznych** – np. *Envelope Deformation* (obwiednia) do zmiany kształtu liter.</span>
3. <span style="color: rgb(0, 0, 0);">**Rysowanie wzdłuż ścieżki** – *Pattern Along Path* pozwala układać tekst lub obiekty wzdłuż krzywej.</span>
4. <span style="color: rgb(0, 0, 0);">**Modyfikacja kątów i narożników** – np. *Fillet/Chamfer* do zaokrąglania rogów.</span>
5. <span style="color: rgb(0, 0, 0);">**Generowanie dynamicznych kształtów** – np. *Knot* do tworzenia efektów węzłów.</span>

#### **Omówienie wybranych narzędzi edycji ścieżek:**

##### <span style="color: rgb(0, 0, 0);">**1. Lattice Deformation (Siatka Odkształcająca)**</span>

<span style="color: rgb(0, 0, 0);">*Lattice Deformation* może kojarzyć się np. z Bounding Box z programu do modelowania 3D o nazwie Rhinoceros. Efekt ten pozwala na elastyczne odkształcanie obiektów, takich jak tekst, za pomocą siatki kontrolnej.</span>

*<span style="color: rgb(0, 0, 0);">Jak to działa?</span>*

1. <span style="color: rgb(0, 0, 0);">Otwierasz program graficzny Inkscape</span>
2. <span style="color: rgb(0, 0, 0);">Za pomocą narzędzia (u mnie narzędzia tekstowego) **tworzysz obiekt** (u mnie napis)</span>
3. <span style="color: rgb(0, 0, 0);">**Dodajesz efekt** – za pomocą \[Selector Tool\] wybierasz tekst i dodajesz efekt poprzez: \[Path➡️ Path Effects ➡️ Distort ➡️ Lattice Deformation\]</span>
4. <span style="color: rgb(0, 0, 0);">**Pojawia się siatka** – Domyślnie ma 3x3 punkty kontrolne (można to zmienić).</span>
5. <span style="color: rgb(0, 0, 0);">**Przeciągasz punkty** – za pomocą \[Node Tool\], tekst wygina się zgodnie z siatką.</span>
6. <span style="color: rgb(0, 0, 0);">**Precyzyjna edycja** – Możesz dodać więcej punktów dla lepszej kontroli.</span>
7. <span style="color: rgb(0, 0, 0);">**Finalizacja** – Zamieniasz efekt na ścieżkę \[Path➡️Object to Path\], co utrwala deformację. Jeśli coś nie działa, spróbuj rozgrupować elementy \[Object ➡️ Ungroup\] lub skorzystaj z funkcji Path ➡️ Flatten.</span>
8. <span style="color: rgb(0, 0, 0);">Zapisujesz swój projekt.</span>

<span style="color: rgb(0, 0, 0);">Dzięki temu możesz np. zakrzywiać napisy w unikalny sposób <span style="text-decoration: underline;">bez konieczności konwersji na ścieżkę na początku</span>. Poniżej przestawiam kolejne działania na screenshotach:</span>

<span style="color: rgb(0, 0, 0);">1. Wybieram typografię dla projektu - font i jego odmianę, wielość i ogólny układ liternictwa:</span>

[![Zrzut ekranu 2025-02-10 125633.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/dJPzrzut-ekranu-2025-02-10-125633.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/dJPzrzut-ekranu-2025-02-10-125633.png)

2\. Opcjonalnie: Rysuję sobie linie pomocnicze, dodaję element graficzny (np. kwiatek). Ten krok sugeruję pominąć na warsztatach trzygodzinnych.

[![Zrzut ekranu 2025-02-10 132449.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/9jwzrzut-ekranu-2025-02-10-132449.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/9jwzrzut-ekranu-2025-02-10-132449.png)

3\. <span style="color: rgb(0, 0, 0);">Path➡️ Path Effects ➡️ Distort ➡️ Lattice Deformation  
Jeśli nie widzisz efektu w oknie ekranu, rozwiń wszystkie efekty z paska po prawej stronie jak pokazuję poniżej:</span>

<table border="1" id="bkmrk--2" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 24.9088%;"></col><col style="width: 75.0674%;"></col></colgroup><tbody><tr><td>[![Zrzut ekranu 2025-02-10 132538.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-10-132538.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-10-132538.png)  
</td><td>[![Zrzut ekranu 2025-02-10 132630.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-10-132630.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-10-132630.png)</td></tr></tbody></table>

 4. Teraz pokazuję, jak działają efekty czyli nasze odwracalne "filtry" na grafikę. Widać to dobrze w trybie wyświetlania typu Outline. Aby włączyć ten tryb wyświetlania podążam ścieżką (z górnego menu): \[View <span style="color: rgb(0, 0, 0);">➡️</span> Display Mode <span style="color: rgb(0, 0, 0);">➡️</span> Outline\] [![Zrzut ekranu 2025-02-10 135250.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-10-135250.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-10-135250.png)

5\. Kiedy efekt jest tym czego szukam zatwierdzam go poprzez:

<table border="1" id="bkmrk--3" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 24.9088%;"></col><col style="width: 75.0674%;"></col></colgroup><tbody><tr><td>[![Zrzut ekranu 2025-02-10 135005.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-10-135005.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-10-135005.png)</td><td>[![Zrzut ekranu 2025-02-10 135616.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-10-135616.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-10-135616.png)</td></tr></tbody></table>

6\. Tak przedstawia się efekt końcowy (po prawej) w zestawieniu z typografią bez efektu edycji ścieżki (po lewej). Narzędzie siatki odkształcającej (<span style="color: rgb(0, 0, 0);">*Lattice Deformation)*</span> przyda się np. podczas projektowania ex librisu :)

[![Zrzut ekranu 2025-02-11 191303.png](https://wiki.robisz.to/uploads/images/gallery/2025-02/scaled-1680-/zrzut-ekranu-2025-02-11-191303.png)](https://wiki.robisz.to/uploads/images/gallery/2025-02/zrzut-ekranu-2025-02-11-191303.png)