Nakładanie obrazów na mur... 2 Magiczna kula świetlna... 7 Neon Elementy wystające - Spider-Man... 25

Transkrypt

1 Proszę wybrać sobie jeden spośród zamieszczonych poniżej tuto riali i wykonać grafikę zgodnie z instrukcją. Jeżeli ktoś znajdzie ciekawy tuto rial w Internecie (np. na Youtube), może mi go pokazać, wtedy ja stwierdzę, czy można go w ramach zadania domowego wykonać. Celowo nie daję obowiązkowego tuto riala Youtube, gdyż nie wszyscy mają szybkie łącze internetowe, albo płacą za transfer. Potrzebne grafiki należy pobrać z Internetu. Zaznaczam, że tutoriale nie są mojego autorstwa. Podaję adresy stron, z których zostały pobrane. Lista do wyboru: Nakładanie obrazów na mur... 2 Magiczna kula świetlna... 7 Neon Elementy wystające - Spider-Man... 25

2 Nakładanie obrazów na mur Źródło: Opracowanie: dawidosddl Poziom trudności: łatwy Tutorial przedstawia jak wykonać realistyczny efekt graffiti, obrazu namalowanego na murze (ceglanym). Powstał na prośbęę użytkownika xomichuox. Wszystkie obrazki pokazane są w skali 50%. Aby zobaczyć pełny obrazek, kliknij na niego PPM i wybierz Pokaż obrazek (Mozilla Firefox) lub Otwórz grafikę w nowej karcie (Google Chrome). Tutorial napisany w wersji GIMP W innych wersjach nazwy narzędzi i pojęć mogą się różnić. Zaczynamy 1. Otwieramy (Plik -> Otwórz...) [Ctrl+O] w GIMP-ie naszą ścianę i obraz, który będziemy na nią nakładać. Kopiujemy (Edycja -> Skopiuj) [Ctrl+C] nasze przyszłe graffiti, w obrazie ze ścianą tworzymyy nową warstwę (Warstwa -> Nowa warstwa...) [Shift+Ctrl+N], nazywamy jąą Graffiti i wklejamy (Edycja -> Wklej) [Ctrl+V] na nią nasz obrazek.

3 2. Duplikujemy (Warstwa -> Duplikuj warstwę) [Shift+Ctrl+D] warstwę Tło i zmieniamy nazwę kopii na Przesuwanie. Będąc na tej warstwie wchodzimy w Kolor -> Desaturacja..., wybieramy najbardziej kontrastową opcję i klikamy OK. Duplikujemy (Warstwa -> Duplikuj warstwę) [Shift+Ctrl+D] warstwę Przesuwanie i zmieniamy nazwę kopii na Światłocień. 3. Wyłączamy widoczność warstwy Światłocień. Rozmywamy (Filtry -> Rozmycie -> Rozmycie Gaussa...) warstwęę Przesuwanie rozmyciem o promieniu od 3px do 15px. Zależy to od poziomu zniszczenia muru. Im bardziej zniszczony mur, tym większe rozmycie. Ja wpisałem 10px.

4 4. Będąc na warstwie Graffiti wchodzimy w Filtry -> Odwzorowania -> Przesuwanie. W Przesunięciu X i Przesunięciu Y wybieramy z listy warstwę Przesuwanie. Wartość ustalamy dla obu przesunięć jednakową, od 10 do 20. Im bardziej zniszczony mamy mur, tym mniejsze przesunięcie. Ja wpisałem Wyłączamy widoczność warstwy Przesuwanie. Włączamy widoczność warstwy

5 Światłocień i przesuwamy ją na samą górę w stosie warstw, nad warstwę Graffiti. Na warstwie Graffiti klikamy PPM i wybieramy Kanał alfa na zaznaczenie. Przechodzimy na warstwę Światłocień, wybieramy Zaznaczenie -> Odwróć (jeśli nie mamy kanału alfa, to jeszcze Warstwa -> Przezroczystość -> Dodaj kanał alfa) i Edycja -> Wyczyść [Delete] oraz Zaznaczenie -> Nic [Shift+Ctrl+A]. Tryb warstwy Światłocień zmieniamy na Twarde światło. Możemy też zmniejszyć krycie, ja zmniejszyłem je do 95%. Zmniejszamy też krycie warstwy Graffiti. W zależności od przypadku do 70-90%, ja ustawiłem 80% %. Koniec Jak widać, na mocno zniszczonym murze efekt nie wygląda oszałamiająco. Na lepszych ścianach jednak wygląda to fajniej (w poniższym przykładzie akurat za mocno rozmyłem warstwę Przesuwanie).

