GIMP: tworzenie grafiki na potrzeby WWW (cz 2)



Podobne dokumenty
Wrocław dn. 20 kwietnia 2006 roku

INSTRUKCJA ĆWICZENIOWA NR 2 GIMP: Narzędzia selekcji

GIMP: tworzenie grafiki na potrzeby WWW (cz 1)

Temat 1: GIMP selekcje, wypełnienia, ścieżki

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

GIMP: tworzenie grafiki na potrzeby WWW (cz 5)

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Fotografia cyfrowa obsługa programu GIMP

GIMP. Odręczne zaznaczanie obszarów (F) - Narzędzie to słuŝy do swobodnego definiowania zaznaczeń.

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.

GIMP: tworzenie grafiki na potrzeby WWW (cz 3)

POLITECHNIKA KRAKOWSKA im.t.kociuszki. Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych.

Tworzenie grafiki na potrzeby WWW

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP

Gimp - poznaj jego możliwości!

Maskowanie i selekcja

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

Projekt witryny pt. Oko

Zastosowanie programu Microsoft Excel do analizy wyników nauczania

WSTĘP; NARZĘDZIA DO RYSOWANIA

Obsługa programu Paint. mgr Katarzyna Paliwoda

Zadania do wykonaj przed przyst!pieniem do pracy:

Obsługa programu GIMP poziom podstawowy

Gimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop

Tworzenie napisu i obrysu.

NARZĘDZIA DO ZAZNACZANIA

rysunek. Standardowym Przybornika Elips.

Cykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp

GIMP: tworzenie grafiki na potrzeby WWW (cz 4)

ZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.

Metaliczny button z deseniem.

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Spis treści. Włodzimierz Gajda

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Efekt rollover ze wskaźnikiem wybranej opcji

5. Kliknij czarny trójkt umieszczony w prawym dolnym rogu ikony narzdzia Wypełnienie i - z rozsuwanej palety - wybierz pozycj Wypełnienie jednolite.

Tworzenie i edycja dokumentów w aplikacji Word.

Animacje cz. 2. Rysujemy koło zębate

Spis treści. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego str. 1

Ćwiczenie 1 Automatyczna animacja ruchu

Ćwiczenia GIMP. S t r o n a Uruchom program gimp: 2. I program się uruchomił:

Jak przygotować pokaz album w Logomocji

CorelDraw - podstawowe operacje na obiektach graficznych

Wesoła szkoła i przyjaciele, kl. 2 Plan wynikowy zaj komputerowych

Środki dydaktyczne: tablica, komputer (z zainstalowanym programem GIMP) pliki z instrukcjami i materiałami do obróbki w pliku instrukcje_gimp14.

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

Ćwiczenie 12 Różdżka, szybkie zaznaczanie i zakres koloru

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

Arkusz kalkulacyjny MS Excel 2010 PL.

Tworzenie logo. Omówione zagadnienia

Edytor tekstu OpenOffice Writer Podstawy

Adam Dudek, Systemy Multimedialne 2015

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

Obsługa programu Paint materiały szkoleniowe

Spis treści 1. Wstęp Logowanie Główny interfejs aplikacji Ogólny opis interfejsu Poruszanie się po mapie...

Edytor tekstu OpenOffice Writer Podstawy

Papyrus. Papyrus. Katedra Cybernetyki i Robotyki Politechnika Wrocławska

Cel ćwiczenia: Celem ćwiczenia jest nabranie wprawy w rysowaniu kół i okręgów o zadanych rozmiarach.

Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85

Ćwiczenie 2 Warstwy i kształty podstawowe

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

Co nowego w GIMP-ie v 2.4 cz.iv

Tworzenie prezentacji w MS PowerPoint

Program graficzny MS Paint.

Grażyna Koba. Grafika komputerowa. materiały dodatkowe do podręcznika. Informatyka dla gimnazjum

Prezentacja MS PowerPoint 2010 PL.

Kolory elementów. Kolory elementów

CorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu

Temat: Organizacja skoroszytów i arkuszy

Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku

Kurs Adobe Photoshop Elements 11

Maski warstw. Nic nie zastąpi przykładu, na którym jest jasno pokazane co i jak, a więc koniec wymądrzania się, zobaczmy o czym ja w ogóle mówię.

Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki.

1. Skopiować naswój komputer: (tymczasowy adres)

Edytor tekstu MS Word podstawy

Tworzenie dokumentacji 2D

