background image

Strona 1

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

GIMP: tworzenie grafiki na potrzeby WWW

(część 3)

Włodzimierz Gajda

W kolejnym spotkaniu z programem GIMP przyjrzymy się ścieŜkom. Wykorzystanie ścieŜek daje autorowi

moŜliwość wygodnego modyfikowania kształtu rysowanych elementów.

1 lutego 2004 r.

Spis treści

1. ŚcieŜki

2. Operacje wykonywane na ścieŜkach

2.1 Dodawanie/usuwanie ścieŜek

2.2 Zmiana kształtu ścieŜki

2.3 Modyfikowanie rysunku

3. Zastosowania ścieŜek

4. Ćwiczenia

4.1 Ćwiczenie 1

4.2 Ćwiczenie 2

4.3 Ćwiczenie 3

4.4 Ćwiczenie 4

4.5 Ćwiczenie 5

4.6 Ćwiczenie 6

4.7 Ćwiczenie 7

4.8 Ćwiczenie 8

background image

Strona 2

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

5. Podsumowanie

1. ŚcieŜki

Ś

cieŜki umoŜliwiają dołączenie do obrazów elementów wektorowych. KaŜda ścieŜka zdefiniowana w GIMPie jest

osobnym obiektem, przy czym rysunek moŜe zawierać dowolną liczbę ścieŜek. Modyfikacja obrazu (np. rysowanie

pędzlem) nie wpływa w Ŝaden sposób na ścieŜki. Podobnie, modyfikacja ścieŜek (np. dodawanie węzłów) nie

wpływa na zawartość rysunku.

Cechą, która wyróŜnia ścieŜki jest to, Ŝe w łatwy sposób moŜemy modyfikować ich kształt. Składają się one z

połączonych węzłów, które moŜemy dowolnie dodawać, usuwać oraz przesuwać. W kaŜdym węźle przechowywane

są informacje o kształcie krzywej. Przesuwając wskaźniki kształtu wyginamy fragmenty ścieŜki nadając jej Ŝądany

wygląd.

2. Operacje wykonywane na ścieŜkach

2.1 Dodawanie/usuwanie ścieŜek

Operacje wykonywane na całych ścieŜkach to dodanie ścieŜki do obrazu, zduplikowanie istniejącej ścieŜki oraz

usunięcie ścieŜki. Istnieje takŜe operacja przekształcająca bieŜącą selekcję w ścieŜkę. Zatem nowo utworzona

ś

cieŜka moŜe być ścieŜką pustą (tj. nie posiadającą węzłów), kopią istniejącej ścieŜki albo przybrać kształt

zaznaczenia.

2.2 Zmiana kształtu ścieŜki

Po dodaniu nowej lub wybraniu istniejącej ścieŜki moŜemy przystąpić do jej edycji. Edytując ścieŜkę mamy

moŜliwość dodawania, usuwania oraz przesuwania węzłów. MoŜemy równieŜ zmieniać kształt krzywych łączących

kolejne węzły oraz przesuwać całą ścieŜkę.

2.3 Modyfikowanie rysunku

background image

Strona 3

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Gdy ustalimy kształt ścieŜki moŜemy przystąpić do edycji samego obrazu. Operacja Rysuje ścieŜkę powoduje

narysowanie na rysunku kształtu bieŜącej ścieŜki aktualnym pędzlem.

Przycisk Tworzy zaznaczenie ze ścieŜki wykonuje zaznaczenie fragmentu rysunku o kształcie bieŜącej ścieŜki.

Oczywiście na zaznaczonym obszarze moŜemy wykonywać wszystkie operacje dostępne dla selekcji (malowanie,

wypełnianie, przekształcenia itd.).

3. Zastosowania ścieŜek

Jakie są zalety stosowania ścieŜek? Wykorzystując ścieŜki moŜemy dodawać do rysunku elementy, które łatwo

wielokrotnie narysować lub pokolorować zmieniając im ewentualnie kształt. W ten sposób rysunek staje się bardziej

elastyczny i modyfikowalny.

Druga waŜna zaleta polega na tym, Ŝe ścieŜki są oddzielnymi obiektami wektorowymi. Modyfikowanie ścieŜki nie

powoduje Ŝadnych zmian w rysunku (dokładniej: nie zmienia kolorów poszczególnych pikseli). Edycja kształtu nie

niesie za sobą ryzyka "zniszczenia" rysunku lub jego fragmentu. Dopiero, gdy uznamy, Ŝe kształt ścieŜki jest

zadowalający przystępujemy do rysowania pędzlem, wypełniania kolorem czy jakiejkolwiek innej operacji

edytorskiej.

Wreszcie nie mniej waŜny jest fakt, Ŝe ścieŜki umoŜliwiają operowanie krzywymi Beziera.

4. Ćwiczenia

4.1 Ćwiczenie 1

Przygotuj rysunek przedstawiający kształt młotka.

background image

Strona 4

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 1. Okno dialogowe ŚcieŜki

Po utworzeniu nowego rysunku przechodzimy do okna dialogowego zarządzającego ścieŜkami. W tym celu

wybieramy z menu kontekstowego opcję Warstwy | Warstwy, kanały i ścieŜki. W oknie dialogowym wybieramy

zakładkę ŚcieŜki. Następnie naciskając przycisk Tworzy nową ścieŜkę dodajemy do rysunku nową ścieŜkę. W górnej

części okna dialogowego ŚcieŜki dostępne są cztery przyciski: Nowy punktDodaje punktUsuwa punkt oraz

Modyfikuje punkt. Po wybraniu pierwszego z nich (Nowy punkt) klikamy kolejno w wybrane miejsca rysunku. KaŜde

kliknięcie spowoduje dodanie do ścieŜki kolejnego punktu. Dodawanie punktów kończymy klikając w pierwszy

punkt.

Kolejne punkty ścieŜki stawiajmy w takich miejscach, by otrzymana ścieŜka przypominała swym kształtem rysunek

2. Jeśli któryś z punktów ścieŜki leŜy w złym miejscu to moŜemy go przesunąć przytrzymując klawisz Ctrl. Całą

ś

cieŜkę przesuniemy przytrzymując klawisz Alt.

background image

Strona 5

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Oczywiście moŜemy sobie pracę znacznie ułatwić posługując się prowadnicami oraz odpowiednio zwiększając

podgląd rysunku.

Rysunek 2. ŚcieŜka o kształcie młotka

Po ustaleniu kształtu naciskamy przycisk Tworzy zaznaczenie ze ścieŜki, który przekształci ścieŜkę w zaznaczenie. W

ten sposób otrzymaliśmy zaznaczenie o kształcie młotka. Teraz wykorzystując narzędzie Wypełnianie kolorem lub

deseniem wypełniamy zaznaczenie kolorem czarnym. Efekt naszej pracy został przedstawiony na rysunku 3.

background image

Strona 6

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 3. Młotek po przekształceniu w zaznaczenie i wypełnieniu farbą

4.2 Ćwiczenie 2

Przygotuj rysunek przedstawiający przecinek widoczny na rysunkach 5 oraz 6.

Po utworzeniu nowego rysunku przechodzimy do okna dialogowego ścieŜek. Tworzymy nową ścieŜkę i

przystępujemy do jej edycji. Po dodaniu pięciu węzłów zmieniamy kształt krzywych łączących węzły. Wykonanie

operacji ciągnij-upuść na węźle powoduje zmianę połoŜenia punktów sterujących kształtem krzywych. Odcinki

łączące węzły przybierają kształt krzywych Beziera. Kilkukrotnie powtarzamy tę operacje w kolejnych węzłach aŜ do

uzyskania ścieŜki przypominającej przecinek widoczny na rysunku 4. Pamiętajmy, Ŝe kaŜdy węzeł moŜemy

przesunąć wykonując operacje ciągnij-upuść z jednoczesnym przytrzymaniem klawisza Ctrl, natomiast naciśnięcie

klawisza Shift przed operacją przeciągania węzła spowoduje zmianę kształtu tylko jednego z ramion krzywej

przechodzącej przez dany węzeł.

background image

