plik

Rozwiązania

Edytor graﬁ ki wektorowej Inkscape

czerwiec 2008

linux@software.com.pl

nstalacja programu nie powinna być kłopotliwa,

ponieważ znajduje się on w repozytoriach popu-

larnych dystrybucji Linuksa oraz w portach sys-

temów z rodziny BSD. Aby zainstalować Inksca-

pe w Ubuntu wystarczy wpisać w konsoli

sudo apt-get

install inkscape

lub wybrać pakiet Inkscape w gra-

ficznym menedżerze pakietów (np. Synapticu). W tym

artykule opisuję Inkscape w wersji 0.45.

Obsługa programu jest bardzo intuicyjna i szybko

można osiągnąć ciekawe efekty. Inkcape sprawdza się

zarówno jako typowy program do tworzenia grafiki arty-

stycznej, jak i grafiki na potrzeby WWW (banerów, na-

główków stron a nawet całych layoutów) czy też różne-

go rodzaju wykresów i ilustracji. Inkscape pozwala rów-

nież na importowanie i edycję grafiki rastrowej.

Menu programu jest standardowe i przypomina nie-

co układ stosowany w programie O.O. Draw lub Xara X.

Na górze okna mamy główne menu programu i dwa pa-

ski narzędziowe, zawierające informacje o edytowanych

obiektach oraz podstawowe opcje ustawień i konﬁ guracji.

Boczny pasek zawiera narzędzia tworzenia rozmaitych

obiektów rysunkowych. Na dole okna programu znajduje

się paleta kolorów oraz informacje o wybranym kolorze i

rodzaju wypełnienia i konturów obiektów rysunkowych.

Domyślnie rozmiar nowego dokumentu to A4 piono-

wo. Aby zmienić ustawienia strony wybieramy Plik –>

Ustawienia dokumentu. Możemy również skorzystać z

jednego z predefiniowanych rozmiarów, które znajdzie-

my w menu Plik –> Nowy (m. in. standardowe wymiary

pulpitów, ikon itp).

Tworzenie obiektów rysunkowych

Tworzenie obiektów rysunkowych przebiega standardo-

wo. Wybieramy odpowiednie narzędzie z bocznego pa-

ska narzędziowego (kwadrat, okrąg lub wielokąt) i trzy-

mając lewy klawisz myszy przeciągamy po obszarze ry-

sunku do uzyskania pożądanych rozmiarów.

Przy rysowaniu prostokąta/kwadratu, po utworze-

niu obiektu, możemy dowolnie zaokrąglić jego rogi. Wy-

starczy wybrać podświetlony punkt na konturze i przecią-

gnąć myszką w dół. Wszystkie rogi obiektu zostaną za-

okrąglone.

Podobnej manipulacji możemy poddać koło/elipsę. Tym

razem manipulowanie podświetlonym punktem na kon-

Edytor graﬁ ki
wektorowej Inkscape

Spośród wielu dostępnych w Linuksie edytorów graﬁ ki wektorowej (takich jak Xﬁ g, Xara X, Sodipodi
czy Krita) na szczególną uwagę zasługuje Inkscape. Projekt ten – będący forkiem projektu Sodipodi
– wyróżnia się przejrzystym interfejsem oraz dużymi możliwościami importu i eksportu graﬁ k. Autorzy
Inkscape'a porównują program do Corela i Illustratora. Podstawowym formatem plików Inkscape jest
standard Scalable Vector Graphics (SVG) stworzony przez W3C.

Paweł Łupkowski

Rozwiązania

Edytor graﬁ ki wektorowej Inkscape

www.lpmagazine.org

turze obiektu pozwala na wycinanie fragmen-

tów koła. Przy rysowaniu wielokątów (ikona

w kształcie gwiazdy w bocznym pasku narzę-

dziowym) ilość krawędzi obiektu wybieramy,

po utworzeniu obiektu, z górnego paska narzę-

dziowego.

Oczywiście zamiast korzystać z goto-

wych kształtów możemy narysować wła-

sne, korzystając z narzędzia rysunku od-

ręcznego lub krzywych Beziera. Aby dodać

tekst do dokumentu wybieramy ikonę z lite-

rą A z bocznego paska narzędziowego. Na-

stępnie tworzymy ramkę tekstową w miej-

scu, gdzie chcemy wstawić tekst. Parametry

tekstu możemy zmienić od razu, korzystając

