GIMP: tworzenie grafiki na potrzeby WWW (cz 1)



Podobne dokumenty
Tworzenie grafiki na potrzeby WWW

GIMP: tworzenie grafiki na potrzeby WWW (cz 2)

WSTĘP; NARZĘDZIA DO RYSOWANIA

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

GIMP: tworzenie grafiki na potrzeby WWW (cz 5)

Zadania do wykonaj przed przyst!pieniem do pracy:

GIMP: tworzenie grafiki na potrzeby WWW (cz 4)

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

Zastosowanie programu Microsoft Excel do analizy wyników nauczania

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

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

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

CYKL ZAJ POZNAJEMY POWER POINT

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

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

5.2. Pierwsze kroki z bazami danych

obsług dowolnego typu formularzy (np. formularzy ankietowych), pobieranie wzorców formularzy z serwera centralnego,

Fotografia cyfrowa obsługa programu GIMP

NARZĘDZIA DO ZAZNACZANIA

Program do konwersji obrazu na cig zero-jedynkowy

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

GIMP fotografia kolorowa i czarno-biała

1. Opis okna podstawowego programu TPrezenter.

Gimp - poznaj jego możliwości!

Instrukcja obsługi programu DIALux 2.6

GIMP: tworzenie grafiki na potrzeby WWW (cz 3)

Temat: Organizacja skoroszytów i arkuszy

Wrocław dn. 20 kwietnia 2006 roku

Maskowanie i selekcja

Celem ćwiczenia jest zapoznanie się z podstawowymi funkcjami i pojęciami związanymi ze środowiskiem AutoCAD 2012 w polskiej wersji językowej.

Jak zmniejszać rozmiar fotografii cyfrowych dr Lech Pietrzak

Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

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

Ćwiczenie 1 Automatyczna animacja ruchu

Projekt witryny pt. Oko

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Metaliczny button z deseniem.

e-podręcznik dla seniora... i nie tylko.

Korzystanie z efektów soczewek

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Efekt rollover ze wskaźnikiem wybranej opcji

Spis treści. Adobe Photoshop lab. 2 Jacek Wiślicki,

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

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

1. Pobieranie i instalacja FotoSendera

Systemy multimedialne 2015

Kurs Adobe Photoshop Elements 11

Obsługa programu Paint. mgr Katarzyna Paliwoda

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

Instrukcja obsługi programu Pilot PS 5rc

Poradnik korzystania z serwisu UNET: Dostp do poczty elektronicznej ze strony WWW

Tworzenie prezentacji w MS PowerPoint

INSTRUKCJA ĆWICZENIOWA NR 2 GIMP: Narzędzia selekcji

Platforma szkoleniowa krok po kroku. Poradnik Kursanta

Programy. Z Delphi. Opracowała Małgorzata Roguska

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

Operacja macro. czyli jak podpisać zdjęcie i zrobić miniaturę. Tworzymy nową akcję. Anna Góra. Zmiana dpi zdjęcia na 300 piks/cal.

Poniszy rysunek przedstawia obraz ukoczonej powierzchni wykorzystywanej w wiczeniu.

Tworzenie nowego dokumentu. Ćwiczenie

Główne elementy zestawu komputerowego

Przygotowanie materiałów graficznych w programie Gimp

Animacje oraz ciekawe efekty dostępne w programie GIMP

Kurs Adobe Photoshop Elements 11

Instalacja programu Sprzeda z motorem. bazy danych Pervasive V8

Dodawanie grafiki i obiektów

Edytor tekstu MS Word podstawy

Expo Composer Garncarska Szczecin tel.: info@doittechnology.pl. Dokumentacja użytkownika

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

TWORZENIE DANYCH DO DRUKU W PROGRAMIE MICROSOFT POWERPOINT 2013

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

ZPKSoft. Kreator dokumentów. Wstp. Przeznaczenie. Definicje

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.1

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

Laboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu

Przygotowanie plików PDF do druku

Aby pobrać program FotoSender naleŝy na stronę lub i kliknąć na link Program do wysyłki zdjęć Internetem.

Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów

Instrukcja obsługi dodatku InsERT GT Smart Documents