Strona 7

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 4. Przecinek: ścieŜka wykorzystująca krzywe Beziera

Gdy ścieŜka jest gotowa przekształcamy ją w zaznaczenie. Zaznaczony obszar wypełniamy kolorem niebieskim.

Następnie ustalamy kolor pióra na granatowy. Po ponownym przejściu do okna dialogowego ścieŜek wykonujemy

operację Rysuje ścieŜkę. Przecinek zostanie obrysowany kolorem granatowym tak jak to zostało przedstawione na

rysunku 5.

background image

Strona 8

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 5. Przecinek po wypełnieniu kolorem i obrysowaniu ścieŜki

Jeśli teraz uznamy, Ŝe potrzebny nam jest przecinek o identycznym kształcie a innych kolorach wówczas wystarczy

ponownie otworzyć plik i wykonać operacje wypełniania kolorem i obrysowywania ścieŜki.

Oczywiście w celu zapisania w pliku informacji o ścieŜkach musimy stosować format XCF. Zapisanie pliku w

formacie JPEG, PNG czy BMP powoduje utracenie informacji o ścieŜkach!

background image

Strona 9

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 6. Przecinek po zmianie kolorów

4.3 Ćwiczenie 3

Przygotuj rysunek przedstawiający młotek pokolorowany na dwa kolory tak jak to przedstawiono na rysunku 7.

Rysunek 7. Młotek pokolorowany na dwa kolory

Pracę rozpoczynamy ustalając prowadnice tak, by przebiegały niemal po kaŜdej prostej rysunku. Następnie tworzymy

ś

cieŜkę będącą obrysem młotka. Kwadrat otaczający młotek otrzymamy w dwóch krokach. Najpierw zaznaczamy

kwadrat otaczający młot. Kwadrat ten wypełniamy czarną farbą. Następnie zaznaczony kwadrat pomniejszamy

(operacja pomniejszania zaznaczenia) i wypełniamy białą farbą. Po dodaniu ramki rysujemy czarny młotek

background image

Strona 10

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

(zaznaczenie przekształcamy w selekcję; selekcję wypełniamy kolorem). Rysunek 8 przedstawia bieŜący stan

rysunku: młotek otoczony czarną obwódką.

Rysunek 8. Młotek z obwódką

Korzystając z narzędzia Zaznaczanie sąsiadujących obszarów zaznaczamy biały obszar wewnątrz czarnej obwódki.

Po aktywacji narzędzia Zaznaczanie sąsiadujących obszarów naleŜy kliknąć w dowolny biały piksel wewnątrz

czarnej ramki. Następnie usuwamy lewą stronę zaznaczenia. Wybieramy narzędzie do selekcji prostokątnej i

przytrzymując klawisz Ctrl odcinamy lewą połowę zaznaczenia. Otrzymany obszar wypełniamy kolorem czarnym.

Rysunek 9 przedstawia uzyskane zaznaczenie po wypełnieniu kolorem.

background image

Strona 11

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 9. Kolejny etap pracy nad dwukolorowym młotkiem

Następnie usuwamy wszelkie zaznaczenia i uzyskujemy ze ścieŜki zaznaczenie w kształcie młotka. Ponownie

wykorzystując narzędzie zaznaczenia prostokątnego oraz klawisz Ctrl usuwamy lewą część zaznaczenia. Pozostałe

zaznaczenie wypełniamy kolorem białym. Otrzymany obraz został przedstawiony na rysunku 7.

4.4 Ćwiczenie 4

Narysuj ramkę przedstawioną na rysunku 10.

background image

Strona 12

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 10. Obramowanie

Ć

wiczenie rozpoczynamy od wypełnienia całego rysunku kolorem czarnym. Następnie dodajemy do rysunku nową

ś

cieŜkę, po czym wykorzystując prowadnice ustalamy jej kształt. W celu narysowania winietki zmieniamy kolor

pióra na biały, po czym naciskamy przycisk Rysuje ścieŜkę.

Ć

wiczenia 1, 2, 3 oraz 4 wykorzystywały jedną ścieŜkę. KaŜdy rysunek wykonany GIMPem moŜe zawierać dowolną