Wstawianie nowej strony

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

CorelDRAW. wprowadzenie

Przetwarzanie grafiki rastrowej na wektorową

stopie szaro ci piksela ( x, y)

Musimy do naszej gry załadować materiały. Są to trzy obrazki:

Przedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.

CorelDraw rysunek. Standardowym Otwórz, Elipsa Ctrl. Rozmieszczenie > Transformacja. Transformacja. Rozmiar. Nieproporcjonalnie. 125 Zastosuj.

Edytor tekstu MS Word 2010 PL. Edytor tekstu to program komputerowy umożliwiający wprowadzenie lub edycję tekstu.

PORADNIK PRZEMALOWANIA MODELI cz.2

Edytor tekstu OpenOffice Writer Podstawy

Rys. 1. Rozpoczynamy rysunek pojedynczej części

CorelDraw - Edytor grafiki wektorowej

Rys.1. Uaktywnianie pasków narzędzi. żądanych pasków narzędziowych. a) Modelowanie części: (standardowo widoczny po prawej stronie Przeglądarki MDT)

Dodawanie grafiki i obiektów

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Program MS PowerPoint umożliwia tworzenie prezentacji z wykorzystaniem trzech podstawowych sposobów:

Wstęp Arkusz kalkulacyjny Za co lubimy arkusze kalkulacyjne Excel

Praca z układem projektu

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Grafika komputerowa ZS Sieniawa Andrzej Pokrywka. Ścieżki cz. 2. Rysunki z kreskówek. Autor: Joshua Koudys

Transkrypt:

GIMP: tworzenie grafiki na potrzeby WWW (cz 2) Włodzimierz Gajda Drugie spotkanie z GIMPem powicimy selekcjom, linijkom i prowadnicom. Linijki i prowadnice pomagaj w precyzyjnym umiejscowieniu elementów rysunku, natomiast selekcje umoliwiaj wykonywanie operacji edytorskich na fragmentach rysunków. Narzdzia selekcji obszaru Narzdzia selekcji obszaru słu do wskazania fragmentu rysunku, na którym bd wykonywane operacje edytorskie. Kopiowanie fragmentów, wypełnianie farb, malowanie pdzlem, rozmywanie, rzucanie cienia - te i wiele innych operacji dotyczy wybranego fragmentu obrazu. Umiejtno zaznaczenia konkretnego obszaru rysunku warunkuje efektywno naszej pracy z programem GIMP. W poprzednim odcinku nauczylimy si zaznacza cały rysunek (opcja: "Zaznaczenie -> Wszystko"). Operacj odwrotn jest usunicie zaznaczenie: "Zaznaczenie -> Brak". Skróty klawiszowe Ctrl-A oraz Ctrl-Shift-A słu do zaznaczenia całego rysunku oraz do usunicia zaznaczenia. Zaznaczanie obszaru Narzdzia słuce do zaznaczania obszaru s dostpne w oknie głównym programu GIMP. Jest to pierwsza seria przycisków, słuca do wykonywania nastpujcych czynnoci: zaznaczanie prostoktnych obszarów (klawisz skrótu: r) zaznaczanie eliptycznych obszarów (klawisz skrótu: e) odrczne zaznaczanie obszarów (klawisz skrótu: f) zaznaczanie ssiadujcych obszarów (klawisz skrótu: z) Powysze opcje znajdziemy równie w menu podrcznym rysunku. Na przykład zaznaczenie prostoktne uaktywnimy klikajc: "Narzdzia -> Zaznaczenie -> Zaznaczenie prostoktne", za zaznaczenie eliptyczne "Narzdzia -> Zaznaczenie -> Zaznaczenie eliptyczne". Warto zapamita skróty klawiszowe wymienione powyej: r, e, f oraz z. wiczenie 1 Przygotuj ilustracj o wymiarach 256x256 przedstawiajc czerwony prostokt, zielony owal oraz niebieski rysunek w kształcie licia. wiczenie rozpoczynamy od utworzenia nowego, pustego rysunku (opcja "Plik -> Nowy"). Nastpnie wybieramy narzdzie "Zaznaczenie prostoktne". Korzystajc z metody cignijupu rozcigamy wewntrz rysunku prostokt. Widoczny prostokt jest aktywnym obszarem rysunku. Jeli teraz uyjemy narzdzia do wypełniania kolorem lub deseniem ("Narzdzia -> Rysowanie -> Wypełnianie kubełkiem"), wówczas wlany kolor wypełni wyłcznie 1