6 Mam nadzieję, że efekt się podoba i się wam przyda. Miłego GIMP-owaniaa Tutorial przedstawia jak wykonać realistyczny efekt graffiti, obrazu namalowanego na murze (ceglanym). «Ostatnia zmiana: , 10:12:10 wysłane przez Ziomioslaw»

7 Magiczna kula świetlna Opracowanie: DaFFy Poziom trudności: łatwy Kula powstała w oparciu o awatar, który został znaleziony na pewnym forum. Niestety już nie pamiętam jakie to było. Tutorial napisany na prośbę Zdybka, który odkopał tą pracę w mojej galerii. Tutorial napisany w wersji GIMP 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić. Zaczynamy 1. Tworzymy obraz o wymiarach 400x400px. Wypełniamy go korzystając z narzędzia Wypełnienie kubełkiem [Shift+B] kolorem czarnym # Ustawiamy cztery prowadnice (Obraz -> Prowadnice -> Nowa prowadnica):

8 Pionowa 10px Pionowa 20px Pozioma 10px Pozioma 20px 2. Tworzymy nową warstwę o domyślnych ustawieniach Warstwa -> Nowa warstwa... [Shift+Ctrl+N]. Nazywamy jąą Kropki. Przybliżamy widok do 400% w lewy górny róg pracy. Wybieramy Pędzel [P] o kolorze białym #FFFFFF i o kształcie Circle( (09)(11x11). Stawiamy nim punkt na warstwie Kropki w miejscu przecięć środkowych prowadnic (tak jak na obrazku poniżej). Wybieramy narzędzie Zaznaczenie Prostokątne [R] i zaznaczamy część od przecięcia się dalszych prowadnic do górnego lewego rogu pracy (tak jak na obrazku poniżej).

9 3. Wycinamy zaznaczenie Edycja -> Wytnij [Ctrl+X]. Teraz możemy już usunąć prowadnice: Obraz -> Prowadnice -> Usuń wszystkie prowadnice. Ustawiamy przybliżenie na 100%. Wybieramy narzędzie Wypełnienie kubełkiem [Shift+B]. W opcjach narzędzi opcję Tryb Wypełnienia ustawiamy na Deseń. Rodzaj deseniu musimy ustawić na Schowek. W tym celu klikniemy na ikonkę desenia i z listy, która ukaże się naszym oczom, wybieramy deseń, który znajduje się w górnym lewym rogu (to powinien być cały biały kwadracik). Po wybraniu desenia klikamy na obrazie. Efekt wygląda tak:

10 4. Spłaszczamy obraz Obraz -> Spłaszcz obraz. Teraz stworzymy kulę: Filtry -> Odwzorowania -> Odwzorowanie obiektu. W oknie, które nam się otworzy, Obiekt docelowy zmieniamy z Płaszczyzna na Sfera. Przechodzimy do karty Światło, tam ustawiamy Typ źródła światła na Bez światła. Omijamy kartę Materiał i wybieramy kartę Ułożenie. W tej karcie suwaki związane z położeniem zostawiamy, możemy za to dowolnie poustawiać suwaki związane z obrotem. Pomocne przy ustalaniu interesującej nas pozycji mogą być opcje spod obrazka. Obrót może być dowolny, ja użyłem: X: 20 Y: 50 Z: 20 Klikamy OK i czekamy, aż GIMP wykona operację. Poniżej daję obrazy, jak powinny być ustawione opcje:

11

12 5. Jeżeli wszystko poszło dobrze, aktualnie powinniśmy mieć jedną warstwę Tło, na której znajduje się kula taka jak powyżej. Duplikujemy tą warstwę (Warstwa -> Duplikuj warstwę [Shift+Ctrl+D]). Zmieniamy nazwę nowej warstwy z kopia:tło na Rozmazane dziury. Musimy usunąć tło z tej warstwy, więc wybieramy: Kolory -> Zmiana koloru w alfę. Musimy usunąć kolor czarny. Dla tych, którzy nie wiedzą jak to zrobić, to napiszę: należy kliknąć na biały prostokąt, wtedy otworzy się nam okienko Wybór kolorów, w Zapis HTML-owy wpisujemy "#000000". Klikamy OK i jeszcze raz OK. Teraz duplikujemy

