Follow us on:

Home

Inkscape tutorial:

W poradniku tym zostaną przedstawione różne porady i sztuczki, których użytkownicy nauczyli się, używając Inkscape'a, oraz kilka „ukrytych” funkcji mogących przyspieszyć pracę.

Promieniowe rozmieszczanie wielokrotnych klonów

Łatwo jest dostrzec, jak używać polecenia „Utwórz układ klonów” dla prostokątnych siatek i deseni, ale co zrobić, jeżeli potrzebne jest ułożenie promieniste, w którym obiekty mają wspólny środek obrotu? To również jest możliwe!

Jeśli promieniowy deseń ma mieć tylko 3, 4, 6, 8 lub 12 elementów, można spróbować symetrii P3, P31M, P3M1, P4, P4M, P6 lub P6M. Te polecenia świetnie nadają się do tworzenia płatków śniegu i tym podobnych. Poniżej została opisana bardziej ogólna metoda.

Wybierz symetrię P1 (proste przesunięcie), a następnie wyrównaj to przesunięcie przechodząc do karty „Przesunięcie”. Wartość „Przesunięcie Y” dla wierszy i „Przesunięcie X” dla kolumn ustaw na -100%. Teraz wszystkie klony zostaną ułożone w stos nad oryginałem. Aby dokończyć dzieła, należy jeszcze wykonać obrócenie. Przejdź do karty „Obrót” i ustaw jakiś kąt obrotu dla kolumny, a następnie utwórz deseń złożony z jednego wiersza i wielu kolumn. Oto deseń utworzony z poziomej linii z 30 kolumnami, z każdą kolumną obróconą o 6 stopni.

An example image

Aby otrzymać z tego tarczę zegarową, należy przyciąć lub przykryć środkową część białym kołem. Pamiętaj, że przed wykonaniem operacji logicznych należy najpierw odłączyć klony.

Bardziej interesujące efekty można tworzyć używając jednocześnie wierszy i kolumn. Oto deseń składający się z 10 kolumn i 8 wierszy z rotacją 2 stopni dla wiersza i 18 dla kolumny. Każda grupa linii jest tutaj „kolumną”, więc grupy te są rozłożone co 18 stopni, a wewnątrz każdej kolumny pojedyncze linie są oddalone od siebie o 2 stopnie:

An example image

W powyższych przykładach linia była obracana wokół swego środka, ale co zrobić, jeśli chcemy, aby środek znajdował się poza kształtem? Należy utworzyć niewidoczny (bez wypełnienia i konturu) prostokąt, który przykryje kształt i którego środek będzie leżał w punkcie, wokół którego chcemy obrócić obiekt. Następnie należy zgrupować kształt i prostokąt oraz użyć polecenia „Utwórz układ klonów”. W ten sposób, dobierając losowo skalę, obroty i przypuszczalne krycie, można utworzyć ładną eksplozję lub wybuch gwiazdy.

An example image

How to do slicing (multiple rectangular export areas)?

Create a new layer, in that layer create invisible rectangles covering parts of your image. Make sure your document uses the px unit (default), turn on grid and snap the rects to the grid so that each one spans a whole number of px units. Assign meaningful ids to the rects, and export each one to its own file (File > Export Bitmap (Shift+Ctrl+E)). Then the rects will remember their export filenames. After that, it's very easy to re-export some of the rects: switch to the export layer, use Tab to select the one you need (or use Find by id), and click Export in the dialog. Or, you can write a shell script or batch file to export all of your areas, with a command like:

inkscape -i area-id -t filename.svg

Przełącznik -t każe użyć zapamiętanej nazwy pliku. Można również użyć eksportowanej nazwy pliku z przełącznikiem -e. Alternatywnym rozwiązaniem zautomatyzowania eksportu z Inkscape'a dokumentów SVG jest użycie narzędzia svgslice i użycie warstwy fragmentów albo prowadnic.

Gradienty nieliniowe

SVG w wersji 1.1 nie wspiera nieliniowych gradientów tj. takich, które mają nieliniowe przejścia między kolorami. Można jednak naśladować je za pomocą gradientów wielopunktowych.

Zacznij od prostego gradientu dwupunktowego. Otwórz „Edytor gradientu” (np. poprzez dwukrotne kliknięcie dowolnego uchwytu narzędziem „Gradient”). W środku dodaj nowy punkt i delikatnie go przeciągnij. Aby gradient miał gładsze przejścia, dodaj po obu stronach punktu środkowego po jednym nowym punkcie i także je trochę przeciągnij – gradient będzie bardziej wygładzony. Im więcej punktów dodasz, tym gładsze będą przejścia w gradiencie wynikowym. Oto wyjściowy czarno-biały gradient z dwoma punktami:

An example image

A oto różne „nieliniowe” wielopunktowe gradienty – sprawdź je w edytorze gradientu:

An example image

Niesymetryczne gradienty radialne