zaznaczony przez nas prostokt. Kolor narzdzia "Wypełnianie kolorem lub deseniem" ustalamy wykorzystujc kontrolki "Kolor narzdzia i tła" dostpne w lewym dolnym rogu okna programu GIMP. Po ustaleniu koloru czerwonego klikamy w zaznaczony prostokt. Prostokt powinien zosta wypełniony kolorem czerwonym. Nastpnie zmieniamy narzdzie na "Zaznaczenie eliptycznych obszarów". Zaznaczamy na rysunku elips, zmieniamy kolor wypełnienia na zielony, włczamy narzdzie "Wypełnianie kolorem lub deseniem" i klikamy w elips. Powinnimy otrzyma zielon elips. Ostatni etap pracy to odrczne narysowane licia. Włczamy narzdzie "Odrczne zaznaczanie obszarów", po czym rysujemy listek. Ponownie zmieniamy kolor wypełnienia na niebieski, uaktywniamy narzdzie "Wypełnianie kolorem lub deseniem" i klikamy w listek. Efekt naszej pracy przedstawiono na rysunku 1. Rys. 1. Uycie narzdzi do selekcji prostoktnej, eliptycznej i odrcznej. Podczas korzystania z narzdzi do selekcji prostoktnej oraz eliptycznej bardzo wane s klawisze Shift oraz Ctrl. Klawisze te posiadaj podwójne znaczenie, co czsto doprowadza pocztkujcych uytkowników do frustracji. Po pierwsze klawisze te umoliwiaj tworzenie obszarów kwadratowych i okrgłych, po drugie słu do tworzenia sumy obszarów, rónicy i czci wspólnej. O działaniu klawiszy Shift oraz Ctrl decyduje moment ich nacinicia. Jeli najpierw naciniemy klawisz myszki, a póniej klawisz Shift lub Ctrl wówczas zmieniamy kształt zaznaczenia (zamiast prostokta otrzymamy kwadrat; zamiast elipsy otrzymamy koło). Jeli natomiast najpierw naciniemy klawisz Shift lub Ctrl, a dopiero póniej klawisz myszki, wówczas tworzymy sum lub rónic zaznacze. Zapamitajmy zatem, e klawisze Ctrl oraz 2

Shift słu zarówno do tworzenia sumy, rónicy, czci wspólnej zaznacze jak i do modyfikacji kształtu selekcji. wiczenie 2 Przygotuj ilustracj o wymiarach 256x256 przedstawiajc dwa kwadraty, prostokt oraz dwa koła i elips wypełnione dowolnym kolorem. Po utworzeniu nowego rysunku, tworzymy selekcj kwadratow. W tym celu wybieramy narzdzie do selekcji prostoktnej. Zaznaczamy dowolny kształt prostoktny, a nastpnie (cigle trzymajc klawisz myszki) naciskamy klawisz Shift i przesuwamy myszk. Wybrany obszar powinien przybra kształt kwadratu. Tak zaznaczony obszar wypełniamy dowolnym kolorem farby. Nastpnie ponownie wybieramy narzdzie do selekcji prostoktnej i zaznaczamy dowolny prostokt. Trzymajc jeszcze klawisz myszki naciskamy klawisz Ctrl. Kształt prostokta zostanie tak zmodyfikowany, e jego rodek cikoci wypadnie w miejscu wskazywanym przez myszk podczas rozpoczcia operacji zaznaczania. Uzyskany obszar wypełniamy dowolnym kolorem. Ponownie zmieniamy narzdzie na selekcj prostoktn. Tym razem, podczas zaznaczania obszaru prostoktnego naciskamy oba klawisze: Ctrl oraz Shift. Zaznaczany obszar powinien przyj kształt kwadratu, za jego rodek powinien wypada w punkcie pocztkowo wskazywanym przez myszk. Zaznaczony kwadrat wypełniamy dowolnym kolorem. Klawisze Ctrl oraz Shift w podobny sposób modyfikuj działanie narzdzia do selekcji eliptycznej. Naciskajc Shift uzyskamy obszar okrgły. Klawisz Ctrl zmienia rodek elipsy. Nowym rodkiem staje si punkt, od którego rozpoczlimy zaznaczenie obszaru. Oczywicie podobnie jak w przypadku selekcji prostoktnej moemy nacisn równoczenie klawisze Shift oraz Ctrl. Uzyskamy wówczas koło o zadanym rodku. UWAGA: naley pamita, by najpierw rozpocz operacj zaznaczania obszaru (tj. najpierw nacisn lewy klawisz myszki), a dopiero póniej nacisn klawisze Shift lub Ctrl. Wykorzystujc opisane działanie klawiszy Ctrl oraz Shift w stosunku do selekcji eliptycznej koczymy wiczenie 2 rysujc dwa koła i jedn elips. 3