13 warstwę Rozmazane dziury: Warstwa -> Duplikuj warstwę [Shift+Ctrl+ +D]. Zmieniamy nazwę warstwy na Promienie.. Okno z warstwami będzie wyglądać tak: 6. Wybieramy warstwę Rozmazane dziury i stosujemy na niej rozmycie Gaussa: Filtry -> Rozmycie -> Rozmycie Gaussa... Promień pionowy i poziomy ustawiamy na 10px. Klikamy OK.

14 7. Na warstwie Promienie stosujemy rozmycie "w ruchu" (Filtry -> Rozmycie -> Rozmycie "w ruchu"...). Tryb ustawiamy na Powiększanie, Długość ustawiamy na 130.

15

16 8. Teraz musimy duplikować warstwy, aby promienie były wyraźniejsze. Wybieramy warstwę Rozmazane dziury i duplikujemy ją trzy razy Warstwa -> Duplikuj warstwę [Shift+Ctrl+D]. Warstwę Promienie też duplikujemy trzy razy. Mamy teraz dziewięć warstw, a nasza praca wygląda tak:

17 9. Tworzymy teraz na samej górze nową warstwę. Na niej stosujemy Gradient [L]. Kształt gradientu Promienisty. Gradient dowolny. Ja użyłem Tropical colors. Możemy ustawić go dowolnie. Ja ustawiłem tak:

18 10. Ustawiamy tryb warstwy z gradientem na Kolor. Gotowe! Koniec Tutoraial jest na tyle ciekawy, że możemy z nim kombinować. Np. jeśli chcemy, aby było mniej tych promieni, ustawiamy w 1. punkcie prowadnice np. na: Pionowa 20px Pionowa 40px Pozioma 20px Pozioma 40px Jeśli chcemy, aby promienie były cieńsze, możemy użyć mniejszego pędzla w punkcie 2. Jeśli chcemy, aby promienie były dłuższe/krótsze, wybieramy długość większą lub mniejszą w punkcie 7. Życzę miłej pracy!

19 «Ostatnia zmiana: , 12:03:29 wysłane przez Domaxi»

20 Neon Opracowanie: Tobiahao Poziom trudności: Łatwy Ten tutorial pokaże wam jak zrobić neon, taki jak powyżej. Tutorial napisany w wersji GIMP 2.6. W innych wersjach nazwy narzędzi i pojęć mogą się różnić. Zaczynamy 1. Tworzymy obraz z białym #ffffff tłem o dowolnych wymiarach. 2. Najpierw tworzymy Ścieżkę [P].

21 3. Gdy już mamy ścieżkę klikamy Rysuj wzdłuż ścieżki i ustawiamy szerokość linii na 20px. tak jak na obrazku poniżej. 4. Wybieramy Zaznaczeniee -> Według koloru i klikamy na naszą ścieżkę. 5. Następnie zmniejszamy zaznaczenie: Zaznaczenie->Zmniejsz, zmniejszamy o 4px.

22 6. Teraz klikamy Edycja -> Wyczyść lub po prostu klikamy [Delete]. Powinno nam wyjść coś takiego: 7. Wybieramy Filtry -> Rozmycie -> Rozmycie "w ruchu" i ustawiamy tak jak poniżej: 8. Następnie wchodzimy w Filtry -> Wykrywanie krawędzi -> Krawędź, zaznaczamy tak jak na obrazku poniżej:

23 9. Duplikujemy warstwę Tło 10. Na warstwie Tło (tej która jest zaznaczona na obrazku powyżej) wchodzimy w Filtrpionowo i poziomo >Rozmycie->Rozmycie Gaussa. Promień rozmycia ustawiamy zarówno 20px. Warstwa rozmyta musi być na dole. 11. Tryb warstwy kopia: Tło ustawiamy na Przesiewanie. 12. Teraz możemy pokolorować nasz neon. Tworzymy nową przezroczystą warstwę. 13. Na warstwie: Nowa warstwa wchodzimy w Gradient [L], wybieramy który nam się podoba (Ja wybrałem Full saturation spectrum CW) i wypełniamy obszar:

24 14. Na warstwie Nowa warstwa ustawiamy tryb Kolor. Neon jest gotowy. Koniec

25 Elementy wystające - Spider-Man Orginał: tutorials.isx.pl Opracowanie: Kifer71 Poprawa: Żaba Poziom trudności: łatwy Przeglądając webtutorials.com natknąłem się na ciekawego tutka (tutorials.isx.pl stronka nie działa). Postanowiłem przenieść go na GIMP-a. Autor polskiej wersji wzorował się na poradniku pochodzącym ze strony codestyles.com. Jest jedna mała różnica między tutem na PS, a tym na GIMP-a. Do umieszczenia Spider-Mana na monitorze laptopaa użyłem innych narzędzi. Tutorial starałem się pisać tak, aby nawet mało doświadczeni użytkownicy GIMP-a mogli sobie dać radę. Do pracy będziesz potrzebował tych oto obrazów: laptop.png i spiderman..png