Laboratorium Ergonomii Politechniki Wrocławskiej (

Grafika komputerowa. Zajęcia 7

INSTYTUT TECHNIKI Zakad Elektrotechniki i Informatyki mdymek@univ.rzeszow.pl FLASH

Edytor tekstu OpenOffice Writer Podstawy

LABORATORIUM INFORMATYKI 0

mfaktura Instrukcja instalacji programu Ogólne informacje o programie biuro@matsol.pl

Ćwiczenia z systemu operacyjnego WINDOWS

INSTRUKCJA ĆWICZENIOWA NR 4

Google Earth. Co to jest Google Earth? Co to jest KML? Skąd można pobrać Google Earth?

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

Lekcja 3 Banki i nowe przedmioty

Wstawianie nowej strony

Twoja instrukcja użytkownika HP SCANJET G3010 PHOTO SCANNER

Spis treści. Włodzimierz Gajda

Oficyna Wydawnicza UNIMEX ebook z zabezpieczeniami DRM

Adobe Photoshop lab. 3 Jacek Wiślicki, 1. Napisy (c.d.) Ogień Miód Metal Aqua...

Slajdy. 1. STRONA uruchom program PowerPoint usuń ramki z napisami Narzędzia główne Układ Pusty

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

Obsługa programu Paint materiały szkoleniowe

Okno logowania. Okno aplikacji. 1. Logowanie i rejestracja

Football Team Monitor opis funkcji

Transkrypt:

GIMP: tworzenie grafiki na potrzeby WWW (cz 1) Włodzimierz Gajda Program GIMP jest bezpłatnym narzdziem oferujcym bogate moliwoci obróbki grafiki komputerowej. Z powodu rónic interfejsu programu w stosunku do aplikacji Windows, GIMP potrafi skutecznie odstraszy pocztkujcych uytkowników. W jaki sposób ujarzmi GIMPa? O tym traktuje niniejszy artykuł, który rozpoczyna cykl majcy na celu przedstawienie moliwoci programu oraz metod pracy ze szczególnym uwzgldnieniem tworzenia grafiki na potrzeby serwisów WWW. Instalacja i uruchomienie Program GIMP moemy zdoby odwiedzajc witryn http://www.gimp.org/. Naley pamita o tym, by wraz z programem instalacyjnym GIMPa skopiowa bibliotek GTK. Instalacj oprogramowania trzeba rozpocz od biblioteki GTK. Poza standardowymi opcjami takimi jak docelowy folder czy tworzenie ikony na pulpicie, program instalacyjny umoliwia wybór wersji jzykowej. Po wybraniu polskiej wersji jzykowej cały interfejs GIMPa bdzie przetłumaczony na jzyk polski. Niestety, w obecnej wersji pomoc dołczana do programu jest dostpna jedynie w jzyku angielskim. Rys. 1. Okno główne programu GIMP. Skalowanie rysunków Prac z GIMPem rozpoczniemy od skalowania rysunków. Operacja skalowania jest przydatna m.in. przy przygotowywaniu galerii internetowej lub menu strony. Dysponujc duym rysunkiem chcemy na stronie umieci jego miniaturk. Wykonujc skalowanie rysunku 1

nauczymy si take otwiera i zapisywa obraz, wywietla menu kontekstowe obrazu, a take powiksza i pomniejsza widok obrazu. wiczenie 1 Dysponujesz plikiem kwiatek.jpg o wymiarach: szeroko - 800 pikseli, wysoko - 600 pikseli (w skrócie: 800x600) zapisanym w formacie JPEG. Przygotuj miniaturki o rozmiarach 400x300 oraz 200x150 i zapisz je do plików kwiatek-400.jpg oraz kwiatek- 200.jpg. wiczenie rozpoczynamy od wczytania zdjcia z pliku kwiatek.jpg. Słuy do tego opcja menu głównego Plik Otwórz. Podobnie jak pozostałe okienka dialogowe GIMPa tak i okienko "Odczyt obrazu" róni si wizualnie od aplikacji Windows. Wynika to z faktu, e GIMP jest dostpny na róne platformy (m.in. Linux oraz FreeBSD) i operacj "Odczyt obrazu" wykonuje za porednictwem funkcji biblioteki GTK, a nie Windows API. Druga rónica w stosunku do innych aplikacji Windows jest taka, e w programie GIMP niemal kade okienko dialogowe bdzie widoczne w postaci osobnego przycisku na pasku zada. Obraz wywietlany po otwarciu pliku moemy powiksza i pomniejsza wykorzystujc opcje Widok Powiksz oraz Widok Pomniejsz dostpne w menu kontekstowym obrazu. W celu wywietlenia menu kontekstowego, naley klikn prawym przyciskiem myszy w otwarty obraz. Jest to kolejna rónica w stosunku do rodzimych aplikacji Windows. Programy Corel Photo Paint oraz Adobe Photoshop zawieraj wiksz cz swoich opcji w menu głównym, podczas gdy w GIMPie operacje dotyczce danego obrazu s dostpne w menu kontekstowym. Rys. 2. Plik kwiatek.jpg po pomniejszeniu do rozmiaru 33%. 2

Poniewa operacje powikszania i pomniejszania s wykonywane bardzo czsto, wic dla wygody warto zapamita dwa skróty klawiszowe: znak - (minus) pomniejsza widok, za znak = (znak równoci) powiksza widok wywietlanego obrazu. Belka tytułowa okna z obrazem informuje nas o stopniu powikszenia widoku obrazka w stosunku do oryginału (np. 50%). Oczywicie operacje zwikszania i zmniejszania widoku nie powoduj skalowania obrazu. Zapisanie obrazu po wykonaniu operacji "Pomniejsz" spowoduje, e zapisany obraz bdzie identyczny jak oryginał (tj. jego wymiary nie ulegn zmianie). Operacj skalowania wykonujemy klikajc opcj Obraz Przeskaluj obraz w menu kontekstowym obrazu. Okno dialogowe "Skalowanie obrazu" umoliwia wybór jednostki, w jakiej podawane s wymiary obrazu, podanie nowej szerokoci obrazu lub wysokoci oraz zmian współczynników X i Y. Domylnie współczynniki X oraz Y s połczone, co powoduje, e obraz jest skalowany proporcjonalnie (zmiana wysokoci z 600 na 300 spowoduje automatycznie zmian szerokoci z 800 na 400). Jeli chcemy zmienia niezalenie szeroko i wysoko obrazu naley rozłczy współczynniki X oraz Y klikajc w przycisk o wygldzie spinacza. Rys. 3. Okno dialogowe "Skalowanie obrazu". Ustalmy szeroko obrazu na 200, za jego wysoko na 150. Operacj zakoczmy naciskajc przycisk OK. Pozostało nam zapisanie obrazu. Próno szuka opcji Zapisz lub Zapisz jako... w menu głównym GIMPa. Podobnie jak i poprzednio wykonywane przez nas operacje opcje zwizane z zapisem obrazu s dostpne w menu kontekstowym danego obrazu. Naley zatem klikn prawym guzikiem w przeskalowany obraz, a nastpnie wybra Plik Zapisz jako... 3

W przypadku plików graficznych bardzo wany jest format zapisywanego pliku. GIMP umoliwia dwa sposoby wyboru formatu zapisu. Po pierwsze na podstawie rozszerzenia (takie s ustawienia domylne programu). Zatem wpisanie nazwy kwiatek-400.jpg spowoduje zapis pliku w formacie JPEG. Druga metoda polega na wybraniu z menu domylnego formatu. Dodajmy, e format plików programu GIMP ma rozszerzenie XCF. Bdzie to wane w przypadku wykonywania skomplikowanych operacji graficznych. Zapis w formacie JPEG, GIF czy PNG (formaty stosowane na stronach WWW) powoduje utrat informacji takich jak: umiejscowienie prowadnic, zaznaczone obszary czy warstwy obrazu. Rys. 4. Menu kontekstowe wywietlane prawym klikniciem w obraz. 4

Rys. 5. Okno dialogowe "Zapis obrazu". Po podaniu nazwy kwiatek-400.jpg i naciniciu przycisku OK pojawi si okno dialogowe "Zapis jako JPEG". Okno to umoliwia zmian parametrów pliku JPEG. Zmieniajc jako obrazu suwakiem moemy zmniejszy rozmiar pliku kosztem jakoci obrazu lub poprawi jako obrazu powikszajc rozmiar pliku. Przycisk "Podgld" umoliwia podejrzenie zmian, powodowanych suwakiem "Jako". Oczywicie naley dy do jak najmniejszych plików. Zazwyczaj ustawienie suwaka jakoci około 50-70 procent daje optymalny efekt. Włczmy równie opcj "Przyrostowy" oraz "Optymalizacja". Dziki przyrostowemu zapisowi nasz obraz bdzie zajmował na stronie WWW stały rozmiar nawet, jeli nie został jeszcze wczytany do koca. 5

Rys. 6. Okno dialogowe "Zapis jako JPEG". Drug miniaturk wykonujemy identycznie jak pierwsz, zmieniajc jedynie now szeroko obrazu na 200. wiczenie 2 W drugim zajmiemy si przygotowaniem pitnastu miniatur. Dane do wiczenia stanowi pitnacie plików o nazwach cw01.jpg, cw02.jpg,..., cw15.jpg o wymiarach 400x300. Ilustracje przedstawiaj przykładowe konfiguracje sieci ethernet. Przygotuj pitnacie miniatur o wymiarach 100x75 pikseli i zapisz je w folderze o nazwie 100x75. 6

Rys. 7. wiczenie 2. wiczenie wykonujemy nastpujco. Rozpoczynamy od utworzenia folderu o nazwie 100x75. Nastpnie kolejno otwieramy kady z rysunków i skalujemy do rozmiaru 100x75, po czym przeskalowany obraz zapisujemy do pliku. wiczenia pierwsze i drugie zapoznały nas z otwieraniem i zapisywaniem obrazów w formacie JPEG, powikszaniem i pomniejszaniem obrazów, a take z operacj skalowania. Nauczylimy si take posługiwa menu kontekstowym. Kadrowanie oraz zmiana rozmiaru obrazów Drug do podstawow umiejtnoci zwizan z obróbk plików graficznych jest przygotowywanie obrazów o zadanych rozmiarach. wiczenie 3 Naszym zadaniem jest wycicie fragmentów ilustracji. Dysponujemy plikiem o nazwie zolty.jpg (wymiary 200x267) przedstawiajcym ółty kwiat. Naley utworzy nastpujce pliki: zolty-120-200.jpg o wymiarach 120x200, zolty-150-100.jpg o wymiarach 150x100, zolty-150-150.jpg o wymiarach 150x150, zolty-200-30.jpg o wymiarach 200x30 oraz zolty-20-267.jpg o wymiarach 20x267. Kady z nowych plików ma przedstawia fragment oryginalnego zdjcia z pliku zolty.jpg. 7

Rys. 8. Okno dialogowe "Informacje o kadrowaniu i zmianie rozmiaru". Wykonanie wiczenia rozpoczynamy od odczytania pliku zolty.jpg (opcja Plik Otwórz). Nastpnie z menu kontekstowego obrazu wybieramy opcj Narzdzia Przekształcenie Kadrowanie i zmiana rozmiaru. Po wybraniu opcji na ekranie powinno pojawi si okno dialogowe Informacje o kadrowaniu i zmianie rozmiaru, za w oknie, w którym wywietlany jest obraz zolty.jpg pojawi si cztery czarne kwadraciki słuce do wyboru obszaru obrazu. Kwadraciki lewy dolny i prawy górny umoliwiaj przesuwanie selekcji, za kwadraciki lewy górny i prawy dolny - zmian jej rozmiarów. Rozmiar i umiejscowienie wybranego fragmentu moemy równie modyfikowa wprowadzajc wartoci liczbowe w oknie dialogowym. Jeli zaley nam na konkretnym rozmiarze uzyskiwanego obrazu to naley w oknie dialogowym wpisa dane wielkoci szerokoci i wysokoci, po czym korzystajc z naroników do przesuwania odpowiednio umiejscowi selekcj. 8

Rys. 9. Obraz zolty.jpg podczas kadrowania. Gdy selekcja jest gotowa naciskamy przycisk Zmie rozmiar (okno Informacje o kadrowaniu...). Po naciniciu przycisku rozmiar i zawarto obrazu ulegn zmianie. Tak uzyskany obraz zapisujemy i zamykamy. Opisan procedur powtarzamy dla kadych zadanych wymiarów. Opisana metoda umoliwia nam uzyskanie obrazu o dowolnych wymiarach i proporcjach. Oczywicie, jeli z obrazu prostoktnego 800x600 pikseli utworzymy kwadrat o rozmiarach 100x100 to musi si to odby albo kosztem fragmentu rysunku albo jego proporcji! wiczenie 4 Dysponujc czterema zdjciami o wymiarach 320x240 przedstawiajcymi kwiaty i owoce przygotuj kwadratowe miniaturki (cztery sztuki) o rozmiarach 80x80. Miniaturki przygotuj w taki sposób, by zawierały najbardziej atrakcyjny fragment duej fotografii, na przykład kwiatek, porzeczk. Nie zmieniaj proporcji obrazu. 9

Rys. 10. Efekt wykonania wiczenia 4. wiczenie to, bazuje na wiczeniu pierwszym i trzecim. Naley najpierw z kadego zdjcia wyci kwadrat (wizualnie atrakcyjny o dowolnych wymiarach np. 149x149). Nastpnie wycite kwadraty naley przeskalowa do rozmiaru 80x80. W ten sposób uzyskamy kwadratowe miniaturki. wiczenie 5 Dysponujc czterema zdjciami 300x400 przedstawiajcymi drzewa, utwórz miniaturki o wymiarach 75x100. 10

Rys. 11. Efekt wykonania wiczenia 5. Wykonanie wiczenia przebiega niemal identycznie jak wykonanie wiczenia 4. Kolejno otwieramy kad fotografi, wycinamy ciekawy fragment o zadanych wymiarach i zapisujemy. Jeli interesujcy nas fragment obrazu jest zbyt duy (wikszy ni 75x100) pikseli, to na pocztku skalujemy obraz do takich rozmiarów, by dany fragment miecił si w prostokcie o wymiarach 75x100. W przypadku, gdy przeskalujemy obraz i nie jestemy zadowoleni z wyniku tej operacji, naley uy opcji Edycja Cofnij o skrócie klawiszowym Ctrl+Z. Obrazy czarno-białe i jednobarwne Ilustracje wykonywane programem GIMP mog by kolorowe lub czarno białe. Ilustracj kolorow moemy zamieni na czarno biał wykonujc operacj Obraz Tryb Odcienie szaroci. Po wykonaniu operacji obraz straci kolory. Jeli teraz zapiszemy otrzymany obraz, wówczas bdzie on czarno-biały. Obraz czarno-biały moemy przekształci w obraz "jednobarwny". Naley w tym celu otworzy uprzednio zapisany obraz czarno-biały, zmieni jego tryb na RGB (opcja Obraz Tryb RGB), a nastpnie stosujc okno dialogowe "Balans kolorów" (opcja Obraz) ustawi odpowiednie barwy obrazu. 11

Rys. 12. Okno dialogowe "Balans kolorów". wiczenie 6 Dany jest plik zachod.jpg o rozmiarach 150x200 przedstawiajcy kolorow fotografi zachodu słoca. Utwórz plik bw-zachod.jpg przedstawiajcy t sam fotografi w wersji czarno-białej. Nastpnie utwórz pliki brazawy-zachod.jpg, zielony-zachod.jpg, czerwony-zachod.jpg, niebieski-zachod.jpg przedstawiajce t sam fotografi w kolorystyce brzowej, zielonej, czerwonej oraz niebieskiej odpowiednio. Rys. 13. wiczenie 6. 12

wiczenie rozpoczynamy od wykonania obrazu czarno-białego. Otwieramy plik zachod.jpg, zmieniamy tryb na odcienie szaroci i zapisujemy otrzymany obraz w pliku bw-zachod.jpg. Kolejne obrazy wykonujemy nastpujco. Otwieramy obraz czarnobiały, zmieniamy tryb na RGB, w okienku dialogowym Balans kolorów ustawiamy odpowiedni odcie obrazu, po czym uzyskany obraz zapisujemy. wiczenie 7 Dysponujc obrazem zaglowki.jpg o rozmiarach 80x533 przedstawiajcym kilka aglówek, przygotuj osiem obrazów o nazwach zaglowki-1.jpg,..., zaglowki-8.jpg przedstawiajcych wycinek obrazu zaglowki.jpg. Kady wycinek ma prezentowa ten sam fragment obrazu oryginalnego. Wszystkie wycinki maj mie rozmiar 150x150. Przygotowane obrazy maj si róni odcieniem. Rys. 14. wiczenie 7. wiczenie siódme wykorzystuje umiejtno skalowania obrazu poznan w wiczeniu 3 oraz przygotowywanie ilustracji jednobarwnych z wiczenia 6. Wykonanie wiczenia rozpoczynamy od wycicia fragmentu 150x150 z ilustracji oryginalnej. Nastpnie obraz o rozmiarach 150x150 przekształcamy w tryb odcienie szaroci i zapisujemy do pliku. Kilkukrotnie otwieramy plik czarno-biały, zmieniamy tryb na RGB, zmieniamy odcie i zapisujemy. 13

Wygładzanie brzegu obrazu Kolejnym efektem, jaki opanujemy bdzie wygładzanie brzegu obrazu. Efekt ten przede wszystkim zapozna nas z narzdziem selekcji. W programie GIMP aktywnym obszarem jest fragment wybrany przy pomocy narzdzi selekcji. Narzdzi selekcji jest kilka (selekcja prostoktna, eliptyczna czy z wolnej rki). Wszelkie operacje edytorskie, takie jak rysowanie po obrazie czy wlewanie farby działaj w stosunku do wybranego obszaru. Efekt jest taki, e farba "wlewana" w obraz wypełnia jedynie obszary objte selekcj. Najprostszym przykładem selekcji jest wybranie całego obrazu (opcja Zaznaczenie Wszystko). Wówczas moemy rysowa po dowolnym fragmencie obrazu. Selekcj moemy zmniejszy. Słuy do tego opcja Zaznaczenie Zmniejsz. Zmniejszajc selekcj podajemy liczb pikseli, o jak selekcja ma zosta pomniejszona. Opcja Zaznaczenie Odwró umoliwia zmian obszaru zaznaczonego tak, by to, co było zaznaczone stało si niezaznaczone, za obszar uprzednio niezaznaczony stał si zaznaczony. Wreszcie operacja Zaznaczenie Wygład zaznaczenie wygładza zaznaczenie. Wykorzystujc powysze operacje dotyczce zaznaczenia oraz operacj wypełniania kolorem moemy brzeg rysunku zala farb w taki sposób, by krawd była płynnie wtopiona w tło. wiczenie 8 Przekształ ilustracj zapisan w pliku zachod-1.jpg w taki sposób, by brzeg ilustracji płynnie przechodził w biały kolor. Rys. 15. wiczenie 8. Rozpoczynamy otwierajc obraz zachod-1.jpg. Po otwarciu zaznaczamy cały obraz. Wykorzystujemy do tego operacj Zaznaczenie Wszystko. Warto zapamita skrót klawiszowy Ctrl+A. Nastpnie zmniejszamy zaznaczenie o 20 pikseli: opcja Zaznaczenie Zmniejsz. Teraz odwracamy zaznaczenie: Zaznaczenie Odwró (skrót klawiszowy Ctrl+I). Wreszcie wygładzamy zaznaczenie: Zaznaczenie Wygład. Podajmy promie wygładzania 20. Teraz naley uzyskane zaznaczenie zala biał farb wykorzystujc opcj Wypełnianie kubełkiem dostpn w menu kontekstowym obrazu Narzdzia Rysowanie. Kolor wypełnienia zmieniamy na biały stosujc Kolor narzdzia i tła - przyciski dostpne w lewym dolnym rogu okna głównego GIMPa. Uzyskany obraz zapisujemy do pliku. 14

wiczenie 9 Dane s cztery zdjcia zachodów słoca. Przygotuj kwadratowe (200x200) ilustracje zawierajce fragmenty zdj oryginalnych. Przygotowane ilustracje powinny mie wygładzone krawdzie. Rys. 24. Zachody słoca. wiczenie to opiera si o poprzednio wykonane wiczenia zwizane ze skalowaniem i zmian rozmiaru obrazu. Prace rozpoczynamy przygotowujc obrazy kwadratowe. Nastpnie, kady obraz przekształcamy według metody opisanej w wiczeniu 8. wiczenie 10 Dane jest zdjcie o rozmiarach 600x400 przedstawiajce kwiat. Przygotuj dwie kwadratowe miniaturki (100x100) o wygładzonych krawdziach. Przygotowane ilustracje powinny by jednobarwne. 15

Rys. 16. wiczenie 10 łczy wszystkie poznane do tej pory umiejtnoci. wiczenie to łczy wszystkie do tej pory poznane efekty. W celu wykonania wiczenia naley kolejno: otworzy obraz oryginalny, wyci z obrazu oryginalnego interesujcy nas kwadratowy fragment (dowolnych rozmiarów; np. 250x250), przeskalowa otrzymany obraz kwadratowy do rozmiaru 100x100, wykona płynny brzeg obrazu o zaznaczy cały obraz, o zmniejszy zaznaczenie, o odwróci zaznaczenie, o wygładzi zaznaczenie, o wla farb koloru tła (np. biał) w zaznaczenie, przekształci obraz w czarno-biały i zapisa. Dysponujc czarno-białym kwadratem przygotowujemy dwa kocowe rysunki. Naley dwukrotnie wykona ponisze kroki: otworzy obraz czarno-biały, przekształci obraz w kolorowy i odpowiednio ustawi odcie rysunku, zapisa otrzymany obraz. Obrazy rzucajce cie Kolejny etap naszej pracy w GIMPie wzbogaci nasze ilustracje o cie. Jest to bardzo czsto spotykany efekt. Wykonanie tego efektu jest stosunkowo skompilowane, bo wymaga znajomoci warstw. Kady obraz otwarty w programie GIMP składa si z warstw. Domylnie, obraz po otwarciu posiada jedn warstw (obraz w formacie JPEG). Jeli otworzony obraz poddamy efektowi rzucania cienia (z menu kontekstowego naley wybra Script-Fu Cie 16

Rzucany cie) wówczas cie dodany do naszego rysunku zostanie umieszczony na osobnej warstwie. Przed zapisaniem obrazu do pliku musimy doda do obrazu warstw biał (ewentualnie o innym kolorze - bdzie to kolor tła rysunku), przesun j na spód i połczy wszystkie warstwy. W ten sposób nasz obraz znowu stanie si płaski, za jego fragmenty niewypełnione stan si białe. Warstwami obrazu zarzdzamy poprzez okno dialogowe Warstwy, kanały i cieki dostpne w menu kontekstowym (Warstwy Warstwy, kanały i cieki). Rys. 17. Okno dialogowe "Script-FU: Cie/Rzucany cie" Rys. 18. Okno zarzdzajce warstwami. 17

Nowe warstwy do obrazu dodajemy przyciskiem Nowa warstwa. Kolejno warstw natomiast zmieniamy przyciskami Obnia warstw lub Podnosi warstw. Przyciski Obnia warstw, Podnosi warstw oraz Nowa warstwa s dostpne w oknie dialogowym Warstwy, kanały i cieki. Rys. 19. Okno dialogowe "Opcje nowej warstwy". W celu połczenia wszystkich warstw obrazu w jedn warstw naley wybra opcj Warstwy Spłaszcz obraz z menu kontekstowego obrazu. wiczenie 11 Dane s dwa obrazy: maszyny-1.jpg, pociag-1.jpg. Dodaj do obrazów efekt rzucanego cienia. Rys. 23. Ilustracja rzucajca cie. 18

Bezporednio po otwarciu obrazu wykonaj operacj Script-Fu Cie Rzucany cie. Wywołanie tej opcji spowoduje wywietlenie okna dialogowego Script-Fu: Cie/Rzucany cie. W oknie tym ustawiamy parametry cienia, po czym naciskamy przycisk OK. Uzyskany obraz bdzie si składał z dwóch warstw. By si o tym przekona naley wywietli okno dialogowe Warstwy, kanały, cieki (opcja Warstwy Warstwy, kanały i cieki menu kontekstowego obrazu). W oknie warstw dodajemy do obrazu now warstw. Słuy do tego przycisk: Nowa warstwa. Niech nowa warstwa bdzie biała. Decyduje o tym przycisk typ wypełnienia warstwy okna właciwoci nowej warstwy. Moe si okaza, e teraz nasz obraz jest cały biały. Jeli biała warstwa znajduje si na górze, to bdzie ona przysłaniała wszystkie inne warstwy. Oczywicie warstwy moemy dowolnie przesuwa do dołu i do góry. Słu do tego przyciski Obnia warstw oraz Podnosi warstw dostpne w oknie Warstwy, kanały i cieki. Przesumy biał warstw na spód, a nastpnie scalmy wszystkie widoczne warstwy (opcja Warstwy Spłaszcz obraz). Po połczeniu warstw zapisujemy obraz do pliku. Wykonanie drugiej ilustracji przebiega identycznie. wiczenie 12 Znajd w Internecie dwa zdjcia samochodów i jedno zdjcie samolotu. Przekształ tak kady z danych obrazów, by przedstawiał wyłcznie samolot lub samochód. Kady z uzyskanych obrazów przyozdób cieniem. Rys. 20. wiczenie 12. Dodajemy cie do kilku wycitych ilustracji. wiczenie to wymaga wycicia fragmentu rysunku (to wiczylimy w wiczeniu trzecim). Nastpnie naley otrzymany obraz przyozdobi cieniem sposobem opisanym w zadaniu 11. 19

Połczenie poznanych operacji Dzisiejsze spotkanie z GIMPem zapoznało nas z podstawowymi operacjami, jakie grafik komputerowy musi umie wykona na obrazie takie jak skalowanie, zmiana rozmiarów czy kolorów obrazu. Tabela 1 przedstawia list wszystkich operacji. Funkcja Opcja menu Klawisz skrótu Otwieranie obrazu: Plik Otwórz Ctrl-O Zapisywanie obrazu: Plik Zapisz Ctrl-S Powikszanie obrazu: Widok Powiksz = Pomniejszanie obrazu: Widok Pomniejsz - Skalowanie obrazu: Obraz Przeskaluj obraz Kadrowanie, zmiana Narzdzia Przekształcenie Kadrowanie lub zmiana Ctrl-C rozmiaru: rozmiaru obrazu Zamiana obrazu w czarnobiały: Obraz Tryb Odcienie szaroci Alt-G Zamiana obrazu w kolorowy: Obraz Tryb RGB Alt-R Balans kolorów: Obraz Kolory Balans kolorów Zaznaczenie całego obrazu: Zaznaczenie Wszystko Ctrl-A Zmniejszanie zaznaczenia: Zaznaczenie Zmniejsz Odwrócenie zaznaczenia: Zaznaczenie Odwró Ctrl-I Wygładzanie zaznaczenia: Zaznaczenie Wygład zaznaczenie Wypełnianie kubełkiem: Narzdzia Rysowanie Wypełnianie kubełkiem Rzucanie cienia: Script-Fu Cie Rzucany cie Zarzdzanie warstwami obrazu: Warstwy Warstwy, kanały i cieki Dodawanie nowej warstwy: Nowa warstwa (okno "Warstwy, kanały i cieki") Spłaszczenie obrazu: Warstwy Spłaszcz obraz Tabela 1. Poznane funkcje programu GIMP. Warto równie pamita, e uaktywnienie menu kontekstowego obrazu osigniemy klikajc prawym przyciskiem myszy w rysunek. Na zakoczenie wykonajmy samodzielnie dwa wiczenia wykorzystujce wszystkie poznane moliwoci programu GIMP. wiczenie 13 Znajd w Internecie cztery dowolne fotografie zwierzt, a nastpnie wykonaj na nich efekty widoczne na rysunku 21. Kada ilustracja ma posłuy do przygotowania dwóch plików. Pierwszy z nich jest kwadratem o wymiarach 400x400 pikseli. Rysunek ma rzuca cie. 20

Drugi z rysunków ma by jednobarwna miniaturk o wymiarach 100x100 o rozmytym brzegu. Rys. 21. wiczenie 13 pt. "Zwierzta" łczy wszystkie poznane efekty. wiczenie 14 Przygotuj siedem ilustracji dotyczcych rodków komunikacji. Wyszukaj w Internecie pliki przedstawiajce okrt, rakiet, itd. Kady rysunek przekształ, by był kwadratow, jednobarwn miniaturk 150x150. Rys. 22. wiczenie 14 pt. "Transport". 21

wiczenia przedstawione w artykule s dostpne na stronie domowej autora pod adresem http://www.gajdaw.pl/ 22