Rys. 2. Klawisze Shift oraz Ctrl umoliwiaj selekcj kwadratów i kół, oraz zmian rodka zaznaczanego obszaru. Suma, rónica oraz cz wspólna zaznaczonych obszarów Poznane przez nas przed chwil klawisze Ctrl oraz Shift posiadaj jeszcze jedn wan funkcj. Umoliwiaj tworzenie złoonych obszarów składajcych si z wielu okrgów czy kwadratów. Klawisz Shift umoliwia tworzenie sumy zaznacze, klawisz Ctrl słuy do wykonania rónicy zaznacze. Nacinicie obydwu klawiszy Ctrl oraz Shift spowoduje wykonanie operacji czci wspólnej na zaznaczeniach. W celu wykonania jednej z powyszych operacji naley najpierw nacisn klawisze Shift lub Ctrl a dopiero potem nacisn klawisz myszki. Po rozpoczciu przesuwania myszki moemy ju klawisze Ctrl oraz Shift puci, gdy w tym momencie ich przytrzymanie modyfikuje kształt zaznaczenia (otrzymujemy koło lub kwadrat). wiczenie 3 Wykonaj rysunek prezentujcy krzyyk, oraz drabink. Rysunek wykonaj wykorzystujc operacje sumy oraz rónicy zaznacze prostoktnych. 4

Rys. 3. Suma i rónica zaznacze prostoktnych. Po utworzeniu nowego rysunku zaznaczamy prostoktny obszar, który bdzie stanowił belk krzya. Gdy na rysunku jest widoczne zaznaczenie prostoktne, natomiast aktywnym narzdziem jest selekcja prostoktna naciskamy klawisz Shift. Jeli teraz poruszymy wskazówk myszki (bez naciskania przycisku), wówczas obok wskanika myszki powinien si pojawi znak plus. Trzymajc klawisz Shift zaznaczamy obszar, który bdzie stanowił belk krzya. Po rozpoczciu zaznaczania (czyli po nacinici klawisza myszki) naley zwolni klawisz Shift. W momencie, gdy kształt krzya jest zadowalajcy zwalniamy klawisz myszki. Otrzymane zaznaczenie powinno by połczeniem obydwu zaznaczonych prostoktów. Otrzymane zaznaczenie wypełniamy dowolnym kolorem farby. W podobny sposób rysujemy drabink. Najpierw zaznaczamy duy prostokt. Nastpnie przyciskamy klawisz Ctrl i przesuwamy wskanik myszki (bez naciskania przycisków myszki). Obok wskazówki myszki pojawi si znak minus informujcy nas o tym, e bdziemy wykonywali rónic zaznacze. Trzymajc klawisz Ctrl rozpoczynamy operacj zaznaczania. Po rozpoczciu operacji zaznaczania (tj. po naciniciu lewego przycisku myszki) zwalniamy klawisz Ctrl. Po ustaleniu danego rozmiaru prostokta zwalniamy klawisz myszki. Operacj t powtarzamy kilkukrotnie (tj. z oryginalnego kwadratu wycinamy kilka prostoktów), po czym uzyskane zaznaczenie wypełniamy dowolnym kolorem. Efekt naszej pracy jest widoczny na rysunku 3. wiczenie 4 Wykonaj rysunek prezentujcy operacje sumy oraz rónicy zaznacze eliptycznych. 5

wiczenie to wykonujemy niemal identycznie jak poprzednie. Zatem po zaznaczeniu duej elipsy, wycinamy oczy. W tym celu wykorzystujemy klawisz Ctrl, po naciniciu którego, powinnimy ujrze minus obok wskanika myszy (pamitajmy o przesuniciu myszki!). Po wyciciu oczu selekcj malujemy w paski korzystajc z narzdzia "Malowanie rozmytymi pocigniciami pdzla". Połczone koła uzyskujemy wykonujc operacj sumy zaznacze dla dwóch kół. Zwrómy uwag, e w tym przypadku naley wykorzysta klawisz Shift podwójnie: do wykonania sumy zaznacze oraz do zmiany kształtu zaznaczenia z elipsy na okrg! Rys. 4. Suma i rónica zaznacze eliptycznych. Kolejne wiczenie zapozna nas z bardzo wanym narzdziem nazwanym "Zaznaczanie ssiadujcych obszarów". Jest ono niezmiernie przydatne w sytuacjach, gdy chcemy dokona selekcji fragmentu rysunku na podstawie koloru. wiczenie 5 Pomaluj wszystkie figury z rysunku 1 ółtym kolorem. 6