Gradienty radialne nie muszą być symetryczne. Będąc w trybie narzędzia „Gradient”, ze wciśniętym klawiszem [ Shift ] przeciągnij centralny uchwyt gradientu radialnego. W wyniku tego uchwyt ogniska gradientu w kształcie litery x, zostanie odsunięty od środka i określi nowe położenie ogniska gradientu. Uchwyt ten – jeśli nie chcesz zmiany położenia ogniska – można przeciągnąć z powrotem do środka gradientu.

An example image

Wyrównywanie do środka strony

To align something to the center or side of a page, select the object or group and then choose Page from the Relative to: list in the Align and Distribute dialog (Ctrl+Shift+A).

Czyszczenie dokumentu

Wiele nieużywanych gradientów, deseni i znaczników (dokładniej te, które były edytowane ręcznie) pozostaje we właściwych im paletach i można je użyć ponownie dla nowych obiektów. Chcąc zoptymalizować dokument, należy użyć polecenia „Wyczyść definicje”, które znajduje się w menu „Plik”. Polecenie to usunie wszystkie gradienty, desenie lub znaczniki, które nie są używane przez żadne obiekty w dokumencie. Dzięki temu plik będzie mniejszy.

Ukryte funkcje i edytor XML

The XML editor (Shift+Ctrl+X) allows you to change almost all aspects of the document without using an external text editor. Also, Inkscape usually supports more SVG features than are accessible from the GUI. The XML editor is one way to get access to these features (if you know SVG).

Zmiana jednostek pomiarowych linijek