liczbę ścieŜek, o czym przekona nas kolejne ćwiczenie.

4.5 Ćwiczenie 5

Wykorzystując ścieŜki narysuj odcinki przedstawione na rysunku 11 w taki sposób, by moŜna było w łatwy sposób

zmienić ich kolor.

background image

Strona 13

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 11. Odcinki narysowane przy uŜyciu czterech ścieŜek

Utwórzmy nowy obraz zawierający prowadnice w podobnych miejscach jak na rysunku 11. Korzystając z prowadnic

dodajemy do rysunku cztery ścieŜki. KaŜda ścieŜka odpowiada jednemu brązowemu odcinkowi z rysunku 11 (jeden

odcinek pionowy i trzy poziome). Okno dialogowe z rysunku 12 pokazuje listę zdefiniowanych ścieŜek.

background image

Strona 14

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 12. Cztery ścieŜki uŜyte w ćwiczeniu 5

Jeśli teraz chcemy zmienić kolor odcinków z brązowego na niebieski oraz nieco zwiększyć grubość naleŜy kolejno:

wyczyścić rysunek

ustalić kolor i grubość pióra

wykonać operacje Maluje ścieŜkę czterokrotnie (dla kaŜdej ścieŜki osobno)

Zmieniony rysunek jest widoczny na ilustracji 13.

Z racji na to, Ŝe ścieŜek nie moŜemy łączyć ani grupować, operowanie zbyt duŜą ich liczbą jest wygodne. Ćwiczenie

szóste wyjaśnia, w jaki sposób tworzyć ścieŜki składające się z kilku rozłącznych odcinków.

background image

Strona 15

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 13. ŚcieŜki z ćwiczenia 5 po pomalowaniu innym pędzlem

4.6 Ćwiczenie 6

Przygotuj rysunek, który zawiera ścieŜkę składającą się z rozłącznych odcinków, tak by pomalowanie wszystkich

odcinków moŜna było wykonać pojedynczym naciśnięciem przycisku Maluje ścieŜkę. Wykonaj ilustrację podobną do

rysunku 14.

background image

Strona 16

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 14. ŚcieŜka zawierająca kilka rozłącznych fragmentów

Po utworzeniu nowego rysunku i ustawieniu prowadnic tworzymy nową ścieŜkę. Jeśli chcemy by ścieŜka zawierała

odcinek naleŜy kliknąć w punkt startowy odcinka, następnie kliknąć w punkt końcowy, po czym ponownie kliknąć

punkt startowy. Jeśli teraz kilkając utworzymy nowy węzeł, wówczas będzie on rozpoczynał drugi (rozłączny)

fragment ścieŜki. Postępując według opisanej metody dodajemy do ścieŜki kolejne odcinki. Podobnie jak w

poprzednim zadaniu dodajemy trzy odcinki poziome i jeden pionowy. RóŜnica polega na tym, Ŝe w poprzednim

zadaniu kaŜdy odcinek stanowił odrębną ścieŜkę, podczas gdy teraz mamy do czynienia z jedną ścieŜką zawierającą

cztery rozłączne odcinki. Pojedyncze naciśnięcie przycisku Maluje ścieŜkę spowoduje pomalowanie wszystkich

czterech odcinków.

W ćwiczeniu 7 wykorzystamy operację tworzenia ścieŜki na podstawie zaznaczenia. Poznane w zeszłym odcinku

operacje na zaznaczeniach ułatwiają definiowanie ścieŜek składających się z kół, elips, kwadratów oraz prostokątów.

4.7 Ćwiczenie 7

Narysuj obramowanie przedstawione na rysunku 15.

background image

Strona 17

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 15. ŚcieŜka uzyskana z zaznaczenia

ZauwaŜmy, Ŝe obramowanie to jest kwadratem z obciętymi naroŜnikami. Zaznaczenie o takim kształcie uzyskamy

stosując operację róŜnicy zaznaczeń. Utwórzmy nowy rysunek i dodajmy do niego prowadnice. Następnie tworzymy

selekcje kwadratową. Po utworzeniu selekcji kwadratowej wybieramy narzędzie do eliptycznego zaznaczania