Rys. 5. Rysunek z w. 1 przemalowany na ółto. Cała trudno wiczenia pitego polega na zaznaczeniu kilku niespójnych obszarów o zadanych kolorach czerwonym, zielonym i niebieskim. Wybierzmy z menu narzdzie "Zaznaczanie ssiadujcych obszarów." Jeli teraz klikniemy wewntrz czerwonego prostokta, spowoduje to selekcj obszaru niemal identycznego z prostoktem. Rónice wynikaj ze stosowanego formatu zapisu. Otó podczas konwersji do formatu JPEG nasz obraz ulega kompresji stratnej (jako obrazu i stopie kompresji regulujemy odpowiednim suwakiem w okienku dialogowym "Zapis jako JPEG"). Po wykonaniu kompresji na naszym obrazku pojawiły si piksele o kolorze rónym od zastosowanego przez nas do wypełnienia obszaru. Tak naprawd nasz rysunek powinien zawiera jedynie cztery kolory: biały, czerwony, zielony oraz niebieski, a jeli go powikszymy odpowiednio to zauwaymy gdzieniegdzie bladoszare piksele. Zapamitajmy zatem, e jeli istnieje ryzyko, e bdziemy musieli poprawi nasz rysunek to koniecznie naley oryginał zapisa w formacie XCF. Powrómy do wiczenia. Do zaznaczonego obszaru prostoktnego chcemy teraz doda fragment owalny wypełniony kolorem zielonym. Pamitajc, e klawisz Shift wykonuje operacj sumy na selekcjach wystarczy nacisn Shift, a nastpnie klikn wewntrz elipsy. W identyczny sposób dodajemy do naszego zaznaczenia niebieski listek: naciskamy klawisz Shift, a nastpnie klikamy wewntrz niebieskiego listka. W ten sposób wykonalimy niespójne zaznaczenie obejmujce swoim zasigiem trzy figury. Jeli teraz chcemy pomalowa zaznaczony obszar na ółto wystarczy uy "kubełka" do wypełniania farb (operacja "Wypełnianie kolorem lub deseniem" posiada skrót klawiszowy Shift-B). 7

wiczenie 6 Pomaluj figury z wiczenia 2 na kolor niebieski. Rys. 6. Rysunek z w. 2 przemalowany na niebiesko. Wykonajmy to wiczenie w nieco inny sposób ni wiczenie poprzednie. Wybierzmy narzdzie "Zaznaczanie ssiadujcych obszarów". Lecz tym razem zamiast klika w figury kliknijmy w białe tło. Otrzymana selekcja bdzie obejmowała cały rysunek za wyjtkiem trzech kolorowych figur. Jeli teraz odwrócimy selekcj (operacja "Zaznaczenie -> Odwró zaznaczenie" posiada skrót klawiszowy Ctrl - I) wówczas selekcja obejmie mniej wicej nasze trzy figury. Podobnie jak w poprzednim przypadku selekcja nie jest dokładna, poniewa otworzony obraz był zapisany w formacie JPEG i zawiera piksele o delikatnym szarawym, zielonkawym, czerwonawym i niebieskawym odcieniu. Pierwsze sze wicze stanowi abecadło jeli chodzi o wykorzystanie narzdzi selekcji. Sprawne posługiwanie si narzdziami do zaznaczania obszaru oraz klawiszami Ctrl i Shift jest konieczne, jeli chcemy wykorzysta GIMPa do zada webmasterskich. Linijki i prowadnice Wykonanie wicze od pierwszego do szóstego wymagało zaznaczania niemale dowolnych fragmentów. Nie było dla nas istotne ani dokładne połoenie selekcji ani jej rozmiar. Oczywicie przygotowywanie elementów graficznych na strony WWW bdzie nas wielokrotnie zmuszało do uzyskania selekcji o zadanym rozmiarze i usytuowanej w konkretnym miejscu rysunku (z dokładnoci do piksela). W jaki zatem sposób umiejscowi nasz selekcj i ustali jej rozmiar? Słu do tego prowadnice. Prowadnice s linijkami, które dodajemy do rysunku. W przygotowanej ilustracji nie s one oczywicie widoczne. 8

