INSTRUKCJA ĆWICZENIOWA NR 4 GIMP: Tworzenie tekstu Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności tworzenia i edytowania tekstu w programie Gimp. Wiadomości teoretyczne W programie Gimp wprowadzanie tekstu odbywa się poprzez wybranie z przybornika narzędzie Umieszczanie tekstu na obrazie. Aby zdefiniować ustawienia tekstu należy przejść do opcji tego narzędzia, dostępnych w dolnej części przybornika. Program umożliwia zdefiniowanie, takich opcji jak: - Czcionka pozwala wybrać krój czcionki. - Rozmiar - Rozmiar czcionki w wybranej jednostce miary. - Hinting - Włącza hinting czcionki. Jest to efekt, który powoduje, że czcionki o małych rozmiarach są dobrze widoczne. - Tylko automatyczny hinting - Włącza i wyłącza utomatyczny hinting. Pozwala na określenie czy chcemy, aby hinting był stosowany również do większych czcionek. - Wygładzanie - Przy pomocy tego przełącznika określamy, czy do wypisywanych czcionek ma być stosowany antyaliasing. - Kolor - Ustawia kolor napisu. - Justowanie - Przy pomocy tych funkcji, możemy wybrać sposób wyrównywania tekstu. Tekst wyrównuje się do rozmiaru warstwy, która zostanie utworzona, bądź zmodyfikowana. Dostępne są cztery rodzaje wyrównywania: do lewej, do prawej, wyśrodkowane i wyjustowane. - Wcięcie - Określamy tutaj wcięcie akapitu. - Odstępy wierszy - Ustawia odległość w pikselach pomiędzy kolejnymi wierszami tekstu. Po kliknięciu w wybrane miejsca na obrazie, otworzy się nam edytor tekstu, który umożliwia wprowadzenie i formatowanie tekstu. Ponadto możemy skorzystać z następujących funkcji: - Otwórz - pozwala na import tekstu z dowolnego pliku zawierającego tekst. - Wyczyść - Usuwa wprowadzony tekst. - Od lewej do prawej i Od prawej do lewej opcja ta pozwala na wyrównanie tekstu. W programie Gimp stworzony tekst traktowany jest jako oddzielna warstwa. Nad warstwą aktywną, utworzy się warstwa tekstowa. Taka warstwa jest zwykłą warstwą rastrową zawierającą dodatkowo informację o wprowadzonym tekście. Dzięki temu nawet po wielu przekształceniach tej warstwy możemy w dowolnej chwili edytować tekst, który jest na niej umieszczony bez konieczności pisania go na nowo. Niestety, jeśli zdecydujemy się na edycję tekstu warstwy tekstowej, wszystkie jej przekształcenia zostaną utracone. 1
Arkusz ćwiczeniowy Zad. 1. Prosty tekst na stronę WWW Celem ćwiczenia jest stworzenie tekstu WAKACJE 2007. Tworzymy nowy obraz o wymiarach 300X300 pikseli, w Opcjach zaawansowanych ustawiamy Wypełnienie: Przezroczystość. Teraz należy dodać tekst WAKACJE 2007. W tym celu wybieramy z przybornika opcję Umieszczanie tekstu na obrazie, w opcjach narzędzia zaznaczamy dowolną czcionkę i kolor, rozmiar ustawiamy na 15pt. Aby wprowadzić tekst do obrazu klikamy w lewym górnym rogu. Pojawi się edytor tekstu w którym wpisujemy: WAKACJE 2007 i zamykamy edytor. Wybieramy z narzędziówki opcję Zaznaczanie obszarów wg kolorów. Następnie klikamy obszar wokół napisu, zaznaczając go w ten sposób. Teraz dodamy do stworzonego tekstu białą otoczkę aby napis był wyraźniejszy. W tym celu przejdźmy do okna dialogowego Warstwy i zaznaczmy dolną warstwę o nazwie Tło. Wypełnijmy ją kolorem białym wybierając z narzędziówki kubełek a z palety kolor biały i klikamy na obraz. Teraz połączmy obie warstwy. W tym celu należy w oknie dialogowym Warstwy kliknąć prawym klawiszem myszy na pierwszej warstwie i z menu kontekstowego wybrać opcję Połącz w dół. Teraz przytniemy obraz wybierając z menu opcję Obraz > Przytnij obraz. Zapisujemy utworzony tekst pod nazwą tekst1 z rozszerzeniem.png aby zachować przezroczystość. Zad. 2. Przygotowanie tekstu na plakat Otwieramy obraz koty.jpg. W lewym górnym rogu obrazu widoczne jest zielone pole w kształcie prostokąta (jeśli nie ma prostokąta to narysuj go, korzystając z opcji selekcja prostokątna). Naszym zadaniem będzie wpisanie w tym obszarze tekstu informującego o wystawie kotów. Aby wstawić tekst należy z przybornika wybrać opcję Umieszczanie tekstu na obrazie. Po wybraniu tej opcji w dolnej części okna przybornika zostaną wyświetlone opcje tekstu. W zakładce Czcionka wybierzmy Comic Sans MS Bold; Rozmiar 17pt, zaznaczmy Hinting oraz Wygładzaj, Kolor: biały, Justowanie: Wyjustowany lewostronnie, Wcięcie: 0.0, Odstępy: 1.0. Aby wprowadzić tekst do obrazu klikamy na zielonym polu w lewym górnym rogu. Pojawi się edytor tekstu, w którym należy wpisać następujący tekst: WYSTAWA KOTÓW RASOWYCH LUBLIN, 24-26.10.2008, g. 10-18 DOM KOLEJARZA, ul. Kunickiego 10 Po wprowadzeniu tekstu należy kliknąć w Edytorze tekstu opcję Zamknij. Przechodzimy do okna dialogowego Warstwy (opcja Okna dialogowe>warstwy) i zaznaczamy warstwę z tekstem. Korzystając z opcji Przesunięcia (klawisz M) przesuńmy tekst na środek zielonego pola. Powiększamy tekst wybierając z narzędziówki opcję Skalowanie (Shift+T). Ustawiamy szerokość na 346, a wysokość na 77 px i klikamy Skaluj. Dodamy jeszcze do tekstu cień. W tym celu należy wybrać z menu opcję Script-Fu>Cień>Rzucanie cienia i nie zmieniając ustawień wystarczy kliknąć OK. Zapiszmy utworzony obraz pod nazwą mojplakat.jpg. 2
Zad. 3. Przezroczysty napis Otwieramy obraz o nazwie wzipt.jpg. Przechodzimy do przybornika i wybieramy opcję Umieszczanie tekstu na obrazie, w opcjach narzędzia zaznaczamy czcionkę Georgia Bold; Rozmiar 100pt, Hinting oraz Wygładzaj, Kolor: czarny, Justowanie: Wyśrodkowany, Wcięcie: 0.0, Odstępy: 1.0. Przechodzimy do obrazu i klikamy w jego dolnej części. W edytorze tekstu wpisujemy: Politechnika Lubelska 2005. Wybieramy z menu opcję Script-Fu> Cień> Efekt Xach, nie zmieniając opcji klikamy OK. Teraz przechodzimy do opcji Edycja> Wytnij (Ctrl+X) i zapisujemy uzyskany obraz pod nazwą PL1.jpg. Teraz cofnijmy dwie operacje wstecz i zmieńmy ustawienia w opcji Scrpt-Fu> Cień> Efekt Xach, zgodnie z ustawieniami na rysunku obok. Zapiszmy utworzony w ten sposób obraz pod nazwą PL2.jpg. Zad. 4. Zastosowanie filtrów w obiektach tekstowych Tworzymy nowy obraz 600x200 pikseli z białym tłem i zapisujemy go pod nazwą promocja.png. Przechodzimy do okna dialogowego Warstwy (Okna dialogowe >Warstwy) i dodajemy nową warstwę z Typem wypełnienia> Przezroczystość. Teraz wykorzystamy kilka filtrów dostępnych w Gimpie, w celu stworzenia odpowiedniego tła dla tekstu. Zaznaczamy warstwę o nazwie: Nowa warstwa i z menu wybieramy opcję Filtry>Szum>Wygnieć. W otwartym oknie ustawiamy Ziarno losowości: 10, Przypadkowość: 100, Powtórzenia: 5 i klikamy OK. Następnie przechodzimy do opcji Filtry>Uwydatnienie>Odplamianie. W otwartym oknie ustawiamy: Promień: 1, Poziom czerni: 40, Poziom bieli: 246. Przechodzimy do okna dialogowego Warstwy i duplikujemy warstwę. Klikamy na warstwie o nazwie kopia: Nowa warstwa i wybieramy z menu opcję Filtry>Rozmycie> Rozmycie w ruchu. W otwartym oknie ustawiamy: Typ rozmycia: liniowy, Długość: 80, Kąt: 315 i klikamy OK. Przechodzimy do warstwy o nazwie Nowa warstwa i stosujemy ponownie opcję Filtry>Rozmycie> Rozmycie w ruchu. W otwartym oknie ustawiamy: Typ rozmycia: liniowy, Długość: 80, Kąt: 45 i klikamy OK. W oknie dialogowym Warstwy ponownie wybieramy warstwę o nazwie kopia: Nowa warstwa i zmieniamy Tryb warstwy na Mnożenie. Klikamy prawym klawiszem myszy na aktywnej warstwie i z menu kontekstowego wybieramy opcję Spłaszcz obraz. Przechodzimy do menu nad obrazem i wybieramy opcję Warstwa>Kolory>Poziomy. W otwartym oknie w zakładce Poziomy wejściowe: wpisujemy kolejno 0 ; 0,18 ; 165. Zatwierdzamy zmiany. W ten sposób uzyskaliśmy tło stanowiące bazę dla naszego napisu. 3
Przejdźmy teraz do etapu tworzenia tekstu. W tym celu należy przejść do okna dialogowego Warstwy i stworzyć nową warstwę z białym tłem (Typ wypełnienia warstwy: Biały). Z narzędziówki wybieramy opcję Umieszczanie tekstu na obrazie. W opcjach narzędzia wybieramy czcionkę Berlin Sans FB Bold; Rozmiar 80px, zaznaczmy Hinting oraz Wygładzaj, Kolor: zielony, Justowanie: Wyśrodkowany, Wcięcie: 0.0, Odstępy: 1.0. Klikamy na obrazie i w edytorze tekstu wpisujemy słowo POLITECHNIKA LUBELSKA i zamykamy edytor tekstu. Przesuwamy wpisany tekst na środek tła. Następnie dopasowujemy rozmiar warstwy tekstowej do obrazka wybierając z menu opcję Warstwa >Dopasuj wymiary warstwy do obrazu. Stosujemy opcję Filtry>Odwzorowania> Przesuwanie. W otwartym oknie ustawiamy Przesunięcie X i Y na 10,00, zaś jako źródło przesunięcia X i Y wybieramy dolną warstwę z kolorową mozaiką. Pozostałe ustawienia zostawiamy bez zmian i klikamy OK. Teraz należy spłaszczyć obraz (prawy klawisz myszy na pierwszej warstwie i opcja Spłaszcz obraz) i zapisać wyniki pracy pod nazwą promocja.png. Zad. 5. Przygotowanie ozdobnego napisu Tworzymy nowy obraz o rozmiarach 450x300px z czarnym tłem. Wpisujemy biały tekst czcionką Showcard Gothic o rozmiarze 25px: EDUKACJA TECHNICZNO-INFORMATYCZNA Używając klawisza M przesuwamy napis na środek. Dopasowujemy rozmiary warstwy tekstowej do rozmiarów obrazka opcja: Warstwa>Dopasuj wymiary warstwy do obrazka. Przechodzimy do okna dialogowego Warstwy i duplikujemy warstwę o nazwie Edukacja... Po czym wyłączamy widoczność tej warstwy. Wybieramy warstwę o nazwie Edukacja... #1 i stosujemy opcję Filtry>Zniekształcenia>Wiatr. W otwartym oknie ustawiamy Siłę: 20. Powtarzamy jeszcze raz opcję Filtry>Zniekształcenia>Wiatr z tym, że zaznaczamy Kierunek: w prawo. Wybieramy z menu opcję Warstwa>Przekształcenie>Obróć o 90 stopni w prawo i powtarzamy dwa razy opcję Filtry>Zniekształcenia>Wiatr z tym, że raz zaznaczamy Kierunek: w lewo, drugi raz Kierunek: w prawo. Obracamy warstwę do pozycji początkowej wybierając z menu opcję Warstwa>Przekształcenie> Obróć o 90 stopni w lewo. Przechodzimy do okna dialogowego Warstwy i duplikujemy warstwę o nazwie Edukacja... #1. Wracamy do warstwy o nazwie Edukacja... #1 i wybieramy z menu opcję Filtry> Zniekształcenia> Wirowanie, zostawiamy ustawienia domyślne i klikamy OK. Za pomocą różdżki zaznaczamy w każdym z rogów obrazka biały kolor na zewnątrz czarnego okręgu. Powiększamy zaznaczenie o 5px i czyścimy je "Ctrl + K" oraz usuwamy zaznaczenie Shift+Ctrl+A. 4
Przechodzimy do okna dialogowego Warstwy i duplikujemy warstwę o nazwie Edukacja... #1. Powinna powstać warstwa o nazwie Edukacja...#3. Skalujemy ją do rozmiarów 861x440px. Teraz wybieramy z okna dialogowego Warstwy warstwę nazwie Edukacja... #2. Powinna się znajdować na samej górze w palecie warstw. Przechodzimy do menu nad obrazem i klikamy opcję Filtry>Rozmycie>Rozmycie Gaussa ustawiamy promień rozmycia na 2px. Teraz z Okna dialogowego>warstwy wybieramy warstwę o nazwie Edukacja... włączamy jej widoczność i przenosimy ją na samą górę (należy kliknąć na warstwie i przeciągnąć ją we wskazane miejsce) i zaznaczamy opcję Zachowanie przezroczystości. Następnie przechodzimy do przybornika i z palety wybieramy kolor czarny, klikamy na ikonę kubełka i wylewamy farbę na obraz. Napis EDUKACJA TECHNICZNO-INFORMATYCZNA powinien zrobić się czarny. Wracamy do okna dialogowego Warstwy i klikając prawym klawiszem myszy na górnej warstwie wybieramy z menu kontekstowego opcję Spłaszcz obraz. Przechodzimy do menu nad obrazem i klikamy na opcję Warstwa>Kolory>Balans kolorów. Wybieramy dowolne ustawienia i zapisujemy powstały obraz. Zad. 6. Tworzenie tekstu z efektem 3D Otwórz nowy obraz o rozmiarach 420 300 px. Plik > Nowy. Za pomocą polecenia Umieszczenie tekstu na obrazie (skrót klawiszowy: T) umieszczamy napis Techniki Multimedialne (czcionka Bookman Old Style Semi-Bold Italic, kolor niebieski). Ustaw wielkość czcionki i dopasuj położenie napisu do wymiarów obrazu, Używając narzędzia Zmiana perspektywy warstwy lub zaznaczenia (shift+p) ustaw perspektywę według rys. 1. Rys. 1. Zmiana perspektywy 5
Zduplikuj warstwę z tekstem, Wyłącz widoczność nowej zduplikowanej warstwy poprzez kliknięcie na oko po lewej stronie od nazwy warstwy rys. 2. Wybierz warstwę z tekstem (nie duplikat) a następnie wykorzystaj polecenie Filtry>Odwzorowania>Mapowanie wypukłości z ustawieniami według rys. 3 Następnie zmapowaną" warstwę duplikuj 4 razy rys. 2. Rys. 3. Okno mapowanie wypukłości Rys. 2. Okno Warstwy Wybierz pierwszą widoczną warstwę. Wykorzystaj narzędzie Przesuwanie warstw i zaznaczenia (M) przesuwając wybraną warstwę poprzez naciśnięcie jednokrotnie na klawiaturze strzałki w dół, Obniż kolejną warstwę - tym razem dwukrotnie naciskamy strzałkę. Analogicznie postąp z pozostałymi widocznymi warstwami, odpowiednio coraz niżej je przesuwając, Wyłącz widoczność dla warstwy Tło, Wywołaj menu kontekstowe PPM na dowolnej warstwie (wybierz opcje Połącz widoczne warstwy zatwierdź OK.), Zduplikuj warstwę, która powstała po "spłaszczeniu" widocznych warstw (powinna znajdować się na środku, pomiędzy warstwą tła, a napisem), Wybierz nową zduplikowaną warstwę. Wykorzystaj narzędzie Przesuwanie warstw i zaznaczenia (M) przesuwając wybraną warstwę poprzez naciśnięcie pięciokrotne na klawiaturze strzałki w dół, Włącz widoczność wszystkich warstw, Wykorzystaj polecenie Script-Fu->Cień->Rzucianie cienia, ( ustawienia: Promnień rozmycia na 8, Krycie na 50, odznacz opcję Dopuszczalne powiększanie), Wykadruj napis oraz zmień kolor tła na żółty Zapisz napis Techniki Multimedialne rys. 4 do swojego folderu w formacie.jpg. Wykorzystaj swoja pracę do wzbogacenia prezentacji zaliczeniowej. Rys. 3. Okno mapowanie wypukłości Rys. 4. Wykadrowany napis z efektem 3D 6
Zad. 7. Korzystanie z gotowych efektów tekstowych Przejdź do przybornika i z menu wybierz opcję Dodatki>Script-Fu>Logo>Łaciate W otwartym oknie wpisz Pij Mleko, wybierz czcionkę Showcard Gothic i kliknij Ok. Zapisz efekt. Przejdź do przybornika i z menu wybierz opcję Dodatki>Script-Fu>Logo>Komiks. Wpisz dowolny tekst i zastosuj skrypt. Zapisz efekt pracy. Wypróbuj inne skrypty Logo. 7