Polskie Forum Użytkowników GIMP-a

Tutoriale => Gotowe tutoriale => Wątek zaczęty przez: Żaba on 09.02.2013, 22:57:18



Tytuł: [poprawa] Pikselowe tło
Wiadomość wysłana przez: Żaba on 09.02.2013, 22:57:18
Pikselowe Tło
Tutorial

Oryginał: Oryginalny tutorial (http://www.gimptalk.com/index.php?showtopic=379)
Opracowanie: pawloz
Poprawa: Żaba
Poziom trudności: bardzo łatwy

(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_1.png) (http://www.gimpuj.info/)




Bardzo prosty tutorial, w którym nauczysz się otrzymywać ładne, pikselowe tło.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz Obraz -> Nowy [Ctrl+N] o wymiarach 800x600px.

[lp] 2. Wybieramy narzędzie Gradient <gradient> [L]. W opcjach narzędzia zmieniamy tryb krycia na Różnica, gradient na: Kolor pierwszoplanowy na kolor tła (kolory domyślne: czarny i biały), kształt: dwuliniowy.

[lp] 3. Przy użyciu narzędzia Gradient wypełniamy obraz poprzez kilka(naście) długich przeciągnięć myszą.

[lp] 4. Stosujemy Filtry -> Rozmycie -> Pikselizacja. Szerokość i wysokość: 10px.

(http://www.gimpuj.info/gallery/61311_09_02_13_9_10_59_0.png)
 (http://www.gimpuj.info/)


(http://www.gimpuj.info/gallery/61311_09_02_13_9_10_59_1.png) (http://www.gimpuj.info/)


[lp] 5. Tworzymy nową przezroczystą warstwę Warstwa -> Nowa warstwa [Ctrl+Shift+N].

[lp] 6. Nową warstwę Wypełniamy <wypelnienie> [Shift+B] deseniem piksel2 (w załączniku).

[lp] 7. Krycie nowej warstwy zmniejszamy do ok. 30%. Warstwy łączymy ze sobą Warstwa -> Połącz w dół.

(http://www.gimpuj.info/gallery/61311_09_02_13_9_10_59_3.png) (http://www.gimpuj.info/)

 
(http://www.gimpuj.info/gallery/61311_09_02_13_9_10_59_2.png) (http://www.gimpuj.info/)


[lp] 8. Barwimy nasz obrazek poprzez Kolory -> Barwienie (ja zastosowałem Barwa: 230, Nasycenie: 60, Jasność: -5).

(http://www.gimpuj.info/gallery/61311_09_02_13_9_10_59_4.png) (http://www.gimpuj.info/)


(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_0.png) (http://www.gimpuj.info/)


[lp]9. Za pomocą narzędzia Perspektywa <perspektywa> [Shift+P] edytujemy nasz obraz.

[lp] 10. Z powstałego obrazu, przy użyciu narzędzia Kadrowanie <kadrowanie> [Shift+C] wycinamy interesujący nas obszar (ja wyciąłem obszar o wielkości 400x300px).

(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_1.png) (http://www.gimpuj.info/)


[lp] Koniec



Oczywiście każda wykonana praca będzie inna, w zależności od dobranych parametrów i przekształceń. Gorąco zachęcam do zabawy ustawieniami. Na koniec przedstawię jeszcze kilka, możliwych do uzyskania efektów, oraz sposób w jaki zostały stworzone.
Miłego GIMP-owania!



[lp] Efekt 2

W punkcie 8 zastosowałem inny kolor, w punkcie 9 zamiast Perspektywy użyłem Nachylenia [Shift+S].

(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_2.png) (http://www.gimpuj.info/)




[lp] Efekt 3

W punkcie 8 zastosowałem inny kolor, w punkcie 9 zamiast Perspektywy użyłem Obrotu <obrot> [Shift+R].

(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_3.png) (http://www.gimpuj.info/)




[lp] Efekt 4

W punkcie 6 zastosowałem deseń cien 105.pat (w załączniku), tryb krycia warstwy z deseniem ustawiłem na Pokrywanie, w punkcie 8 zastosowałem inny kolor, w punkcie 9 zamiast Perspektywy użyłem Obrotu.

(http://www.gimpuj.info/gallery/61311_09_02_13_9_12_52_4.png) (http://www.gimpuj.info/)




[lp] Efekt 5

W punkcie 6 zastosowałem deseń cien gd11.pat (w załączniku), tryb krycia warstwy z deseniem ustawiłem na Pokrywanie, w punkcie 8 zastosowałem inny kolor, punkt 9 pominąłem.

(http://www.gimpuj.info/gallery/61311_09_02_13_9_13_47_0.png) (http://www.gimpuj.info/)




[lp] Efekt 6

W punkcie 6 zastosowałem deseń cien pro14.pat (w załączniku), tryb krycia warstwy z deseniem ustawiłem na Pokrywanie, w punkcie 8 zastosowałem inny kolor, punkt 9 pominąłem.

(http://www.gimpuj.info/gallery/61311_09_02_13_9_13_47_1.png) (http://www.gimpuj.info/)





Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: davlasq on 10.02.2013, 18:48:17
Poprawiłem błędy, które znalazłem. Przenoszę do gotowych.


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: be@ on 11.06.2014, 09:25:09
Po przejrzeniu stwierdziłam, że jednak przydałoby się nieco więcej zrzutów. Tutorial, biorąc pod uwagę efekt, jest dla całkiem początkujących, a takim trzeba wszystko bardzo dokładnie pokazać, bo np. mogą nie wiedzieć, gdzie się ustawia tryb czy kształt gradientu.
Ponadto w punkcie 2 nie podano nazwy gradientu ("three bars sin" jest standardowym gradientem, dostępnym w GIMP) natomiast w oryginalnym tucie nic nie ma o tym, aby miał to być gradient dwuliniowy.


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: Żaba on 07.11.2014, 22:31:45
Po dość długiej nieobecności z przykrością stwierdzam że nie mogę poprawić porządnie tego tutka, bo gdzieś zawieruszyły mi się zrzuty, a od początku go raczej też nie zrobię bo ostatnio czas jakoś niesprzyja... Tak więc przepraszam za zamieszanie i niedokończony tutek...


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: be@ on 07.11.2014, 22:43:22
Skoro tak, to ja jednak proponowałabym dodać go do indeksu. Zawsze to lepsze niż oryginał bez obrazków.


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: davlasq on 13.11.2014, 16:51:49
Jest w gotowych, a więc moja rola się skończyła, czekamy teraz na admina.


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: Ziomioslaw on 24.11.2014, 23:36:42
Cytuj
2. Wybieramy narzędzie Gradient Gradient [L]. W opcjach narzędzia zmieniamy tryb krycia na Różnica, gradient na dwuliniowy.

Tam na końcu powinno być:

Kod:
kształt na dwuliniowy

Cytuj
8. Barwimy nasz obrazek poprzez Kolory -> Barwienie (ja zastosowałem Odcień: 230, Nasycenie: 60, Jasność: -5).

U mnie jest "Brawa", nie "Odcień" (tak jest też na obrazku).


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: be@ on 25.11.2014, 00:06:33
@Ziomioslaw: tylko jak już wcześniej pisałam, w oryginale nie ma gradientu dwuliniowego tylko gradient three bars sin:
2. Wybieramy narzędzie gradient. W opcjach narzędzia zmieniamy tryb krycia na "różnica", gradient na "three bars sin".
Żaba w ogóle nie podała nazwy tego gradientu dwuliniowego i napisała, że już nie będzie nic poprawiać, więc teraz nie wiadomo, co zrobić z tym tutorialem. Miałeś zdecydować czy mimo to dodajemy go do indeksu czy jednak niech ktoś zrobi od nowa. Ja mogę poprawić błędy, które znalazłeś ale nie wiem, co z tym gradientem. Jak zmienię z dwuliniowego na three bars sin, to nie wiem czy będą pasować obrazki dodane przez Żabę. Jeśli ma zostać dwuliniowy, to trzeba dopisać nazwę (gradient: kolor pierwszoplanowy na kolor tła oraz ustawione kolory: czarny i biały).


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: Ziomioslaw on 25.11.2014, 18:14:31
Wydaje mi się, że tam miało być kształt dwuliniowy, i trzeba dopisać nazwę (domyślny gradient: "kolor pierwszoplanowy na kolor tła").


Tytuł: Odp: [poprawa] Pikselowe tło
Wiadomość wysłana przez: be@ on 25.11.2014, 18:40:43
Poprawiłam błędy z punktów 2 i 8.
@Edit:
Podmienione