Prowadnice słu do dokładnego pozycjonowania rónych elementów naszej kompozycji graficznej m.in. selekcji, warstw czy cieek. Na rysunku 7 widoczne s linijki. Umieszczenie prowadnic na naszym rysunku wykonujemy nastpujco. Naley klikn lewym przyciskiem myszki na linijce i przecign kursor myszy (cały czas trzymamy guzik myszki) na obszar rysunku. Tak jak bymy chcieli przesun linijk. W miejscu, w którym zwolnimy klawisz myszki pojawi si na rysunku przerywana linia. Jest to włanie prowadnica. Prowadnice poziome uzyskujemy korzystajc z poziomej linijki, natomiast prowadnice pionowe - z pionowej. Zarówno linijki jak i prowadnice moemy ukry wykorzystujc opcj "Widok -> Linijki" oraz "Widok -> Prowadnice". Opcje te posiadaj skróty Ctrl-Shift-R oraz Ctrl-Shift-T. Rys. 7. Okno rysunku ze wskazanymi linijkami. Raz ustawion prowadnic moemy dowolnie przesuwa. W tym celu naley uy narzdzia "Przesuwanie warstw oraz zaznacze" aktywowanego skrótem klawiszowym m. Przesunicie prowadnicy na linijk powoduje jej usunicie. Jeli chcemy umiejscowi prowadnic z dokładnoci do piksela to z pomoc przyjdzie nam poznana ju operacja powikszania i pomniejszania widoku rysunku (klawisze - oraz =). W prawym dolnym rogu okna rysunku wywietlane s współrzdne biecego połoenia kursora myszki. Rysunek 8 przedstawia okno z ustawion jedn prowadnic i wskazanym miejscem, w którym wywietlane s współrzdne kursora myszki. 9

Rys. 8. Prowadnica i współrzdne kursora myszki. Dodatkowo do upewnienia si, e prowadnica wypada w zaplanowanym miejscu moemy uy narzdzia "Mierzenie odległoci i któw" (prawy dolny guzik w oknie głównym programu GIMP). Wykorzystujc to narzdzie moemy sprawdzi, czy odległo midzy prowadnicami jest zgodna z naszymi oczekiwaniami. Przykład pomiaru jest przedstawiony na rysunku 9. 10

Rys. 9. Wyniki pomiaru odległoci dwóch prowadnic. wiczenie 7 Wykonaj logo przedstawiajce ółte i czarne kwadraty. Wynik pracy zapisz w formatach XCF, JPEG oraz PNG. Wynikiem naszej pracy ma by ilustracja widoczna na rysunku 10. Swoj prac rozpoczynamy od utworzenia nowego rysunku o rozmiarach 30x30 pikseli. Nastpnie do rysunku dodajemy prowadnice. Ustalamy dwie prowadnice pionowe oraz dwie prowadnice poziome tak, by rysunek był podzielony na kwadraty o rozmiarze 10x10 pikseli. Rysunek 9 pokazuje, co powinnimy otrzyma. Teraz przystpujemy do dokonania selekcji fragmentu rysunku. Chcemy zaznaczy trzy kwadraty lece na przektnej i pomalowa je na ółto (patrz rysunek 10). Wybieramy narzdzie do selekcji prostoktnej i zaznaczamy pierwszy kwadrat. Nastpnie naciskamy klawisz Shift i zaznaczamy drugi kwadrat. W podobny sposób do otrzymanej selekcji dodajemy trzeci kwadrat. Jeli teraz wyłczymy widoczno prowadnic (Ctrl-Shift-T), wówczas powinnimy ujrze selekcj obejmujc trzy kwadraty. Selekcj wypełniamy kolorem ółtym. 11

