Rozwiązania
Edytor grafiki wektorowej Inkscape
Edytor grafiki
wektorowej Inkscape
Paweł A
upkowski
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.
nstalacja programu nie powinna być kłopotliwa, się paleta kolorów oraz informacje o wybranym kolorze i
ponieważ znajduje się on w repozytoriach popu- rodzaju wypełnienia i konturów obiektów rysunkowych.
larnych dystrybucji Linuksa oraz w portach sys- Domyślnie rozmiar nowego dokumentu to A4 piono-
Itemów z rodziny BSD. Aby zainstalować Inksca- wo. Aby zmienić ustawienia strony wybieramy Plik  >
pe w Ubuntu wystarczy wpisać w konsoli sudo apt-get Ustawienia dokumentu. Możemy również skorzystać z
install inkscape lub wybrać pakiet Inkscape w gra- jednego z predefiniowanych rozmiarów, które znajdzie-
ficznym menedżerze pakietów (np. Synapticu). W tym my w menu Plik  > Nowy (m. in. standardowe wymiary
artykule opisuję Inkscape w wersji 0.45. pulpitów, ikon itp).
Obsługa programu jest bardzo intuicyjna i szybko
można osiągnąć ciekawe efekty. Inkcape sprawdza się Tworzenie obiektów rysunkowych
zarówno jako typowy program do tworzenia grafiki arty- Tworzenie obiektów rysunkowych przebiega standardo-
stycznej, jak i grafiki na potrzeby WWW (banerów, na- wo. Wybieramy odpowiednie narzędzie z bocznego pa-
główków stron a nawet całych layoutów) czy też różne- ska narzędziowego (kwadrat, okrąg lub wielokąt) i trzy-
go rodzaju wykresów i ilustracji. Inkscape pozwala rów- mając lewy klawisz myszy przeciągamy po obszarze ry-
nież na importowanie i edycję grafiki rastrowej. sunku do uzyskania pożądanych rozmiarów.
Menu programu jest standardowe i przypomina nie- Przy rysowaniu prostokąta/kwadratu, po utworze-
co układ stosowany w programie O.O. Draw lub Xara X. niu obiektu, możemy dowolnie zaokrąglić jego rogi. Wy-
Na górze okna mamy główne menu programu i dwa pa- starczy wybrać podświetlony punkt na konturze i przecią-
ski narzędziowe, zawierające informacje o edytowanych gnąć myszką w dół. Wszystkie rogi obiektu zostaną za-
obiektach oraz podstawowe opcje ustawień i konfiguracji. okrąglone.
Boczny pasek zawiera narzędzia tworzenia rozmaitych Podobnej manipulacji możemy poddać koło/elipsę. Tym
obiektów rysunkowych. Na dole okna programu znajduje razem manipulowanie podświetlonym punktem na kon-
32 czerwiec 2008
[e-mail]
Rozwiązania
Edytor grafiki wektorowej Inkscape
turze obiektu pozwala na wycinanie fragmen- sne, korzystając z narzędzia rysunku od- żemy zmienić krój, rozmiar, efekty czcion-
tów koła. Przy rysowaniu wielokątów (ikona ręcznego lub krzywych Beziera. Aby dodać ki, wyrównanie tekstu oraz jego układ  po-
w kształcie gwiazdy w bocznym pasku narzę- tekst do dokumentu wybieramy ikonę z lite- ziomo lub pionowo). Wstawionym tekstem
dziowym) ilość krawędzi obiektu wybieramy, rą A z bocznego paska narzędziowego. Na- możemy również manipulować po wybra-
po utworzeniu obiektu, z górnego paska narzę- stępnie tworzymy ramkę tekstową w miej- niu ikony T z górnego paska narzędziowego
dziowego. scu, gdzie chcemy wstawić tekst. Parametry (lub [Shift]+[Ctrl]+[T]). Otworzy się wtedy
Oczywiście zamiast korzystać z goto- tekstu możemy zmienić od razu, korzystając okno dialogowe, gdzie w pierwszej zakład-
wych kształtów możemy narysować wła- z górnego paska narzędziowego (gdzie mo- 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.
Modyfikacja 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
Rysunek 1. Inkscape. Interfejs programu jest przejrzysty i intuicyjny (przypomina nieco O.O. Draw i Xarę X).
centrum pojawi się krzyżyk, który oznacza
Wszystkie narzędzia rysunkowe znajdziemy w lewym pasku.
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ędz
) 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]).
Rysunek 2. Okno dialogowe ustawień obiektów rysunkowych daje dostęp do manipulacji wypełnieniem, kon-
Rozgrupowanie obiektów uzyskujemy wybie-
turem, poziomem ich rozmycia i przezroczystości.
rając ikonę rozgrupowania z paska narzędzio-
wego lub kombinację klawiszy [Ctrl]+[Shi-
ft]+[G].
Ustawienia dotyczące wypełnienia i obra-
Przydatne skróty klawiaturowe
mowania obiektów znajdziemy w oknie dia-
logowym uruchamianym po wybraniu ikony
" Ustawienia dokumentu [Ctrl]+[Shift]+[D]
pędzla z górnego paska narzędziowego lub
" Import bitmapy [Ctrl]+[I]
skrótu klawiszowego [Ctrl] + [Shift] + [F]. W
" Eksport bitmapy [Ctrl]+[Shift]+[E]
pierwszej zakładce okna właściwości może-
" Wektoryzuj bitmapę [Shift]+[Alt]+[B]
my ustawić rodzaj i kolor wypełnienia. Usta-
" Okno dialogowe właściwości obiektu [Ctrl]+[Shift]+[F]
wiamy tu również poziom nieprzepuszczalno-
" Okno dialogowe właściwości tekstu [Ctrl]+[Shift]+[T]
ści koloru obiektu oraz poziom jego rozmycia
" Okno dialogowe warstw [Ctrl]+[Shift]+[L]
(te parametry pozwalają na osiągnięcie cieka-
" Wyrównanie i rozłożenie obiektów [Ctrl]+[Shift]+[A]
wych efektów rysunkowych). Druga i trzecia
" Grupuj obiekty [Ctrl]+[G]
zakładka pozwala na ustawienia koloru, gru-
" Rozgrupuj obiekty [Ctrl]+[Shift]+[G]
bości i wykończenia konturu obiektu.
www.lpmagazine.org 33
Rozwiązania
Edytor grafiki wektorowej Inkscape
Jeśli jako rodzaj wypełnienia obiektu ny ze strzałką w prawym dolnym rogu okna obiekt do naszego dokumentu. Możemy
lub konturu wybraliśmy gradient, możemy programu. również zaimportować grafikę przy pomo-
go dowolnie modyfikować. Wystarczy wy- cy metody przeciągnij i upuść. Eksport gra-
brać ikonę edycji gradientu z paska narzę- Import/eksport grafiki fiki odbywa się w analogiczny sposób. Mo-
dziowego z boku okna programu (lub kom- Domyślnie Inkscape zapisuje wszystkie żemy wyeksportować cały obrazek, lub tyl-
binację klawiszy [Ctrl]+[F1]). pliki jako SVG (czyli w formacie wekto- ko wskazany zaznaczeniem fragment. Eks-
Ciekawą funkcjonalnością Inkscape'a jest rowym przygotowanym przez W3C). Ta- portowana grafika zapisywana jest w for-
możliwość wyboru stosowanej palety kolo- kie pliki możemy póz
niej wykorzysty- macie .png.
rów w zależności od rodzaju realizowanego wać i edytować m. in. w Sodipodi, Xarze
projektu graficznego. X, Scribusie, GIMPie (po dodaniu wtycz- Wektoryzacja bitmap
Możemy np. ograniczyć paletę kolo- ki gimp-svg) lub Synfigu. Inkscape umoż- Zaimportowane pliki, które nie są w for-
rów do tzw. bezpiecznych kolorów WWW, liwia też import i eksport grafiki rastrowej macie wektorowym możemy na taki prze-
jeśli przygotowujemy grafikę na potrzeby (np. jpg, gif, png). kształcić. Dzięki temu możemy je edytować
strony internetowej lub wybrać paletę ko- Import obrazu jest bardzo prosty  wy- tak, jak inne obiekty rysunkowe stworzone
lorów zmodyfikowaną na potrzeby tworze- starczy wybrać ikonę importu z górnego w Inkscape. Aby to zrobić zaznaczamy za-
nia ikon określonego rodzaju. Opcje pale- paska narzędziowego i wskazać plik do importowaną grafikę i wybieramy z menu
ty kolorów dostępne są po kliknięciu iko- importu. Obraz zostanie wstawiony jako Ścieżka  > Wektoryzuj bitmapę.
W oknie dialogowym wybieramy od-
powiadający nam rodzaj wektoryzacji. Za-
nim zatwierdzimy wybór możemy obej-
W Sieci
rzeć efekty na podglądzie po prawej stro-
nie okna dialogowego (kolejne zmiany wy-
" Strona domowa Inkscape: http://www.inkscape.org/
magają uaktualnienia podglądu przyci-
" Bogaty zestaw tutoriali Inkscape: http://inkscapetutorials.wordpress.com/
skiem [Update]). Po uzyskaniu odpowied-
" Tutoriale w postaci prezentacji wideo: http://screencasters.heathenx.org/
niego efektu zatwierdzamy zmiany przyci-
" O formacie SVG: http://www.w3.org/Graphics/SVG/
skiem [OK].
" Grafika wektorowa (Wikipedia): http://pl.wikipedia.org/wiki/Grafika_wektorowa
Ten krótki tekst przedstawia jedynie po-
bieżny (i subiektywny) przegląd możliwo-
ści programu Inkscape.
Zainteresowanym czytelnikom polecam
O autorze
odwiedziny stron internetowych wymienio-
nych w ramce W Sieci (szczególnie http://
Autor jest doktorantem w Instytucie Psychologii UAM (Zakład Logiki i Kognitywistyki).
screencasters.heathenx.org/). Tych bardziej
Pracuje na GNU/Linuksie od początku swojej przygody z komputerami (aktualnie jest to
dociekliwych zachęcam również do ekspe-
Ubuntu 7.04). Interesuje się szczególnie edytorami tekstu oraz programami grafi cznymi
rymentowania z samym programem.
z rodziny open source.
Kontakt z autorem: [e-mail]
Rysunek 3. Manipulacja poziomem rozmycia i przezroczystości pozwala na osiągnięcie bardzo ciekawych
Rysunek 4. Inkscape umożliwia wybór palety, na któ-
efektów.
rej będziemy pracowali.
34 czerwiec 2008