Wstęp. Co przed przystąpieniem do pracy wiedzieć powinieneś?

Transkrypt

1 Wstęp Niemal każdy użytkownik słyszał o Photoshopie. Jednak zdecydowanie mniej osób słyszało o jego darmowym odpowiedniku Gimpie. Wbrew pozorom nie jest to jak może się początkowo wydawać program dla biedaków. Co więcej potrafi on tworzyć równie zapierające dech w piersiach grafiki, wizualizacje czy nawet animacje, o retuszowaniu lub fotomontażu zdjęć, nie wspominając. Jest to świetny program, który w odpowiednich rękach może stać się naprawdę potężnym narzędziem, mogącym uczynić równie wiele co jego komercyjny odpowiednik. W niniejszym E-booku postaram się przedstawić kilka ciekawych projektów, które można wykorzystać równie na użytek domowy jak i komercyjny. Swoje pomysły, kompozycje i prace czerpałem z wielu źródeł. Poczynając od polskich stron internetowych o tematyce Gimp-u, jak też zagranicznych serwisów. Oczywiście zdaję sobie sprawę, że nie sposób jest zamieścić oraz przedstawić wszystkich prac, ponieważ jest ich ogromna ilość. Postarałem się jednak zebrać trzydzieści różnych ciekawych wizualizacji, które pomimo swojego rozmachu i co mogłoby się wydawać trudności w ich wykonaniu, będą opisywane w sposób taki, aby mógł wykonać je również przeciętny użytkownik, który nigdy wcześniej nie miał wielkiego kontaktu z tego typu oprogramowaniem. Kolejna ważna sprawa, mianowicie, w chwili pisania tego E-booka, korzystałem z wersji Gimpa o numerku 2.8. Myślę że każdy przeciętny użytkownik wie że, wersje programów zmieniają się stosunkowo bardzo szybko a co za tym idzie, ciężko jest pisać tego typu publikacje. Pocieszę jednak tym że, pomimo tego zmiany nie są znaczące, przeważnie następują tylko poprawki typowo kosmetyczne interfejs, nie zmieni się o 180 stopni. Dla pewności, wszystkie rozwiązania sprawdzałem na wcześniejszych wersjach programu (2.6) nie spotkałem się z żadnymi komplikacjami, więc tym bardziej nie powinniście spotkać ich w nowszych wersjach. Zapewne macie już dość słuchania mojego marudzenia i chcecie przystąpić do pracy? No to zaczynajmy! Nie traćmy czasu! Co przed przystąpieniem do pracy wiedzieć powinieneś? Większość prac które zostały wykonane w Gimpie, mogą mieć zastosowanie komercyjne bądź też mogą zostać wykorzystane na użytek niekomercyjny. Nie ponoszę odpowiedzialności za wykorzystywanie ich w celach szerzenia nienawiści na tle religijnym, bądź rasowym oraz szerzenia treści erotycznych. Gimp jest narzędziem które powstało na zasadzie licencji GNU (General Public License). Wynika więc z tego że twórca ma prawo dowolnie ingerować w strukturę programu oraz jego kod. Oczywiście należy pamiętać o zachowaniu które jest powszechnie tolerowane przez wszelkie struktury prawne. Jeżeli interesujesz się szerzej koncepcją wolnego oprogramowania 1 odsyłam do niżej zawartych przypisów. Przedstawione problemy będę opisywać w drugiej osobie liczby mnogiej. Będzie to miało na celu ułatwienie dalszej nauki a co za tym idzie, szybkiej współpracy na zasadzie uczniowie-nauczyciel. Przynajmniej tak będę się starać. Co do samego programu. Korzystać można ze starszych odpowiedników, jednak zalecam używać najnowszej wersji oznaczonej numerem 2.8. Sam pisząc korzystałem właśnie z niej. Myślę że to chyba już wszystko, jeżeli chodzi o rozpoczęcie pracy z programem, oraz przystąpieniem do naszego motta ebooka Projektów profesjonalnych dla nieprofesjonalistów

