Polskie Forum Użytkowników GIMP-a

Tutoriale => Tła => Wątek zaczęty przez: pawloz on 25.12.2006, 16:55:12



Tytuł: Pikselowe tło
Wiadomość wysłana przez: pawloz on 25.12.2006, 16:55:12
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: Pikselowe tło
Wiadomość wysłana przez: janski on 06.10.2008, 18:30:40
Fajne
(http://www.gimpuj.info/gallery/14836_06_10_08_7_28_54.png) (http://www.gimpuj.info/)


Tytuł: Odp: Pikselowe tło
Wiadomość wysłana przez: HubiSSJ3 on 30.05.2009, 11:55:06
Nie wiem czemu mi wyszło takie coś (patrz załącznik) wytłumaczy mi ktoś??


Tytuł: Odp: Pikselowe tło
Wiadomość wysłana przez: Anynyy on 28.08.2010, 15:06:44
Fajny, prosty tut. ;]

A oto moje "dzieło":
(http://www.gimpuj.info/gallery/48209_28_08_10_3_05_13.png) (http://www.gimpuj.info/)


Tytuł: Odp: Pikselowe tło
Wiadomość wysłana przez: misio220 on 03.09.2010, 23:14:19
(http://www.gimpuj.info/gallery/thumb_46979_03_09_10_11_13_40.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=70506)


Tytuł: Odp: Pikselowe tło
Wiadomość wysłana przez: Baster on 10.12.2010, 18:34:57
Dobry tutorial. Dodałem kilka efektów.

(http://img814.imageshack.us/img814/6317/pikselowe.png)