z górnego paska narzędziowego (gdzie mo-

żemy zmienić krój, rozmiar, efekty czcion-

ki, wyrównanie tekstu oraz jego układ – po-

ziomo lub pionowo). Wstawionym tekstem

możemy również manipulować po wybra-

niu ikony T z górnego paska narzędziowego

(lub [Shift]+[Ctrl]+[T]). Otworzy się wtedy

okno dialogowe, gdzie w pierwszej zakład-

ce znajdziemy wspomniane już opcje doty-

czące tekstu oraz podgląd zmian, zaś w dru-

giej zakładce możemy wpisywać i modyfi-

kować treść. Po zakończonej edycji tekstu

litery zamieniane są na krzywe, dzięki cze-

mu całość traktowana jest jako obiekt ry-

sunkowy.

Modyﬁ kacja obiektów

Utworzone obiekty możemy dowolnie mo-

dyfikować. Zaznaczenie obiektu pojedyn-

czym kliknięciem pozwala na modyfiko-

wanie jego wielkości i położenia (wokół

obiektu pojawią się strzałki). Przy zmianie

rozmiaru obiektu warto zwrócić uwagę na

ikonę kłódki znajdującej się pomiędzy wy-

miarem poziomym i pionowym w górnym

pasku narzędziowym. Przy wciśniętej iko-

nie zmiany rozmiaru będą proporcjonal-

ne. Kolejne kliknięcie umożliwia obracanie

obiektu (strzałki zmienią wygląd). W jego

centrum pojawi się krzyżyk, który oznacza

punkt odniesienia przy obracaniu. Możemy

go dowolnie ustawiać na obszarze edytowa-

nego obiektu w zależności od potrzeb.

W górnym pasku narzędziowym (lewa

krawędź) znajdują się narzędzia pozwalają-

ce na obracanie obiektu o 90 stopni w lewo

lub w prawo oraz odbijanie obiektu pionowo

lub poziomo.

Obiekty możemy dowolnie grupować i roz-

grupowywać. Aby z kilku elementów utwo-

rzyć jeden obiekt zaznaczamy je i wybiera-

my ikonę grupowania obiektów z górnego pa-

ska narzędziowego (lub klawisze [Ctrl]+[G]).

Rozgrupowanie obiektów uzyskujemy wybie-

rając ikonę rozgrupowania z paska narzędzio-

wego lub kombinację klawiszy [Ctrl]+[Shi-

ft]+[G].

Ustawienia dotyczące wypełnienia i obra-

mowania obiektów znajdziemy w oknie dia-

logowym uruchamianym po wybraniu ikony

pędzla z górnego paska narzędziowego lub

skrótu klawiszowego [Ctrl] + [Shift] + [F]. W

pierwszej zakładce okna właściwości może-

my ustawić rodzaj i kolor wypełnienia. Usta-

wiamy tu również poziom nieprzepuszczalno-

ści koloru obiektu oraz poziom jego rozmycia

(te parametry pozwalają na osiągnięcie cieka-

wych efektów rysunkowych). Druga i trzecia

zakładka pozwala na ustawienia koloru, gru-

bości i wykończenia konturu obiektu.

Rysunek 1.

Inkscape. Interfejs programu jest przejrzysty i intuicyjny (przypomina nieco O.O. Draw i Xarę X).

Wszystkie narzędzia rysunkowe znajdziemy w lewym pasku.

• Ustawienia dokumentu [Ctrl]+[Shift]+[D]

• Import bitmapy [Ctrl]+[I]

• Eksport bitmapy [Ctrl]+[Shift]+[E]

• Wektoryzuj bitmapę [Shift]+[Alt]+[B]

• Okno dialogowe właściwości obiektu [Ctrl]+[Shift]+[F]

• Okno dialogowe właściwości tekstu [Ctrl]+[Shift]+[T]

• Okno dialogowe warstw [Ctrl]+[Shift]+[L]

• Wyrównanie i rozłożenie obiektów [Ctrl]+[Shift]+[A]

• Grupuj obiekty [Ctrl]+[G]

• Rozgrupuj obiekty [Ctrl]+[Shift]+[G]

Przydatne skróty klawiaturowe

Rysunek 2.

Okno dialogowe ustawień obiektów rysunkowych daje dostęp do manipulacji wypełnieniem, kon-

turem, poziomem ich rozmycia i przezroczystości.

Rozwiązania

Edytor graﬁ ki wektorowej Inkscape