Nastpnie odwracamy selekcj (Ctrl-I). Teraz selekcja obejmuje biały obszar naszego rysunku. Selekcj wypełniamy kolorem czarnym. Uzyskany obraz zapisujemy w formacie XCF. Pamitajmy, e zapisanie obrazu w jakimkolwiek innym formacie spowoduje utrat prowadnic i selekcji! Jeli dysponujemy obrazem w formacie XCF to oczywicie bez trudu moemy uzyska obraz w innym formacie. Wystarczy otworzy nasz obraz i wykona operacje "Zapisz jako...". Zapiszmy wykonany rysunek dodatkowo w formatach JPEG oraz PNG. Jeli porównamy rozmiary otrzymanych plików to okae si, e plik PNG jest mniejszy. Ponadto jako obrazu zapisanego w pliku PNG bdzie lepsza. Zapamitajmy zatem, by rysunki przedstawiajce figury geometryczne powypełniane kilkoma kolorami zapisywa w formacie PNG. Format JPEG sprawdza si w stosunku do fotografii. Rysunek 11 przedstawia wiczenie 7 i dwa rysunki w formacie PNG oraz JPEG. Rys. 10. Logo z wiczenia 7 z widocznymi prowadnicami. 12

Rys. 11. ółto-czarne logo. wiczenie 8 Wykonaj rysunki przedstawiajce znaki lotnictwa japoskiego, polskiego oraz RAFu. Wynik pracy zapisz w formatach XCF, JPEG oraz PNG. Rys. 12. Godła lotnictwa polskiego, japoskiego i alianckiego. Wykonanie godła lotnictwa polskiego rozpoczynamy od ustawienia prowadnic. Rysunek o wymiarach 30x30 pikseli dzielimy prowadnicami na fragmenty zgodnie z rysunkiem 13. Po ustaleniu połoenia prowadnic zaznaczamy obszar przeznaczony na kolor czerwony. Wykorzystujemy w tym celu narzdzie do selekcji prostoktnej i klawisz Shift słucy do tworzenia sumy selekcji. Dodajemy kolejne prostokty i kwadraty a do uzyskania selekcji obejmujcej cały czerwony obszar rysunku. Nastpnie selekcj wypełniamy kolorem czerwonym, a sam obraz zapisujemy do plików XCF, PNG oraz JPEG. Godło lotnictwa japoskiego to po prostu czerwone koło na białym tle. Utwórzmy obraz o rozmiarze 31x31 pikseli, nastpnie dodajmy prowadnice poziom w odległoci 15 pikseli od górnej krawdzi rysunku oraz prowadnic pionow w odległoci 15 pikseli od lewej krawdzi obrazu. 13

Teraz wykonujemy selekcje eliptyczn rozpoczynajc od punktu przecicia prowadnic. W trakcie rozpinania eliptycznej selekcji naciskamy klawisze Ctrl oraz Shift. Nasza selekcja powinna przybra kształt koła o rodku w punkcie przecicia prowadnic. Jeli rozepniemy selekcj a do brzegu rysunku to powinnimy zauway, e selekcja z kadej strony dotyka krawdzi obrazu. Innym słowy selekcja jest umiejscowiona w rodku rysunku. Selekcj wypełniamy czerwona farb. Godło lotnictwa alianckiego wykonujemy identycznie jak godło japoskie. Poniewa godło aliantów zawiera piercienie niebieski, biały i czerwony, zatem musimy trzykrotnie powtórzy selekcj, za kadym razem zmniejszajc jej promie. Rys. 13. Prowadnice do rysunku godła polskiego lotnictwa. Modyfikacja kształtu selekcji Potrafimy ju zaznaczy dowolny kształt składajcy si z prostoktów, kwadratów, elips i okrgów. Nastpny etap nauki to dokonywanie przekształce selekcji. Jedno z przekształce ju si pojawiło w dzisiejszej serii wicze: odwrócenie zaznaczenia ("Zaznaczenie -> Odwró zaznaczenie", skrót Ctrl-I). Kolejnymi operacjami, jakie moemy wykona na selekcjach s: zwikszanie zaznaczonego obszaru zmniejszanie zaznaczonego obszaru wygładzanie kształtu zaznaczonego obszaru wyostrzenie kształtu zaznaczonego obszaru 14

Wszystkie powysze operacje znajdziemy w menu kontekstowym obrazu w opcji "Zaznaczenie". Oczywicie kade z powyszych przekształce moemy wykonywa bez wzgldu na to, w jaki sposób selekcja została osignita. Ponisze dwa wiczenia demonstruj uycie wybranych operacji przekształcania selekcji. wiczenie 9 Wykorzystujc operacj zmniejszania zaznaczenia wykonaj rysunek nr 14. Wynik pracy zapisz w formacie PNG Rys. 14. Przykład uycia operacji zmniejszania zaznaczenia. Utwórzmy kwadratowy rysunek o wymiarach 30x30 pikseli. Nastpnie zaznaczmy cały rysunek (klawisz Ctrl-A). Zaznaczony rysunek wypełniamy kolorem czerwony. Nastpnie zmniejszamy zaznaczenie: "Zaznaczenie -> Zmniejsz" o 5 pikseli. Uzyskane zmniejszone zaznaczenie wypełniamy kolorem czarnym. Operacje zmniejszania zaznaczenia i wypełniania kolorem powtarzamy dan liczb razy. wiczenie 10 Dysponujesz fotografi przedstawiajc zachód słoca. Wykorzystujc operacj wygładzania selekcji wykonaj rysunek przedstawiajcy kwadratowy fragment oryginalnej fotografii. Niech brzeg nowopowstałego obrazu wtapia si w tło. 15

