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

Transkrypt

1 Temat 1: GIMP selekcje, wypełnienia, ścieżki Program GIMP można pobrać ze strony Na systemy operacyjne od Windows XP po Windows 8.1 Zadanie 1. Selekcje i wypełnienia. Wykonaj prosty rysunek przedstawiający lokomotywę. (Rysunek ma wymiar cm.) Wykorzystamy narzędzia do tworzenia zaznaczeń i wypełniania kształtów kolorem i deseniem. narzędzia tworzenia selekcji (zaznaczeń) W zależności od wybranego narzędzia poniżej pojawia się dodatkowe menu (inne w przypadku każdego z nich). Wskazówki: strona 1/10

2 1. Utwórz nowy plik (PlikNowy) podając jego wymiar w milimetrach. 2. Zapisz ten plik pod nazwą rysunek.xcf. (Plik Zapisz jako ) 3. Wykonujemy rysunek. Multimedia Etapy wykonania: I. Główna część lokomotywy. Zaznaczamy prostokątny obszar, który będzie stanowił główną część lokomotywy. Gdy na rysunku jest widoczne zaznaczenie prostokątne, natomiast aktywnym narzędziem jest selekcja prostokątna naciskamy klawisz Shift. Jeśli teraz poruszymy wskazówką myszki (bez naciskania przycisku), wówczas obok wskaźnika myszki powinien się pojawić znak plus. Trzymając klawisz Shift zaznaczamy obszar, który będzie stanowił szoferkę maszynisty. Po rozpoczęciu zaznaczania (czyli po naciśnięci klawisza myszki) należy zwolnić klawisz Shift. W momencie, gdy kształt lokomotywy jest zadowalający zwalniamy klawisz myszki. Otrzymane zaznaczenie powinno być połączeniem obydwu zaznaczonych prostokątów. Powtarzając opisane powyżej czynności dorysować komin. II. Okno lokomotywy. Z poprzedniego zaznaczenia (złożonego z trzech prostokątów) musimy wyciąć okno szoferki. Przyciskamy klawisz Ctrl i przesuwamy wskaźnik myszki (bez naciskania przycisków myszki). Obok wskazówki myszki pojawi się znak minus informujący nas o tym, że będziemy wykonywali różnicę zaznaczeń. Trzymając klawisz Ctrl rozpoczynamy operację zaznaczania. Po rozpoczęciu operacji zaznaczania (tj. po naciśnięciu lewego przycisku myszki) zwalniamy klawisz Ctrl. Po ustaleniu żądanego rozmiaru okna zwalniamy klawisz myszki. III. Kolorowanie lokomotywy. Otrzymane zaznaczenie wypełniamy dowolnym kolorem farby. Kubełek - wypełnianie zaznaczenia bieżącym kolorem zmiana bieżącego koloru tła i koloru pierwszoplanowego wybór rodzaju wypełnienia IV. Koła lokomotywy. Korzystając z Zaznaczania eliptycznego narysuj koła lokomotywy. Można narysować każde koło oddzielnie i wypełnić je kolorem oddzielnie. Można tez skorzystać z klawisza Shift tworząc sumę kół. Tak otrzymany obszar można pokolorować jednym użyciem narzędzia Kubełek. V. Dym. Korzystając z Zaznaczania obszarów eliptycznych rysujemy dym z komina i wypełniamy go kolorem (patrz. punkt IV). strona 2/10