W domyślnym szablonie jednostką miary użytą w linijkach jest piksel – px („jednostka użytkowa SVG”, w Inkscape'ie równa się ona 0,8pt lub 1/90 cala). Jest to też jednostka używana do wyświetlania współrzędnych w dolnym lewym rogu okna programu i wybrana wstępnie we wszystkich menu związanych z jednostkami. Zawsze można wskazać kursorem myszy linijkę i zobaczyć informację o stosowanej jednostce. By zmienić jednostkę, należy otworzyć okno dialogowe „Właściwości dokumentu” [ Ctrl+Shift+D ] i na karcie „Strona” zmienić domyślną jednostkę.

Stemplowanie

Aby szybko utworzyć wiele kopii obiektu, użyj „stemplowania”. W tym celu przeciągnij obiekt (lub przeskaluj go bądź obróć) i trzymając wciśnięty klawisz myszy, naciśnij spację. Operacja ta pozostawi „stempel” aktualnego kształtu obiektu. Stemplowanie może być wielokrotnie powtórzone.

Sztuczki z narzędziem „Pióro”

Narzędzie „Pióro” wyposażone jest w następujące opcje zakończenia linii:

Zauważ, że kiedy ścieżka jest nieukończona tj. wyświetlana na zielono, a ostatni jej segment na czerwono, nie istnieje jeszcze jako obiekt w dokumencie. Tak więc, by ją usunąć, można zamiast polecenia „Wycofaj”, użyć klawisza [ Esc ] – anuluje całą ścieżkę lub klawisza [ Backspace ] – usuwa ostatni segment nieukończonej ścieżki.

Aby do istniejącej ścieżki dodać nową subścieżkę, zaznacz ścieżkę i zacznij tworzyć ją z dowolnego punktu z przytrzymanym klawiszem [ Shift ]. Jeśli chcesz kontynuować istniejącą ścieżkę, klawisz [ Shift ] nie jest konieczny, po prostu rozpocznij rysowanie od jednego z końców zaznaczonej ścieżki.

Wprowadzanie wartości Unicode

W trybie narzędzia „Tekst” naciśnięcie skrótu [ Ctrl+U ] przełącza pomiędzy trybem Unicode a normalnym. W trybie Unicode każda grupa 4 szesnastkowych napisanych cyfr staje się pojedynczym znakiem Unicode. Ułatwia to wpisywanie zwykłych symboli pod warunkiem, że znasz odpowiednie kody Unicode i masz zainstalowaną właściwą czcionkę. Aby zakończyć wpisywanie symboli Unicode, należy nacisnąć klawisz [ Enter ]. Na przykład Ctrl+U 2 0 1 4 Enter wypisuje długi myślnik (—). Aby opuścić tryb Unicode bez wstawiania niczego, naciśnij klawisz Esc.

Stosowanie siatki do rysowania ikon

Załóżmy, że chcesz narysować ikonę o rozmiarze 24x24 pikseli. Stwórz dokument o takim właśnie rozmiarze (użyj „Właściwości dokumentu”) i ustaw odstępy siatki na 0,5 px (siatka 48x48). Jeżeli teraz wyrównasz wypełnione obiekty do parzystych linii siatki, a obiekty z konturem (kontur o szerokości podanej w px i liczbie parzystej) do nieparzystych linii siatki i następnie wyeksportujesz w domyślnej rozdzielczości 90 dpi (1 px stanie się 1 pikselem bitmapy), otrzymasz wyrazisty obrazek bitmapowy bez niepotrzebnego antyaliasingu.

Obracanie obiektu

Będąc w trybie narzędzia „Wskaźnik”, kliknij obiekt – zostaną wyświetlone strzałki skalowania. Ponowne kliknięcie obiektu spowoduje wyświetlenie strzałek służących do obracania i pochylania. Kliknięcie i ciągnięcie dowolnej narożnej strzałki powoduje obrót obiektu dookoła środka wyświetlonego jako znaczek krzyżyka. Ze wciśniętym klawiszem [ Shift ], nastąpi obrót względem przeciwnego narożnika. Środek obrotu można umieścić w dowolnym miejscu poprzez jego przeciągnięcie.

Obiekt można także obracać za pomocą klawiatury klawiszami [ [ ] i [ ] ] – obrót o 15 stopni lub skrótu [ Ctrl+[ ] i [ Ctrl+] ] – obrót o 90 stopni. Te same klawisze [ [] ] z przytrzymanym klawiszem [ Alt ] wykonują obrót o rozmiarze piksela.

Tworzenie cienia

Inkscape obsługuje filtr SVG „Rozmycie gaussowskie”. Dzięki temu można tworzyć rozmyte cienie obiektów. Aby to zrobić, zaznacz obiekt, powiel go za pomocą skrótu [ Ctrl+D ] i naciśnij klawisz [ PgDown ], by umieścić powielony element pod oryginalnym. Następnie przesuń go nieco w prawo i trochę poniżej oryginału. Otwórz teraz okno dialogowe „Wypełnienie i kontur” i zmień wartość rozmycia, np. na 5.0. To jest właśnie to!

Umieszczanie tekstu na ścieżce

Aby umieścić tekst wzdłuż krzywej, zaznacz zarówno tekst, jak i krzywą. Z menu „Tekst” wybierz polecenie „Wstaw na ścieżkę”. Tekst pojawi się na początku ścieżki. Ogólnie rzecz biorąc, lepiej jest utworzyć osobną ścieżkę, do której chcesz, żeby tekst był dopasowany, zamiast dopasowywać go do innego elementu rysunku – umożliwi to lepszą kontrolę bez zniekształcania rysunku.

Zaznaczanie oryginału

Kiedy masz już tekst na ścieżce, odsunięcie połączone lub klon, zaznaczenie źródłowego obiektu/ścieżki może być trudne, ponieważ może on leżeć poniżej lub być niewidoczny/zablokowany. Wówczas pomoże ci magiczny klawisz [ Shift+D ]. Zaznacz tekst, odsunięcie połączone lub klon i użyj skrótu [ Shift+D ], by przenieść zaznaczenie na odpowiednią ścieżkę, źródło przesunięcia lub oryginał klonu.

Przywracanie okna spoza ekranu

Podczas przenoszenia dokumentów pomiędzy systemami z różną rozdzielczością lub liczbą monitorów, może zdarzyć się, że zapisana przez Inkscape'a pozycja okna sprawi, iż znajdzie się ono poza zasięgiem twojego ekranu. Po prostu zmaksymalizuj okno, aby przywrócić jego widok – użyj do tego paska zadań, zapisz je, zamknij i ponownie wczytaj. By takiej sytuacji uniknąć, możesz wyłączyć opcję zapisywania ustawień okna w ustawieniach globalnych Inkscape'a – karta „Okna”.

Przezroczystość, gradienty i eksport do PostSCriptu

Formaty PostSCript i EPS nie obsługują przezroczystości, więc nie należy jej używać, jeżeli zamierza się eksportować dokument do PS/EPS. Łatwo to naprawić w przypadku równej przezroczystości nałożonej na jednolity kolor. Zaznacz jeden z przezroczystych obiektów, włącz narzędzie „Próbnik koloru” [ F7 ], upewnij się, że jest tylko w trybie wybierania kolorów i kliknij ten sam obiekt. W ten sposób pobierzesz widoczny kolor i przypiszesz go z powrotem do obiektu, ale tym razem bez przezroczystości. Powtórz tę czynność dla wszystkich przezroczystych obiektów. Jeśli twój przezroczysty obiekt pokrywa kilka obszarów o jednolitej barwie, należy podzielić go odpowiednio na fragmenty i zastosować tę procedurę do każdego z nich.

Eksport gradientów do PS lub EPS nie działa dla obiektów tekstowych, chyba że tekst został przekształcony na ścieżkę, i koloru konturu. Ponieważ przezroczystość podczas eksportu do PS lub EPS jest tracona, nie można zastosować przejścia od kryjącego niebieskiego do niebieskiego przezroczystego. Aby to obejść, zastąp je gradientem przechodzącym od kryjącego niebieskiego do kryjącego koloru tła.