Rys. 15. Obraz wtopiony w tło przy pomocy wygładzania selekcji. Po otworzeniu danego rysunku zaznaczamy na rodku w dowolnym miejscu kwadrat. Uzyskan selekcj wygładzamy wybierajc opcje "Zaznaczenie -> Wygład". Jako promie wygładzania podajmy du warto np. 30. Nastpnie odwracamy zaznaczenie. Na koniec otrzymane zaznaczenie wypełniamy kolorem tła stosuj "kubełek" do wlewania farby. Podsumowanie Drugi odcinek spotka z GIMPem zapoznał nas z narzdziami selekcji, linijkami oraz prowadnicami. Tabela 1 przedstawia list wszystkich operacji niezbdnych do wykonania opisanych wicze. Funkcja Zaznaczanie prostoktne: Zaznaczanie eliptyczne: Zaznaczanie odrczne: Opcja menu Narzdzia->Zaznaczenie->Zaznaczenie prostoktne Narzdzia->Zaznaczenie->Zaznaczenie eliptyczne Narzdzia->Zaznaczenie->Zaznaczenie odrczne Klawisz skrótu r e f 16

Zaznaczanie rozmyte: Narzdzia->Zaznaczenie->Zaznaczenie rozmyte z Wypełnianie kubełkiem: Narzdzia->Rysowanie->Wypełnianie kubełkiem Shift-B Rysowanie pdzlem: Narzedzia->Rysowanie->Pdzel P Odwracanie zaznaczenia: Narzdzia->Zaznaczenie->Odwró Ctrl-I Zwikszenie zaznaczenia: Narzdzia->Zaznaczenie->Powiksz Zmniejszenie zaznaczenia: Narzdzia->Zaznaczenie->Zmniejsz Wygładzanie zaznaczenia: Narzdzia->Zaznaczenie->Wygład Wyostrzanie zaznaczenia: Narzdzia->Zaznaczenie->Wyostrz Widok linijek: Widok->Linijki Ctrl-Shift-R Widok prowadnic: Widok->Prowadnice Ctrl-Shift-T Widok zaznaczenia: Widok->Zaznaczenie Ctrl-T Przesuwanie warstw i zaznacze: Narzdzia->Przekształcenie->Przesu m Mierzenie odległoci i któw (operacja dostpna z okienka programu GIMP) Tabela 1. Poznane funkcje programu GIMP. Po oswojeniu si z tym, e niemal wszystkie operacje zwizane z otworzonym rysunkiem wykonujemy za pomoc menu kontekstowego kolejnym wyzwaniem jest działanie klawiszy Ctrl oraz Shift w stosunku do selekcji. Uwane, kilkukrotne wykonanie wicze 1-6 powinno w tym pomóc. Na koniec zwrómy uwag na pewne potknicia GIMPa. Dwa narzdzia w programie GIMP maj dwie róne nazwy w rónych miejscach. Narzdzie do wypełniania kolorem nazywa si w menu "Narzdzia -> Rysowanie -> Wypełnianie kubełkiem", natomiast podpowied (ang. hint) pojawiajca si po wskazaniu kursorem myszki odpowiedniego guzika w oknie głównym GIMPa brzmi "Wypełnianie kolorem lub deseniem". Podobnie, hint operacji "Narzdzia -> Zaznaczenie -> Zaznaczenie rozmyte" brzmi "Zaznaczanie ssiadujcych obszarów". Zwrómy równie uwag, e skróty klawiszowe operacji selekcji prostoktnej, eliptycznej czy z wolnej rki s napisane w menu błdnie duymi literami. Poprawne skróty to: r, e, f, z. wiczenia przedstawione w artykule s dostpne na stronie domowej autora pod adresem http://www.gajdaw.pl/ 17