Polskie Forum Użytkowników GIMP-a

---

To mój pierwszy tutorial. Wstawiam tutaj, bo wg mnie efekt jest średni, ale o coś takiego poprosił milek1207 i myślę, że początkujący użytkownicy Gimpa mogą się sporo nauczyć w dziedzinie posługiwania się różnymi narzędziami i filtrami.

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

---

[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o wymiarach 1000 x 1000px.
[lp] 2.Na środku ustawiamy pionową i poziomą prowadnicę (Obraz -> Prowadnice -> Nowa prowadnica (w procentach), kierunek: Poziome, położenie w %: 50) i jeszcze raz to samo, tylko zmienić kierunek na pionowe.
[lp] 3.Klikamy w przyborniku na narzędzie gradient  <gradient> i wybieramy gradient z załącznika. Tryb gradientu ustawiamy na dwuliniowy.
[lp] 4.Przeciągamy gradient dokładnie od środka do krawędzi obrazu, wzdłuż poziomej prowadnicy (musi być idealnie prosto).
 

[lp] 5.Na środku powstaje pasek szerszy od pozostałych. Aby go zlikwidować, a także by paski nie były tak symetryczne, wybieramy zaznaczenie prostokątne <zaznaczenie-prostokatne> i zaznaczamy całą lewą połowę obrazu (korzystając z pionowej prowadnicy) oraz klikamy: Zaznaczenie -> Oderwij. Następnie: Warstwa -> Przekształcenie -> Odbij poziomo i zakotwiczamy oderwaną warstwę klikając na symbol kotwicy w oknie warstw


[lp] 6.Usuwamy prowadnice (Obraz -> Prowadnice -> Usuń wszystkie prowadnice)
[lp] 7. Dodajemy nową, przezroczystą warstwę (najprościej jest przeciągnąć warstwę Tło w oknie warstw, na ikonkę czystej kartki w lewym, dolnym rogu tegoż okna) i nazywamy ją wiatr
[lp] 8. Od lewej krawędzi warstwy tworzymy zaznaczenie prostokątne o szerokości 60px wzdłuż całej wysokości i wypełniamy kolorem czarnym. Rezygnujemy z zaznaczenia (Zaznaczenie -> Nic)


[lp] 9. Wybieramy: Filtry -> Zniekształcenia -> Wiatr, z ustawieniami: Podmuch; W lewo; Początkowe; Próg: 10, Siła: 50


[lp] 10. Stosujemy: Filtry -> Rozmycie -> Rozmycie w ruchu z ustawieniami: Typ: liniowy, Długość: 30 , Kąt: 180
[lp] 11. Obracamy warstwę wiatr o 90^o w prawo (Warstwa -> Przekształcenie -> Obróć o 90^o w prawo)
[lp] 12. Stosujemy: Filtry -> Rozmycie -> Rozmycie Gaussa, 3px pionowo i poziomo


[lp] 13. Dodajemy nową, przezroczystą warstwę i nazywamy ją maska
[lp] 14. Wyłączamy widoczność <widocznosc> warstwy wiatr
[lp] 15. Wybieramy narzędzie lasso <lasso> i zaznaczamy podobnie jak na screenie, starając się, by "ząbki" skierowane do wewnątrz z grubsza zakrywały skupiska co ciemniejszych pasków


[lp] 16. Zmiękczamy zaznaczenie o 50px (Zaznaczenie -> Zmiękcz), po czym wypełniamy je kolorem czarnym (na aktywnej warstwie maska)
 

[lp] 17. Przechodzimy na warstwę wiatr i włączamy jej widoczność. Odwracamy zaznaczenie (Zaznaczenie -> Odwróć)i klikamy delete. Wyłączamy zaznaczenie


[lp] 18. Dodajemy nową, przezroczystą warstwę bezpośrednio nad tłem, nazywamy ją wzorek i wypełniamy załączonym deseniem


[lp] 19. Łączymy wszystkie warstwy
[lp] 20. Wybieramy: Kolory -> Zmień kolor w alfę i tu wskazujemy kolor czarny
[lp] 21. Duplikujemy <duplikowanie-warstwy> Tło i niższą warstwę (oryginał) wypełniamy kolorem czarnym


[lp] 22. Wyższą warstwę z białymi pasami nazywamy: paski
[lp] 23. Teraz dzielimy obraz na 5 równych części: Obraz -> Prowadnice -> Nowa prowadnica; kierunek: Pionowe, położenie: 200 i czynność tę powtarzamy jeszcze 3 razy, zmieniając tylko położenie, kolejno na 400, 600 i 800
[lp] 24. Uaktywniamy warstwę paski. Zaznaczamy część warstwy od lewej krawędzi do pierwszej prowadnicy i odrywamy zaznaczenie, po czym klikamy na ikonę czystej kartki, aby oderwane zaznaczenie zmienić na nową warstwę. Warstwę tę nazywamy 1
[lp] 25. Przechodzimy z powrotem na warstwę paski i zaznaczamy następną część, od pierwszej do drugiej prowadnicy, odrywamy, zmieniamy w warstwę i nazywamy 2
 

- Czynności powtarzamy, nazywając warstwy kolejnymi numerami, aż na warstwie paski zostanie ostatnia część, pomiędzy czwartą prowadnicą a prawą krawędzią obrazu. Po tej operacji powinno być w sumie 6 warstw, licząc od najniższej: tło, paski, 1,2,3 i 4
[lp] 26. Usuwamy prowadnice i wyłączamy widoczność warstw: 1,2,3 i 4
[lp] 27. Przechodzimy na warstwę paski. Wybieramy narzędzie obrót <obrot>, klikamy na warstwę i wpisujemy kąt 30^o, resztę zostawiamy domyślnie i klikamy: Obróć


[lp] 28. Wybieramy narzędzie przesunięcie <przesuwanie>, klikamy nim na nieprzezroczysty obszar i przesuwamy warstwę na wybrane miejsce
[lp] 29. Przechodzimy na warstwę 1, włączamy jej widoczność i powtarzamy czynności: obrót i przesunięcie
[lp] 30. Przechodzimy na warstwę 2, włączamy widoczność, klikamy: Warstwa -> Przekształcenie -> Odbij pionowo i tak jak przy poprzednich, obracamy o 30^o oraz przesuwamy by uzyskać ciekawy wzór
[lp] 31. Przechodzimy na warstwę 3 i powtarzamy wszystkie czynności, zastosowane na warstwie 2
[lp] 32. Warstwę 4 wystarczy tylko przesunąć, a następnie zduplikować.
[lp] 33. Duplikat odbijamy w pionie (Warstwa -> Przekształcenie -> Odbij pionowo)oraz przesuwamy na wybrane miejsce


[lp] 34. Na koniec, za pomocą narzędzia przesunięcie, można jeszcze poprawić rozmieszczenie poszczególnych warstw albo ułożyć je zupełnie inaczej
[lp] 35. Kiedy jesteśmy już zadowoleni z układu, nadajemy naszej grafice kolory. W tym celu blokujemy kanał alfa na każdej warstwie z wyjątkiem czarnego Tła, wybieramy jakiś jaskrawy kolor i przy pomocy kubełka <wypelnienie>, barwimy każdą warstwę z osobna


[lp] 36. Teraz możemy połączyć wszystkie pokolorowane warstwy, tak by mieć tylko dwie: Tło i paski
[lp] 37.Dodajemy nową, przezroczystą warstwę , nazywamy ją gradient i przeciągamy po niej gradientem, pasującym kolorystycznie do pasków, krycie tej warstwy ustawiamy na ok. 5% (im jaśniejszy gradient, tym mniejsze krycie). Warstwa gradient powinna się znajdować pomiędzy Tłem a paskami


[lp] 38. I znów tworzymy nową, przezroczystą warstwę, nazywamy czarne pasy i umieszczamy na samym szczycie stosu warstw
[lp] 39. Wyłączamy widoczność pozostałych warstw i wybieramy zaznaczenie prostokątne z trybem ustawionym na dodawanie. Na warstwie czarne pasy tworzymy kilka pionowych zaznaczeń o szerokości ok. 40 - 80px i na całą wysokość obrazu. Zaznaczenie wypełniamy kolorem czarnym i wyłączamy


[lp] 40. Skalujemy warstwę czarne pasy (Warstwa -> Skaluj warstwę)) zwiększając tylko wysokość (szerokość pozostawiamy bez zmian) do 1500px i obracamy ją o kąt -30^o (czyli w stronę przeciwną do tej, w którą obracaliśmy kolorowe paski)