3 VI. Chmurka. Korzystając z Odręcznego zaznaczania obszarów rysujemy chmurkę. Korzystając z Kubełka wypełniamy ją deseniem Sky. VII. Trawa. Zaznaczamy prostokątny obszar, który wypełniamy deseniem Maple Leaves, używając Kubełka. VIII. Teraz wystarczy już tylko dorysować maszynistę i zderzaki (patrz poprzednie punkty). Dodatkowe elementy mile widziane!!! Zadanie 2. Prowadnice, ścieżki Wykonaj efekt widoczny na poniższym rysunku Etapy wykonania: 1. Otwórz plik katedra.bmp. 2. Dodaj 4 prowadnice równoodległe od brzegu obrazu. Utwórz prostokątne zaznaczenie wzdłuż prowadnic. 3. Wycinamy narożniki stosując różnicę zaznaczeń. Wybierz narzędzie do eliptycznego zaznaczania obszarów, naciśnij klawisz Ctrl i w jednym z narożników rozpocznij zaznaczanie. Zwolnij wówczas klawisz Ctrl i naciśnij jednocześnie klawisze Ctrl i Shift, aby zaznaczenie przyjęło kształt koła. Rozciągamy koło do żądanego rozmiaru (odpowiednia informacja jest wyświetlana w lewym dolnym rogu okna) i zwalniamy przycisk myszy. Powyższa czynność powinna obciąć jeden z narożników. Powtarzamy ją jeszcze trzykrotnie dla pozostałych narożników. 4. Z powstałego zaznaczenia tworzymy ścieżkę poleceniem Zaznaczenie -> Przekształć na ścieżkę. Otwórz okno ścieżek Okna -> Dokowalne okna dialogowe -> Ścieżki. Powinno wyglądać tak (niżej). 5. Ścieżka jest gotowa. Obrysowujemy ją dwukrotnie np. pędzlem o grubszej i cieńszej końcówce oraz różnymi kolorami. Wybieramy narzędzie pędzel i dopasowujemy wielkość i kształt końcówki. Dobieramy też kolor rysowania (kolor pierwszoplanowy). Następnie w oknie Ścieżki wybieramy przycisk rysowanie wzdłuż ścieżki. W otwartym oknie wybieramy Rysuj narzędziem Pędzel i przycisk Rysuj. Na rysunku powinna pojawić się obwódka w wybranym kolorze. Zmieniamy parametry pędzla i kolor i powtarzamy czynność rysowania. 6. Pozostało już tylko dodać efekt rozjaśnienia zewnętrznej części obrazu. W tym celu tworzymy powtórnie zaznaczenie ze ścieżki. W oknie Ścieżki wybieramy przycisk Ścieżka na zaznaczenie. strona 3/10

4 Odwracamy zaznaczenie Zaznaczenie -> Odwróć. Regulujemy jasność suwakiem w oknie modyfikacji jasności i kontrastu Narzędzia -> Narzędzia kolorów-> Jasność i kontrast. 7. Zapisz plik jako katedra.xcf. ścieżka na zaznaczenie rysowanie wzdłuż ścieżki strona 4/10

5 Temat 2: GIMP Tekst na obrazie Multimedia Praca z tekstem w GIMP-ie odbywa się poprzez wybranie ikony Umieszczanie tekstu na obrazie. Umieszczanie tekstu na obrazie rodzaj czcionki rozmiar czcionki kolor czcionki Zadanie 1. Napis wypełniony obrazem Utwórz logo (napis ze swoim imieniem lub nazwiskiem) wypełniony obrazem: Przekopiuj do swojego katalogu obraz wybrany jako wypełnienie napisu (w naszym przykładzie jest to plik Lilie wodne.jpg.) strona 5/10

6 Etapy wykonania logo: II. Wykonanie napisu. 1. Utwórz nowy plik o wymiarach , a w nim napisz tekst (duży napis px, grubą czcionką). Krój czcionki dowolny. 2. Utwórz z tekstu zaznaczenie (korzystając np. Zaznaczenie Według koloru ). 3. Zapisz zaznaczenie do kanału (Zaznaczenie Zapisz do kanału). 4. Otwórz okno warstw (Okna Dokowalne okna dialogowe Warstwy patrz. rys. poniżej). Usuń warstwę tekstu. (Zaznaczenie powinno pozostać!) widoczność warstwy zakotwiczanie warstwy zmiana kolejności warstw na obrazie usuwanie warstwy III. Wypełnienie go obrazem 1. Otwórz obrazek, który będzie stanowił tło, np. Lilie wodne.jpg. (otworzy się nowe okno.) Skopiuj go do schowka (Edycja Skopiuj). 2. W oknie z napisem wklej obrazek poprzez operację Edycja Wklej do. 3. Obrazek możemy przesuwać tak, aby otrzymać najlepszy efekt. Następnie należy zakotwiczyć warstwę tła (obrazek) poprzez Warstwa Zakotwicz warstwę. IV. Cień Utwórz cień za tekstem używając skryptu Filtry Światło i cień Rzucanie cienia. Ustal parametry i wykonaj skrypt. V. Dodaj kolorowe tło. Odwróć zaznaczenie (ZaznaczenieOdwróć) oraz wypełnij je wybranym kolorem (Kubełek). Zaznacz opcję uwzględniany obszar: Całe zaznaczenie. VI. Obramowanie Ponownie odwróć zaznaczenie (ZaznaczenieOdwróć), a następnie opcję Zaznaczenie Obramuj. Ustal szerokość obramowania na 5pt. Wypełnij obramowanie dowolnym kolorem używając narzędzia Kubełek. (Pamiętaj o zaznaczeniu opcji uwzględniany obszar: Całe zaznaczenie!) strona 6/10

