Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Polskie Forum Użytkowników GIMP-aTutorialeWasze poradniki (Moderator: davlasq)Wątek: Tło kolorwe, świetliste paski - tutorial na prośbę użytkownika
Strony: [1]
DrukujPobierz PDF
Autor Wątek: Tło kolorwe, świetliste paski - tutorial na prośbę użytkownika  (Przeczytany 11322 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 400
Galeria Użytkownika



Zobacz profil
« : 20.07.2011, 07:26:24 »

Tło kolorwe, świetliste paski
Tutorial

Opracowanie: beata072
Poziom trudności: łatwy




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ć.



Lime Point Zaczynamy

Lime Point 1. Tworzymy nowy obraz o wymiarach 1000 x 1000px.
Lime Point 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.
Lime Point 3.Klikamy w przyborniku na narzędzie gradient  Gradient i wybieramy gradient z załącznika. Tryb gradientu ustawiamy na dwuliniowy.
Lime Point 4.Przeciągamy gradient dokładnie od środka do krawędzi obrazu, wzdłuż poziomej prowadnicy (musi być idealnie prosto).
 

Lime Point 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 prostokątne 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


Lime Point 6.Usuwamy prowadnice (Obraz -> Prowadnice -> Usuń wszystkie prowadnice)
Lime Point 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
Lime Point 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)


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


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


Lime Point 13. Dodajemy nową, przezroczystą warstwę i nazywamy ją maska
Lime Point 14. Wyłączamy widoczność Widoczność warstwy warstwy wiatr
Lime Point 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


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

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


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


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


Lime Point 22. Wyższą warstwę z białymi pasami nazywamy: paski
Lime Point 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
Lime Point 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
Lime Point 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
Lime Point 26. Usuwamy prowadnice i wyłączamy widoczność warstw: 1,2,3 i 4
Lime Point 27. Przechodzimy na warstwę paski. Wybieramy narzędzie obrót Narzędzie do obracania, klikamy na warstwę i wpisujemy kąt 30o, resztę zostawiamy domyślnie i klikamy: Obróć


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


Lime Point 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
Lime Point 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 Wypełnienie kubełkiem, barwimy każdą warstwę z osobna


Lime Point 36. Teraz możemy połączyć wszystkie pokolorowane warstwy, tak by mieć tylko dwie: Tło i paski
Lime Point 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


Lime Point 38. I znów tworzymy nową, przezroczystą warstwę, nazywamy czarne pasy i umieszczamy na samym szczycie stosu warstw
Lime Point 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


Lime Point 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 -30o (czyli w stronę przeciwną do tej, w którą obracaliśmy kolorowe paski)


Lime Point 41. Włączamy widoczność pozostałych warstw i zmniejszamy krycie czarnych pasów do ok. 18%
Lime Point 42. Dodajemy nową, przezroczystą warstwę, nazywamy ją światło i umieszczamy nad warstwą paski. Tryb warstwy ustawiamy na miękkie światło
Lime Point 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


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


Lime Point 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


Lime Point 46. Na koniec łączymy wszystkie warstwy i zapisujemy jako obraz png
Lime Point 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:


(kliknij aby powiększyć)
Koniec

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.


* gradient i deseń.rar (110.31 KB - pobrany 248 razy.)
« Ostatnia zmiana: 21.07.2011, 10:54:32 wysłane przez beata072 » Zapisane
Raven77
Gość
« Odpowiedz #1 : 20.07.2011, 08:14:28 »

A ktoś tu mówił że nie umie tutoriali robić. Brawo
Zapisane
Cloud
√ ι ק

Reputacja: 17 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 403
Galeria Użytkownika


Hardcore Storyteller


Zobacz profil WWW
« Odpowiedz #2 : 20.07.2011, 09:54:28 »

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.
Zapisane

Już nie przyjmuję zleceń wszelakich Skwaszony
davlasq
Moderator

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 119
Galeria Użytkownika



Zobacz profil
« Odpowiedz #3 : 20.07.2011, 10:04:37 »

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

Projektujesz strony i chcesz się dowiedzieć, w jaki sposób są one realizowane? Zapraszam na mojego bloga o webdevie i nie tylko!
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 400
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 20.07.2011, 10:18:14 »

Efekt ładny, dobrze by wyglądało również gdyby zastosować na tych paskach kolorowe gradient.
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ć.
Myślę, że jak wrzucisz obrazki do swojej galerii, to moglibyśmy pomyśleć nad dodaniem do indeksu. Szkoda, że nie dodałaś propozycji.
Nie dodałam do propozycji bo był to tutorial pisany specjalnie na prośbę milek1207, a obrazki zaraz poprzenoszę.
Zapisane
milek1207
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 32
Galeria Użytkownika


Za błedy się płaci


Zobacz profil
« Odpowiedz #5 : 20.07.2011, 10:33:47 »

Dziękuje bardzo za poradnik Mrugnięcie Jak tylko będę miał czas postaram się zrobić takie coś.
Zapisane
Cloud
√ ι ק

Reputacja: 17 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 403
Galeria Użytkownika


Hardcore Storyteller


Zobacz profil WWW
« Odpowiedz #6 : 20.07.2011, 12:35:06 »

Efekt ładny, dobrze by wyglądało również gdyby zastosować na tych paskach kolorowe gradient.
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ć.
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.
Zapisane

Już nie przyjmuję zleceń wszelakich Skwaszony
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeWasze poradniki (Moderator: davlasq)Wątek: Tło kolorwe, świetliste paski - tutorial na prośbę użytkownika
Skocz do: