Polskie Forum Użytkowników GIMP-a

Tutoriale => Tła => Wątek zaczęty przez: INSEKT on 05.08.2008, 00:26:15



Tytuł: Deseń: Mroczne ciernie
Wiadomość wysłana przez: INSEKT on 05.08.2008, 00:26:15
(http://www.gimpuj.info/gallery/4021_21_10_08_11_22_52.png)
Opracowanie: INSEKT
Poziom trudności: średni


(http://www.gimpuj.info/gallery/4021_22_08_08_8_51_13.png)




Tworzenie własnych deseni to ciekawa sprawa. Wbrew pozorom nie jest to wcale takie trudne. Wystarczy dobry pomysł i odrobina umiejętności artystycznych, natomiast poskładanie wzoru w pasujące do siebie puzzle to "bułka z masłem". W tym poradniku pokażę, w jaki sposób stworzyłem jeden ze swoich ulubionych deseni za pomocą podstawowych narzędzi GIMP-a.

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



(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) Zaczynamy

(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 1. Rozpoczynamy od otwarcia nowego obrazu o wymiarach 400x400px. Tło wypełniamy <wypelnienie> [Shift+B] kolorem czarnym. Tworzymy dwie prowadnice (Obraz -> Prowadnice -> Nowa prowadnica (w procentach)): pionową i poziomą, każda o wartości 50%. Poza prowadnicami tworzymy też siatkę. Wybieramy: Obraz -> Konfiguruj siatkę..., zmieniamy Odstępy - zarówno Szerokość jak i Wysokość ustawiamy na 20px. Warto też zmienić Kolor pierwszoplanowy siatki, ponieważ będziemy pracować na czarno-białym obrazie, a więc czarne krzyżyki będą słabo widoczne. Ja wybrałem kolor zielony.
Po ustawieniu parametrów siatki klikamy jeszcze: Widok -> Wyświetl siatkę oraz Widok -> Przyciągaj do krawędzi płótna.
Na chwilę obecną tak powinien wyglądać nasz dokument:

(http://www.gimpuj.info/gallery/4021_05_08_08_1_54_05.png)     (http://www.gimpuj.info/gallery/4021_05_08_08_2_06_45.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 2. Zaczniemy teraz tworzyć półksiężyce. Tworzymy nową warstwę o nazwie Ciernie. Za pomocą narzędzia Zaznaczenie eliptyczne <zaznaczenie-eliptyczne> [E] zaznaczamy elipsę (obraz 2a), którą wypełniamy [Shift+B] kolorem białym (obraz 2b). Następnie zaznaczamy drugi krąg odrobinę przesunięty (obraz 2c), a następnie czyścimy zaznaczenie [Delete] (obraz 2d).

(http://www.gimpuj.info/gallery/thumb_4021_22_08_08_5_55_57.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20703)
(http://www.gimpuj.info/gallery/4021_17_07_08_9_56_07.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20703)
2a
(http://www.gimpuj.info/gallery/thumb_4021_22_08_08_5_56_20.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20704)
(http://www.gimpuj.info/gallery/4021_17_07_08_9_56_07.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20704)
2b
(http://www.gimpuj.info/gallery/thumb_4021_22_08_08_5_58_25.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20705)
(http://www.gimpuj.info/gallery/4021_17_07_08_9_56_07.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20705)
2c
(http://www.gimpuj.info/gallery/thumb_4021_22_08_08_5_58_28.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20706)
(http://www.gimpuj.info/gallery/4021_17_07_08_9_56_07.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20706)
2d


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 3. Tym samym sposobem tworzymy jeszcze kilka / kilkanaście półksiężyców. Ważne jest, by nie wychodzić poza krawędzie obrazu. Dla wygodniejszej pracy najlepiej każdy z nich tworzyć na oddzielnej warstwie.

(http://www.gimpuj.info/gallery/4021_22_08_08_6_01_07.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 4. Właśnie wykonaliśmy prowizoryczne ciernie. Łączymy (obojętnie jakim sposobem) wszystkie warstwy z półksiężycami tak, aby pozostały nam tylko dwie warstwy: Ciernie oraz Tło. Duplikujemy <duplikowanie-warstwy> [Shift+Ctrl+D] warstwę Ciernie, a następnie za pomocą narzędzia Przesunięcie <przesuwanie> [M] chwytamy duplikat i przesuwamy go o 200px w dół oraz o 200px w prawo. Dzięki opcjom Przyciągaj do krawędzi płótna i Przyciągaj do prowadnic skopiowana warstwa powinna się idealnie "przyczepić".

(http://www.gimpuj.info/gallery/4021_22_08_08_6_10_16.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 5. Łączymy (najlepiej za pomocą opcji Połącz w dół - bardzo wygodne) duplikat warstwy z oryginalną warstwą (Ciernie), a następnie (ważna czynność!) dopasowujemy wymiary warstwy do obrazu - klikamy PPM na warstwie z naszymi cierniami i wybieramy opcję Dopasuj wymiary warstwy do obrazu. Ponownie duplikujemy nasze Ciernie, a duplikat odbijamy poziomo (Warstwa -> Przekształcenie -> Odbij poziomo). Łączymy duplikat z warstwą oryginalną.

(http://www.gimpuj.info/gallery/4021_22_08_08_6_17_37.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 6. Właściwie to pracę nad deseniem można by zakończyć już w tej chwili, ponieważ klocki będą do siebie pasować, ale my wciśniemy w niego jeszcze sporo detali.
Zatem teraz dopracujemy środek naszego desenia. Używając Zaznaczenia eliptycznego [E] tworzymy jeszcze kilka półksiężyców. Warto tworzyć je tylko na jednej połówce obrazu, duplikować je, a kopie odbijać poziomo. Dzięki temu uzyskamy idealną symetrię po obu stronach. Na koniec łączymy wszystkie warstwy z półksiężycami - powinny nam zostać tylko dwie: Ciernie i Tło.

(http://www.gimpuj.info/gallery/4021_22_08_08_6_41_14.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 7. W tym momencie wykonamy szybki i prosty zabieg, dzięki któremu kafelki desenia będą do siebie idealnie pasować - zarówno w poziomie jak i w pionie przejście z jednego w drugi będzie płynne, a co za tym idzie niewidoczne.
Duplikujemy warstwę Ciernie - uzyskaliśmy dwie identyczne warstwy. Za pomocą Przesunięcia [M] jedną z warstw przemieszczamy o 200px w prawo, a drugą o taką samą wartość w lewo. Cały czas mamy aktywne opcje Przyciągaj do krawędzi płótna i Przyciągaj do prowadnic. Dzięki nim przesuwanie warstw o konkretne wartości jest łatwe i wygodne. Po przemieszczeniu łączymy warstwy, a także dopasowujemy wymiary warstwy do obrazu. Jeśli w chwili obecnej centrum naszego obrazu nas nie satysfakcjonuje, możemy dokonać poprawek domalowując kilka elementów. Ja zrobiłem jeszcze kilka małych "kolców". Oczywiście na koniec wszystkie warstwy (poza Tłem) połączyłem.

(http://www.gimpuj.info/gallery/4021_22_08_08_7_02_14.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 8. Cały zabieg powtarzamy jeszcze raz, ale tym razem warstwy przesuwamy nie w prawo i w lewo, a w górę i w dół, również o 200px. Pamiętamy o połączeniu warstw oraz o dopasowaniu wymiarów do granic płótna.

(http://www.gimpuj.info/gallery/4021_22_08_08_7_06_30.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 9. W centrum jest trochę pusto, warto zatem jeszcze pokombinować dodając ciekawe elementy. Ja, za pomocą standardowych pędzli Circle, ścieżek oraz gumki, domalowałem kwiat i łodygi. W tym momencie bardzo przydała mi się siatka.
Oczywiście wszystko co "domalowałem" znajduje się na jednej warstwie - Ciernie.

(http://www.gimpuj.info/gallery/4021_22_08_08_7_39_01.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 10. Właściwie pracę nad deseniem można już zakończyć, my jednak dodamy mu odrobinę szczegółowości. Jeśli ktoś nie czuje się na siłach, może od razu przejść do następnego punktu.
Tworzymy dodatkową poziomą prowadnicę o wartości 25%, duplikujemy warstwę z naszym wzorem - kopię (nazwijmy ją Cień) umieszczamy pod warstwą Ciernie, następnie odbijamy ją pionowo, a jej krycie ustawiamy na 25%. Po takowym przygotowaniu duplikujemy warstwę Cień. Oryginał przesuwamy [M] o 100px w dół (powinien się "przykleić" do prowadnicy o wartości 25%), natomiast warstwę kopia: Cień o 300px w górę, aż "oprze" się na nowo stworzonej prowadnicy. Warstwy Cień i kopia: Cień łączymy i dopasowujemy wymiary warstwy do obrazu.
Klikamy PPM na warstwie Ciernie i wybieramy opcję Kanał alfa na zaznaczenie. Zaznaczamy z powrotem warstwę Cień, powiększamy zaznaczenie o 3px (Zaznaczenie -> Powiększ...) i usuwamy [Delete]. Na chwilę obecną tak powinien się prezentować nasz deseń:

(http://www.gimpuj.info/gallery/4021_22_08_08_8_12_33.png)      (http://www.gimpuj.info/gallery/4021_22_08_08_8_26_27.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) 11. Wzór ukończony! Teraz pozostaje już tylko odpowiednio go zmniejszyć i zapisać.
Klikamy: Edycja -> Skopiuj widoczne, otwierany nowy obraz o wymiarach 200x200px, wklejamy [Ctrl+V] to co wcześniej skopiowaliśmy. Skalujemy <skalowanie> [Shift+T] wklejoną warstwę do rozmiarów 200x200px. Ustawiamy [M] ją odpowiednio (przyda się znana już opcja: Widok -> Przyciągaj do krawędzi płótna).

(http://www.gimpuj.info/gallery/4021_22_08_08_8_39_52.png)


Gotowy dokument zapisujemy z rozszerzeniem .PAT w odpowiednim folderze. W Windows domyślna lokalizacja to:
  • ~/GIMP-[wersja_gimpa]/share/gimp/2.0/patterns/
Natomiast w Linuksie:
  • ~/.gimp-[wesja_gimpa]/patterns/
Po zapisaniu odświeżamy listę deseni i już możemy używać naszego własnego wzoru.

(http://www.gimpuj.info/gallery/4021_22_08_08_8_51_13.png)


(http://www.gimpuj.info/gallery/4021_22_08_08_9_18_11.png) Koniec



Gotowym deseniem wciąż można manipulować. Oto moje wariacje:

(http://www.gimpuj.info/gallery/thumb_4021_22_08_08_8_54_39.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=21696)        (http://www.gimpuj.info/gallery/thumb_4021_22_08_08_8_59_28.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=21697)

A to inne wzory wykonane tym samym sposobem:

(http://www.gimpuj.info/gallery/thumb_4021_30_07_08_4_13_59.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=20361)        (http://www.gimpuj.info/gallery/thumb_4021_26_02_09_2_33_33.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=33222)

Życzę fajnej zabawy przy tworzeniu własnych deseni.
W załączniku mój deseń z tutoriala.




Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: asifalittlezonked on 23.08.2008, 16:34:19
No! Dzięki, Insekt :)

Po długich męczarniach udało mi się zrobić z "poświatą":

(http://www.gimpuj.info/gallery/thumb_6735_23_08_08_5_28_28.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=21841)

W użyciu lepiej się prezentuje z mniejszym blurem. Może kiedyś się nauczę, jak zrobić mniej regularny ;)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: Anulka86 on 29.01.2009, 16:16:16
Super Ci to wyszło :) Mi tam osobiście nie chce się aż tak "picować" tego desenia :P Może,jak będę miała więcej czasu,to się pobawię :)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: WiZZiR on 18.05.2009, 19:54:19
Nie chciało mi sie w to bawić ale wyszło mi coś takiego:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: Izu on 26.06.2009, 13:52:57
Super tut, dobrze opisany, efekt końcowy bardzo dobry, więcej takich tutoriali! :D

(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: maniek30dg on 21.08.2009, 20:48:24
moja praca, nie tak miało to wyglądać, ale jest mrocznie  :)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: lmb50 on 30.03.2010, 20:12:01
To moje dzieło :
(http://www.gimpuj.info/gallery/41106_30_03_10_8_08_29.gif)
W pomniejszeniu :
(http://www.gimpuj.info/gallery/41106_30_03_10_8_10_21.gif)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: urszula-kol on 30.05.2011, 19:38:48
Dzięki za tutka.
(http://www.gimpuj.info/replacement.png) (http://img52.imageshack.us/i/tloesyfloresy.jpg/)


Tytuł: Odp: Deseń: Mroczne ciernie
Wiadomość wysłana przez: Maffei on 16.06.2011, 01:30:46
Bardzo ciekawy tutorial. Fajnie się z nim pracowało! O to efekt mojej pracy, pierwszej zresztą w Gimpie :)

(http://www.gimpuj.info/gallery/61194_16_06_11_1_18_07.jpg) (http://www.gimpuj.info/)