2 Rozdział 1. Tworzenie efektywnych napisów Zapewne wiele razy widziałeś różne ciekawe style napisów. Na ulotkach, banerach reklamowych, telebimach lub na tradycyjnych zaproszeniach. Tworzenie napisów to wbrew powszechnej opinii zajęcie równie wymagające wyobraźni i siły twórczej tak samo jak wykonanie efektownej grafiki lub też animacji. Napis musi przykuwać uwagę, liczy się efekt pierwszego wrażenia. Paradoksalnie przeciętny człowiek najpierw przygląda się na całą otoczkę, cienie oraz samo wykonanie, dopiero potem skupia się na czytaniu zawartej treści. Jak więc widać przysłowiowy element zaskoczenia przydaje się nawet i w tym przypadku. W tym rozdziale przedstawię pięć różnych wzorów, dzięki którym stworzysz napisy które będą swoim wyglądem przykuwać uwagę a tym samym pozwolą Ci na zwiększenie efektywności swojej pracy. Wodny napis Uruchamiamy Plik/Nowy postępujemy dokładnie tak jak widać na załączonym obrazku: Następnie wybieramy z przybornika narzędzie Tekst [skrót T] zaznaczamy wszystko tak jak widać na poniższym obrazku:

3 I tworzymy nasz wyraz. W moim przypadku będzie to NAPIS. Powinieneś otrzymać coś takiego (oczywiście to Twój napis będzie miał inne nazewnictwo jak mój). W zakładce z warstwami powinno pojawić się coś takiego: Klikasz prawym przyciskiem myszy, powinna pojawić się tabelka, nas interesuje opcja: Powinieneś uzyskać takie coś: Następnie klikamy znowu prawym przyciskiem myszy właśnie na to i wybieramy opcję: Gdy już wybrałeś, należy zrobić wybrać opcję Skopiuj [Ctrl + C]. Jeżeli nie chcesz korzystać ze skrótu zakładka Edycja/Skopiuj. Gdy już to zrobisz wybierz zakładkę Zaznaczenie/Brak. Teraz czas na utworzenie kolejnej warstwy. Wybieramy Warstwa/Nowa warstwa[shift + Ctrl + L] następnie ustawiamy parametry takie jakie są załączone na poniższym obrazku: Gdy już uporamy się z warstwą, czas wybrać pędzel. W tym celu przechodzimy do przybornika i po prostu wybieramy pędzel, jednak musimy zmienić na niestandardowy styl w tym celu wybieramy następujący pędzel i ustawiamy wyżej wymienione parametry:

4 Teraz musimy obazgrać właśnie w taki sposób naszym pędzlem po napisie: Gdy już to zrobimy przechodzimy do kolejnej opcji. Tym razem wybieramy Filtry/Alfa na logo/chrom. Pojawi się nam taka tabelka. Pozostawiamy wszystko tak jak widać na poniższym obrazku: Powinniśmy uzyskać ten oto efekt: Kontynuujmy dalszą pracę. Na początek kasujemy warstwę pod spodem [powinniśmy zobaczyć warstwę o nazwie Drop Shadow to ją kasujemy]. Klikamy na nią lewym przyciskiem myszy, powinna podświetlić się na niebiesko, następnie wybieramy Nasza warstwa powinna wyglądać właśnie tak: Teraz tworzymy znowu nową warstwę. Wybieramy Warstwa/Nowa warstwa [Shift + Ctrl + L]. Parametry ustawiamy takie same jak robiliśmy przy pierwszej warstwie. Teraz właśnie przechodzimy do zakładki Edycja/Wklej. Powinniśmy zobaczyć nasz wcześniej skopiowany napis. Operacja powinna wyglądać tak:

5 Wybieramy Zaznaczenie/Brak. Teraz nasz skopiowany napis zakotwiczamy na naszą uprzednio utworzoną warstwę. Wybieramy z panelu [tam gdzie wcześniej wybieraliśmy kosz] tym razem wybieramy kotwicę, fachowo nazywa się to zakotwiczamy oderwaną warstwę. Znowu klikamy prawym przyciskiem myszy, tym razem na naszą uprzednio zakotwiczoną warstwę i wybieramy kanał alfa na zaznaczenie. Następnie wybieramy Zaznaczenie/Zmniejsz. Kolejnym krokiem będzie wypełnienie poniższych wartości zgodnie z przedstawionym poniżej obrazkiem: Następnie wybieramy znowu Zaznaczenie/Zmiękcz. Wypełniamy okienko poniższymi wartościami: W tym momencie nasze zaznaczenie zostały zmniejszone oraz wygładzone. Wybieramy Wypełnienie kubełkiem następnie bierzemy kolor biały i po prostu wypełniamy nasz napis tym kolorem. Po skończonej pracy powinniśmy uzyskać taki właśnie efekt: Teraz naszą przezroczystą warstwę [Napis] przesuwamy na środek za Otrzymamy poniższy rezultat: strzałka w dół.