obszarów. Naciskamy klawisz Ctrl, po czym z jednego z naroŜników kwadratu rozpoczynamy selekcję eliptyczną. Po

rozpoczęciu zaznaczania selekcji eliptycznej zwalniamy klawisz Ctrl, a następnie naciskamy klawisze Ctrl oraz Shift.

Rozciągamy koło do zadanych rozmiarów i zwalniamy przycisk myszki. PowyŜsza procedura powinna spowodować

obcięcie jednego z naroŜników kwadratu. NaleŜy ją powtórzyć czterokrotnie (dla kaŜdego naroŜnika z osobna).

W momencie, gdy zaznaczenie jest juŜ gotowe przechodzimy do okna ŚcieŜki. Operacja Tworzy ścieŜkę z

zaznaczenia spowoduje konwersje bieŜącego zaznaczenia na ścieŜkę. Jeśli operacja ta jest nieczynna, wówczas

naleŜy do rysunku dodać jakąkolwiek ścieŜkę.

Gdy ścieŜka jest gotowa rysujemy ją niebieskim piórem.

background image

Strona 18

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Metody opisane w ćwiczeniach od pierwszego do siódmego znajdują zastosowanie przy dołączaniu do tworzonych

obrazów odcinków, krzywych oraz łamanych. Ramki, gwiazdki, strzałki czy przyciski to przykłady tylko niektórych

elementów graficznych pojawiających się w serwisach WWW, które moŜemy w wygodny sposób tworzyć za

pomocą ścieŜek. PoniewaŜ jednak ścieŜki moŜemy konwertować na zaznaczenia, zatem rysowane elementy nie

muszą stanowić jednobarwnych linii. Ostatnie dwa ćwiczenia pokazują, w jaki sposób wykorzystać ścieŜki do

wycinania fragmentów zdjęć.

4.8 Ćwiczenie 8

Dysponując zdjęciem przedstawionym na rysunku 16 przygotuj ilustrację prezentującą jedynie dłoń widoczną na

rysunku.

Rysunek 16. Zdjęcie przedstawiające Ŝabę na dłoni

Celem ćwiczenia jest uzyskanie obrazu przedstawionego na rysunku 17. W jaki sposób osiągnąć zamierzony cel?

NaleŜy wykorzystując ścieŜki uzyskać zaznaczenie zawierające jedynie dłoń.

Otwórzmy rysunek źródłowy, a następnie dodajmy do niego nową ścieŜkę. Klikając w obraz dodajmy do ścieŜki

węzły tak, by otrzymany obszar mniej więcej zawierał dłoń. Następnie przesuwając węzły oraz zmieniając kształt

background image

Strona 19

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

ś

cieŜki (operacja zwiększania podglądu moŜe bardzo ułatwić zadanie) dąŜymy do tego, by uzyskany obszar moŜliwie

dokładnie przylegał do dłoni. Oczywiście w razie potrzeby naleŜy dodać lub usunąć ze ścieŜki dodatkowe węzły.

Uzyskana ścieŜka powinna przypominać ścieŜkę widoczną na rysunku 18.

Rysunek 17. Dłoń po wycięciu

background image

Strona 20

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 18. ŚcieŜka słuŜąca do wycięcia dłoni z rysunku

Gdy ścieŜka jest gotowa naleŜy ją zamienić w zaznaczenie. Jeśli chcemy uzyskać gładki brzeg wyciętego elementu to

moŜemy zmiękczyć zaznaczenie wykonując operację Zaznaczenie | Wygładź. Teraz odwracamy zaznaczenie i

wypełniamy je kolorem białym. Powinniśmy otrzymać obraz widoczny na rysunku 17.

Na zakończenie proponuję samodzielne wykonanie czterech wyciętych dłoni trzymających Ŝaby przedstawionych na

rysunku 20. Zdjęcia, którymi naleŜy się posłuŜyć przedstawiają dzieci łapiące Ŝaby. Naszym zadaniem jest uzyskanie

obrazów przedstawiających wyłącznie dłonie. Źródłowe pliki nazywają się zaba1.jpg, zaba2.jpg, zaba3.jpg oraz