26 Tutorial napisany w wersji GIMP W innych wersjach nazwy narzędzi i pojęć mogą się różnić.

27 Zaczynamy. 1. Otwórz nowy biały obraz o wymiarach 480x424 pikseli. 2. Dodaj dwie nowe warstwy i nazwij je odpowiednio: laptop i spiderman. 3. Otwórz obrazy laptop.png i spiderman.png. 4. Przekopiuj je do odpowiednich warstw. Dla laików: przepis na kopiowanie a) Przejdź do obrazu laptop.png. b) Z menu Edycja wybierz Kopiuj widoczne. c) Teraz przejdź do własnej pracy i w zakładce Warstwy zaznacz warstwę laptop, a z menu Edycja wybierz Wklej do. d) Z menu Warstwa wybierz Zakotwicz warstwę. e) Tak samo postępujesz z obrazem spiderman.png 5. Wyłącz widok warstwy spiderman. 6. Na warstwie laptop obrysuj ekran monitora za pomocą narzędzia Tworzenie i modyfikowanie ścieżek, następnie z menu Zaznaczenie wybierz Ze ścieżki.

28 7. Menu Zaznaczenie -> Zapisz do kanału. Tak dla bezpieczeństwa, jakbyś potrzebował przywrócić zaznaczenie. 8. Przejdź do warstwy spiderman jednocześnie włączając jej widok. 9. Skaluj warstwę. Z menu Warstwa wybierz Skaluj warstwę [Shift+T], a w oknie dialogowym ustaw wymiary na szerokość = 320 pikseli i wysokość = 283 piksele.

29 10. Ustaw warstwę spiderman jak na rysunku poniżej narzędziem Przesuwanie warstw i zaznaczeń [Shift+Ctrl+O]::

30 11. Duplikuj warstwę spiderman, menu Warstwa -> Duplikuj warstwęę (lub przyciskiem w oknie warstw) i wyłącz widok kopia: spiderman. 12. Wróć do warstwy spiderman i z menu Zaznaczenie wybierz Odwróć, a w menu Edycja kliknij Wyczyść. Usuńń zaznaczenie, opcja Brak w menu Zaznaczenie (lub Ctrl+Shift+A].

31 13. Przejdź do warstwy kopia: spiderman jednocześnie włączając jej widok i za pomocą narzędzia Odręczne zaznaczanie obszarów obrysuj dłoń Spider-Mana. 14. Wybierz [Ctrl+I] Zaznaczenie -> Odwróć i wyczyść zaznaczenie, następnie usuń je. Dla wygody przy tworzeniu rendera możesz wyłączyć widok warstw laptopp i spiderman.

32 15. Usuń niepotrzebne części rendera np. za pomocą Gumki [Shift+E].

33 16. W zakładce Warstwy kliknij warstwę kopia: spiderman PPM i z rozwijanego menu wybierz Kanał alfa na zaznaczenie. 17. Utwórz nową przezroczystą warstwę i nazwij ją cień. 18. Na warstwie cień wypełnij powstałe przed chwilą zaznaczenie czarnym kolorem np. za pomocą narzędzia Wypełnianie kolorem lub deseniem [Shift+B]. 19. Warstwę cień przesuń pod kopia: spiderman. 20. Mając cały czas aktywne zaznaczenie dłoni Spider-Mana przejdź do warstwy kopia:

34 spiderman i z menu Zaznaczenie wybierz Zmniejsz, a w oknie dialogowym ustaw 2 piksele, następnie odwróć zaznaczenie. 21. Z menu Filtry wybierz Rozmycie -> Rozmycie Gaussa, a promień rozmycia ustaw na 4 piksele i usuń zaznaczenie. 22. Przejdź do warstwy cieńń i z menu Warstwa wybierz Przytnij warstwę. 23. Narzędziem Perspektywy Perspektywa kliknij Przekształć., [Shift+T] zmień kształt warstwy. W oknie dialogowym 24. Z menu Warstwa wybierz Dopasuj warstwę do wymiarów obrazu. 25. Teraz kolej na Filtry -> pikseli. 26. W zakładce Warstwy ustaw Krycie na 60%. 27. Zapisz obrazek w formacie png i efekt gotowy. Rozmycie -> Rozmycie Gaussa. Rozmycie ustaw na 10

35 Koniec