6 Kolejny krokiem jest kliknięcie na następnie, wybranie kliknięcie prawym przyciskiem myszy i wybranie opcji połącz w dół. Znowu tworzymy nową warstwę [przezroczystą]. Na nowo utworzonej warstwie klikamy prawym przyciskiem myszy i wybieramy opcję modyfikuj atrybuty warstwy, następnie wpisujemy tak jak widać na poniższym obrazku: Klikamy OK i znowu wybieramy pędzel, ustawiamy ten sam jakim robiliśmy na początku [zmieniamy znowu kolor z białego na czarny]. Następnie malujemy nim po naszej nowo utworzonej warstwie [mapa] nazwie tak samo jak wcześniej, malowaliśmy poziomo naszego napisu. Tak to powinno wyglądać: Teraz wybieramy środkową warstwę [Napis] wybieramy zakładkę u góry Filtry/Odwzorowania/Przesuń. Ustawiamy poniższe parametry:

7 Otrzymamy taki efekt: Teraz kasujemy warstwę u góry. Jest to warstwa o nazwie [Mapa]. Wybieramy [usuwa tę warstwę]. Po tym zabiegu powinniśmy uzyskać takie coś: Teraz wybieramy górną warstwę [Napis] wybieramy w górnej zakładce Kolory/Barwienie. Następnie ustawiamy wartości które są przedstawione poniżej: Jeżeli wszystko wykonaliśmy dobrze powinniśmy uzyskać taki efekt: Teoretycznie można powiedzieć że to już wszystko. Postaramy się jednak trochę ulepszyć nasz napis. W tym celu przystąpimy do kolejnych czynności, mających na celu zwiększenie jakości i efektywności naszego napisu.

8 Na początek kasujemy warstwę [Background]. Zostanie nam już tylko sam napis. Co robimy? Duplikujemy naszą warstwę. Klikamy prawym przyciskiem myszy i wybieramy opcję Duplikuj warstwę. Ewentualnie wybieramy symbol powiedzmy takich dwóch ekraników. Powinniśmy uzyskać następujący kształt: Czas na ostatni krok. Wybieramy zakładkę Filtry/Alfa na logo/nieziemska poświata. Postępujemy zgodnie z poniższymi wytycznymi: Jeżeli wszystko dobrze ustawiliśmy, powinniśmy uzyskać poniższy rezultat: Tak powinno wyglądać w panelu, gdzie znajdują się warstwy:

9 Teraz przesuwamy warstwę [Napis] za pomocą zielonych strzałek ewentualnie, przytrzymując lewym przyciskiem myszki napis do góry. Końcowy rezultat powinien wyglądać właśnie tak: Teraz przystąpimy do zapisywania. Jak należy zapisywać? Wbrew pozorom to jest mały kłopot dla ludzi którzy nie mieli styczności z tego typu programami. Zwykła opcja która jest w zakładce Plik/Zapisz zapisuje owszem naszą pracę ale w formacie xcf. Jest to format który pozwala jednak odtwarzać prace jedynie w Gimpie. Co zrobić jeżeli chcę zapisywać jednak w JPEG lub PNG? W tym przypadku wybieramy Plik/Wyeksportuj [Shift + Ctrl + E]. Pojawi się nam okienko: 1. Miejsce gdzie możemy zmienić nazwę naszego pliku. 2. Obszar gdzie możemy zapisać naszą pracę. 3. Pole wyboru formatu w jakim nasza praca zostanie zapisana.

10 Napis w 3D Uruchamiamy Plik/Nowy dane mają zgadzać się z poniższym obrazkiem: Następnie wybieramy z przybornika narzędzie Tekst [skrót T] zaznaczamy wszystko tak jak widać na poniższym obrazku: Następnie na naszej warstwie klikamy lewym przyciskiem myszy i piszemy nasz wyraz. W moim przypadku będzie to słowo [Sans]. Oczywiście rozmiar i napis mogą być inne. Jednak na początek w ramach ćwiczeń proponuję taki schemat. Gdy już uporaliśmy się z napisem powinniśmy otrzymać taki oto efekt:

