Rozwiązania
Edytor grafi ki wektorowej Inkscape
32
czerwiec 2008
linux@software.com.pl
I
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 konfi 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 grafi ki
wektorowej Inkscape
Spośród wielu dostępnych w Linuksie edytorów grafi ki wektorowej (takich jak Xfi 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 grafi 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 grafi ki wektorowej Inkscape
33
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.
Modyfi 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.
34
Rozwiązania
Edytor grafi 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 grafi 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 grafi 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 grafi 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/
• Grafi ka wektorowa (Wikipedia): http://pl.wikipedia.org/wiki/Grafi ka_wektorowa
W Sieci