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 |