[lp] 41. Włączamy widoczność pozostałych warstw i zmniejszamy krycie czarnych pasów do ok. 18%
[lp] 42. Dodajemy nową, przezroczystą warstwę, nazywamy ją światło i umieszczamy nad warstwą paski. Tryb warstwy ustawiamy na miękkie światło
[lp] 43. Wybieramy pędzel Circle Fuzzy 19, ustawiamy jego skalę na 7 i malujemy kilka plam i "esów-floresów" na aktywnej warstwie miękkie światło, szczególnie starając się rozjaśnić środkowe fragmenty kolorowych pasków


[lp] 44. Przechodzimy na warstwę paski, dopasowujemy jej wymiary do obrazu (Warstwa -> Dopasuj wymiary warstwy do obrazu) i wybieramy narzędzie rozmywanie <rozmycie-wystrzenie>. Tempo rozmywania ustawiamy na 100. Skalę pędzla zmieniamy na 6 i rozmywamy ostre brzegi pasków (kanał alfa musi być odblokowany!)


[lp] 45. Jeśli ostateczny efekt kolorystyczny niezbyt nas zadowala to zawsze można zablokować kanał alfa na warstwie paski i pędzlem poprawić lub całkiem przemalować je na dowolny kolor


[lp] 46. Na koniec łączymy wszystkie warstwy i zapisujemy jako obraz png
[lp] 47. A tu nieco inaczej ułożone i nierówno pocięte paski. Poza tym zwiększyłam nieco kontrast i nasycenie po połączeniu warstw:

(http://www.gimpuj.info/gallery/thumb_48452_21_07_11_9_53_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=81102)
(kliknij aby powiększyć)

---

Z góry przepraszam za duże obrazki - chciałam aby wszystko było dobrze widoczne. Gradient został wygenerowany programem stworzonym przez MalyszKZ (program do pobrania w tym wątku: http://www.gimpuj.info/index.php/topic,52156.msg250374.html#msg250374).
Gradient i deseń do pobrania w załączniku poniżej.

---

A ktoś tu mówił że nie umie tutoriali robić. Brawo

Efekt ładny, dobrze by wyglądało również gdyby zastosować na tych paskach kolorowe gradient.
Tylko większa część obrazków się nie wyświetla :p. Lepiej wrzucić do forumowej galerii.

Myślę, że jak wrzucisz obrazki do swojej galerii, to moglibyśmy pomyśleć nad dodaniem do indeksu. Szkoda, że nie dodałaś propozycji.

Gradient w podobny sposób jak piszesz został użyty tutaj: http://www.gimpuj.info/index.php/topic,50683.0.html i nie chciałam powielać.
Nie dodałam do propozycji bo był to tutorial pisany specjalnie na prośbę milek1207, a obrazki zaraz poprzenoszę.

Dziękuje bardzo za poradnik ;) Jak tylko będę miał czas postaram się zrobić takie coś.

Ano właśnie, skojarzyło mi się z tym efektem. Kiedyś także podobny efekt uzyskał Sebastian, którego pewnie nie miałaś okazji poznać. Ale co się stało z tym tutorialem... Chyba pousuwał wszystkie swoje napisane poradniki.