zaba4.jpg i są umieszczone w folderze cw-9.

Dodawanie do rysunku ozdobnych napisów wykorzystanych na stronie "Pierwszy Internetowy Podręcznik Łapania

ś

ab" przedstawionej na rysunku 19 będzie stanowiło temat kolejnego odcinka poświęconego warstwom.

background image

Strona 21

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 19. Strona tytułowa podręcznika łapania Ŝab

background image

Strona 22

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Rysunek 20. Internetowy podręcznik łapania Ŝab

5. Podsumowanie

W trzecim odcinku spotkań z GIMPem nauczyliśmy się korzystać ze ścieŜek. Wszystkie poznane operacje

przedstawia Tabela 1. Operacje te nie są dostępne za pośrednictwem skrótów klawiszowych, wykonujemy je

korzystając z okna ŚcieŜki i dostępnych w nim przycisków. PoniewaŜ okno dialogowe Warstwy, kanały i ścieŜki jest

wyświetlane dosyć często warto zdefiniować własny skrót klawiszowy. Co ciekawe, w GIMPie skróty klawiszowe

definiujemy naciskając Ŝądaną sekwencję klawiszy (np. Ctrl+L) w momencie, gdy menu kontekstowe jest rozwinięte

i wybrana opcja jest podświetlona na niebiesko.

Warto zapamiętać opisane wcześniej działanie klawiszy Shift, Ctrl oraz Alt podczas przesuwania węzłów. Klawisz

Ctrl słuŜy do przesuwania węzła, Alt powoduje przesunięcie całej ścieŜki, zaś Shift umoŜliwia niesymetryczna

zmianę kształtu ścieŜki przy przejściu przez dany węzeł.

background image

Strona 23

GIMP: tworzenie grafiki na potrzeby WWW (część 3)

2008-02-27 19:39:08

http://www.gajdaw.pl/gimp/kurs-sciezki/print.html

Operacje na ścieŜkach moŜemy rozpocząć równieŜ za pośrednictwem okna głównego GIMPa. Opcja Krzywe Beziera

dodaje nową ścieŜkę i przechodzi do trybu edycji ścieŜki. Pamiętajmy równieŜ, Ŝe operacje dostępne dla ścieŜek

wymagają, by obraz zawierał przynajmniej jedną ścieŜkę.

Jeśli chodzi o wady GIMPa w odniesieniu do ścieŜek to przede wszystkim naleŜy zwrócić uwagę na lukę w

dokumentacji. Opis programu nie zawiera wyczerpujących informacji dotyczących ścieŜek. Ponadto w programie

brakuje operacji łączenia oraz grupowania ścieŜek jak równieŜ moŜliwości zaznaczenia kilku ścieŜek w celu ich

pomalowania. Nie moŜna równieŜ wykonywać operacji cofnij w stosunku do ścieŜek ani węzłów.

lp.

Funkcja

Opcja menu

Klawisz skrótu

1.

Okno ścieŜek

Warstwy, kanały ścieŜki

Ctrl+L

2.

Tworzenie nowej ścieŜki

Okno "ŚcieŜki"

-

3.

Kopiowanie istniejącej ścieŜki

Okno "ŚcieŜki"

-

4.

Usuwanie ścieŜki

Okno "ŚcieŜki"

-

5.

Tworzenie zaznaczenia ze ścieŜki

Okno "ŚcieŜki"

-

6.

Tworzenie ścieŜki z zaznaczenia

Okno "ŚcieŜki"

-

7.

Rysowanie ścieŜki

Okno "ŚcieŜki"

-

8.

Nowy węzeł

Okno "ŚcieŜki"

-

9.

Dodawanie węzłów

Okno "ŚcieŜki"

-

10. Usuwanie węzłów

Okno "ŚcieŜki"

-

11. Zmiana właściwości węzłów

Okno "ŚcieŜki"

-

12. Definiowanie i edycja nowej ścieŜki Narzędzia->Zaznaczenie->Zaznaczenie Beziera B

Tabela 1. Poznane funkcje programu GIMP