czerwiec 2008

Jeśli jako rodzaj wypełnienia obiektu

lub konturu wybraliśmy gradient, możemy

go dowolnie modyfikować. Wystarczy wy-

brać ikonę edycji gradientu z paska narzę-

dziowego z boku okna programu (lub kom-

binację klawiszy [Ctrl]+[F1]).

Ciekawą funkcjonalnością Inkscape'a jest

możliwość wyboru stosowanej palety kolo-

rów w zależności od rodzaju realizowanego

projektu graﬁ cznego.

Możemy np. ograniczyć paletę kolo-

rów do tzw. bezpiecznych kolorów WWW,

jeśli przygotowujemy grafikę na potrzeby

strony internetowej lub wybrać paletę ko-

lorów zmodyfikowaną na potrzeby tworze-

nia ikon określonego rodzaju. Opcje pale-

ty kolorów dostępne są po kliknięciu iko-

ny ze strzałką w prawym dolnym rogu okna

programu.

Import/eksport graﬁ ki

Domyślnie Inkscape zapisuje wszystkie

pliki jako SVG (czyli w formacie wekto-

rowym przygotowanym przez W3C). Ta-

kie pliki możemy później wykorzysty-

wać i edytować m. in. w Sodipodi, Xarze

X, Scribusie, GIMPie (po dodaniu wtycz-

ki gimp-svg) lub Synfigu. Inkscape umoż-

liwia też import i eksport grafiki rastrowej

(np. jpg, gif, png).

Import obrazu jest bardzo prosty – wy-

starczy wybrać ikonę importu z górnego

paska narzędziowego i wskazać plik do

importu. Obraz zostanie wstawiony jako

obiekt do naszego dokumentu. Możemy

również zaimportować grafikę przy pomo-

cy metody przeciągnij i upuść. Eksport gra-

fiki odbywa się w analogiczny sposób. Mo-

żemy wyeksportować cały obrazek, lub tyl-

ko wskazany zaznaczeniem fragment. Eks-

portowana grafika zapisywana jest w for-

macie .png.

Wektoryzacja bitmap

Zaimportowane pliki, które nie są w for-

macie wektorowym możemy na taki prze-

kształcić. Dzięki temu możemy je edytować

tak, jak inne obiekty rysunkowe stworzone

w Inkscape. Aby to zrobić zaznaczamy za-

importowaną grafikę i wybieramy z menu

Ścieżka –> Wektoryzuj bitmapę.

W oknie dialogowym wybieramy od-

powiadający nam rodzaj wektoryzacji. Za-

nim zatwierdzimy wybór możemy obej-

rzeć efekty na podglądzie po prawej stro-

nie okna dialogowego (kolejne zmiany wy-

magają uaktualnienia podglądu przyci-

skiem [Update]). Po uzyskaniu odpowied-

niego efektu zatwierdzamy zmiany przyci-

skiem [OK].

Ten krótki tekst przedstawia jedynie po-

bieżny (i subiektywny) przegląd możliwo-

ści programu Inkscape.

Zainteresowanym czytelnikom polecam

odwiedziny stron internetowych wymienio-

nych w ramce W Sieci (szczególnie http://

screencasters.heathenx.org/). Tych bardziej

dociekliwych zachęcam również do ekspe-

rymentowania z samym programem.

Rysunek 3.

Manipulacja poziomem rozmycia i przezroczystości pozwala na osiągnięcie bardzo ciekawych

efektów.

Rysunek 4.

Inkscape umożliwia wybór palety, na któ-

rej będziemy pracowali.

Autor jest doktorantem w Instytucie Psychologii UAM (Zakład Logiki i Kognitywistyki).

Pracuje na GNU/Linuksie od początku swojej przygody z komputerami (aktualnie jest to

Ubuntu 7.04). Interesuje się szczególnie edytorami tekstu oraz programami graﬁ cznymi

z rodziny open source.

Kontakt z autorem: p_lupkowski@o2.pl

O autorze

• Strona domowa Inkscape: http://www.inkscape.org/

• Bogaty zestaw tutoriali Inkscape: http://inkscapetutorials.wordpress.com/

• Tutoriale w postaci prezentacji wideo: http://screencasters.heathenx.org/

• O formacie SVG: http://www.w3.org/Graphics/SVG/

• Graﬁ ka wektorowa (Wikipedia): http://pl.wikipedia.org/wiki/Graﬁ ka_wektorowa

W Sieci