7 Zadanie 2. Wypukły napis na obrazie Multimedia Na zdjęciu umieścić wytłoczony napis ze swoim imieniem: Etapy wykonania: 1. Otwórz zdjęcie, na którym będziemy umieszczali napis. 2. Umieść na nim czarny napis z imieniem krojem Tahoma Bold o rozmiarze 75 pikseli. dodawanie warstwy dublowanie warstwy 3. Podwój warstwę z napisem. Następnie na nowo utworzonej warstwie zaznacz napis (np. Zaznaczenie Według koloru i zmniejsz zaznaczenie o 2 piksele (Zaznaczenie Zmniejsz ). Wypełnij napis białym kolorem. Usuń zaznaczenie (Zaznaczenie Nic). strona 7/10

8 4. Wykonaj rozmycie czarnego napisu. W tym celu zaznacz w oknie warstwy warstwę z czarnym napisem (wyłącz widoczność innych warstw). Wybierz z menu FiltryRozmycieRozmycie Gaussa wpisz promień rozmycia 10 px. Kliknij OK. Powinna wyglądać tak: 5. Dodaj nową pustą warstwę z białym tłem. Ułóż warstwy tak, by na górze znajdował się biały napis, później czarny rozmyty napis, a poniżej biała warstwa. 6. Scal trzy warstwy opisane w punkcie 5. W tym celu włącz widoczność trzech warstw (wyłączając tło). Wybierz z menu ObrazPołącz widoczne warstwy. 7. Wykonaj rozmycie otrzymanej warstwy. Użyj ponownie FiltryRozmycieRozmycie Gaussa wpisz promień rozmycia 3 px. Efekt powinien być następujący: 8. Włącz widoczność obu warstw. Wybierz tło jako warstwę aktywną i wykonaj skrypt FiltryOdwzorowaniaMapowanie wypukłości. Dostosuj podgląd tak, aby widzieć napis. Obserwując podgląd wybierz parametry np. głębię wypukłości. Kliknij OK. Wyłącz widoczność warstwy z napisem. 9. Otrzymany obraz zapisz jako zdjęcie.xcf. Zadanie 3. Wycięty napis Do wybranego obrazu dodaj napis wycięty ze zdjęcia strona 8/10

9 Etapy wykonania zadania: 1. Otwórz wybrany plik (np. tatry.jpg) i dodaj na nim cztery napisy. Krój czcionki np. Times New Roman, Bold wielkość 65 px. 2. Otwórz okno warstw (Okna Dokowalne okna dialogowe Warstwy. Wyłącz warstwę tła (kliknij na symbolu oka). 3. Scal widoczne warstwy z napisami. Kliknij prawym przyciskiem myszy na dowolnej warstwie z tekstem i wybierz Połącz widoczne warstwy nowa warstwa przekształcanie obszarów przezroczystych w zaznaczenie łączenie widocznych warstw 4. Tak otrzymaną warstwę przekształć w selekcję. W oknie warstwy wybierz Kanał alfa na zaznaczenie. Usuń warstwę z tekstem. Zaznaczenie powinno zostać. strona 9/10

10 5. Włączamy warstwę tła. Kopiujemy selekcję Edycja -> Skopiuj, a następnie ją wklejamy Edycja ->Wklej. Wklejone zaznaczenie stanowi niepełnowartościową warstwę. Przekształcamy ją w nową warstwę; klikamy na niej prawym przyciskiem myszy i wybieramy Nowa warstwa 6. Do obrazu dodajemy kolejną warstwę z białym tłem i umieszczamy ją bezpośrednio nad tłem. Zmniejszamy krycie tak, by tło było nieznacznie widoczne. Zmiana krycia regulowana jest suwakiem Krycie w oknie Warstwy. 7. Na koniec dodamy 1 pikselowe obramowanie. W tym celu kliknij prawym przyciskiem myszy na warstwie z tekstem i wybierz Kanał alfa na zaznaczenie. Następnie polecenie Zaznaczenie Obramuj. Ustal szerokość obramowania na 1 piksel. Wypełnij obramowanie dowolnym kolorem używając narzędzia Kubełek. Wyłącz zaznaczenie Zaznaczenie Nic. Zadanie 4. Loga w oparciu o skrypty Poeksperymentuj ze skryptami do tworzenia ciekawych napisów. Wykonaj trzy różne napisy. 1. Utwórz nowy plik o wymiarach , a w nim napisz tekst (duży napis pikseli). Krój czcionki dowolny. 2. Wybierz jeden ze skryptów FiltryAlfa na logo Oto kilka przykładów: strona 10/10