11 W zakładce z warstwami powinno pojawić się coś takiego Klikasz prawym przyciskiem myszy, powinna pojawić się tabelka, nas interesuje opcja: Powinieneś uzyskać takie coś: Teraz zduplikujemy warstwę o nazwie [SANS]. Wybieramy z panelu Warstwa/Duplikuj warstwę lub posługujemy się skrótem [Shift + Ctrl + D]. Powinniśmy zobaczyć nową warstwę o nazwie [SANS #1]. Odznaczamy ją poprzez naciśnięcie lewym przyciskiem mysz na symbol oka widoczny przy niej. Znowu wybieramy klikając lewym przyciskiem myszy naszą starą warstwę [SANS] a następnie wybieramy z przybornika narzędzie o nazwie Miarka [Shift + M]. Teraz zaznaczamy tak jak jest pokazane na poniższym obrazku: Następnie chwytamy za końcowe miejsce dociągnięcia naszej miarki i przesuwamy o 90 stopni. Powinno wyglądać w ten sposób: Teraz przechodzimy do zakładki Filtry/Rozmycie/Rozmycie w ruchu. Ustawiamy poniższe wartości:

12 Teraz przystąpimy do opcji która nazywa się Zaznaczenie według koloru [Shift + O]. Klikamy na napis, ale UWAGA na warstwie [SANS]! Powinno wyglądać tak: Teraz przechodzimy do ustawienia gradientu. W tym celu wybieramy właśnie Gradient [L]. Ustawienia mają wyglądać właśnie w taki sposób jak przedstawia poniższy obrazek: Teraz zmienimy odcień dla naszego napisu zaznaczamy gradientem w taki właśnie sposób jak przedstawione zostało na poniższym obrazku: Otrzymamy a raczej powinniśmy uzyskać taki efekt:

13 Teraz klikamy tam gdzie wcześniej odznaczaliśmy nasze oko na warstwie [SANS #1]. Tym razem znowu przywracamy nasze oczko. Powinniśmy zobaczyć taki oto widoczek: Klikamy na tej samej warstwie prawym przyciskiem myszy i wybieramy z poniższej tabelki opcję Kanał alfa na zaznaczenie. Następnie wybieramy Zaznaczenie eliptyczne [E]/Odejmuje od bieżącego zaznaczenia [Ctrl] i zaznaczamy w taki sposób jaki przedstawia poniższy obrazek: Kolejnym krokiem będzie wybranie opcji Zaznaczenie/Zmniejsz. Wykonujemy tak jak przedstawia poniższy obrazek: Tak powinno wyglądać: Teoretycznie mamy już utworzony napis w standardzie 3D. Jednak postaramy się wycisnąć z tego jeszcze więcej, dodając do całego naszego projektu jeszcze efekty cieniowania. Dlatego przechodzimy do utworzenia kolejnej warstwy. Wybieramy Nowa warstwa, następnie ustawiamy ją jako przezroczystą. Nazywamy ją Cień. Znowu wybieramy gradient, tym razem jak już wspominałem będziemy utworzyć efekt cieniowania, poświaty w celu zwiększenia efektywności naszego napisu. Napis który posiada cienie jest zdecydowanie lepszy wizualnie

14 niż ten bez cienia. W tym celu wybieramy Gradient [L] oraz jako kolor pierwszoplanowy wibramy biały. Pozostałe dane wybieramy zgodnie z informacjami zawartymi na poniższym obrazku: Teraz zaznaczamy tak jak zostało przedstawione na poniższym obrazku: Nasz rezultat powinien wyglądać właśnie tak: Następnie wybieramy Zaznaczenie/Brak. Dodaliśmy lekki połysk, ale to jeszcze nie koniec. Teraz będziemy walczyć dalej z naszym napisem. W tym celu wybieramy naszą pierwszą

15 warstwę [SANS]. Wybieramy Filtry/Rozmycie/Rozmycie Gaussa. Postępujemy zgodnie z poniższymi wytycznymi: Analogicznie postępujemy dla kolejnej warstwy [SANS #1]. Na koniec przechodzimy do naszego tła [Tło]. Wybieramy znowu gradient. Postępujemy zgodnie z poniższymi parametrami. Oczywiście jeżeli chodzi o kolor, dowolność jego wyboru pozostawiam wam. Jednak resztę parametrów w celu osiągnięcia tego samego efektu zalecam wybrać. W tym celu przedstawiam poniższy obrazek: Panel Gradient/Kolor pierwszoplanowy na kolor tła (RGB). Następnie zaznaczamy w taki sposób:

16 Końcowy rezultat powinien wyglądać właśnie tak: Teraz oczywiście możemy zapisać naszą pracę do odpowiedniego naszym oczekiwaniom formatu.