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

Strony: [1]
DrukujPobierz PDF
Autor Wątek: [poprawa] Pikselowe tło  (Przeczytany 15394 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Żaba
Użytkownik

Reputacja: 5 Offline Offline

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

Żaba


Zobacz profil
« : 09.02.2013, 21:57:18 »

Pikselowe Tło
Tutorial

Oryginał: Oryginalny tutorial
Opracowanie: pawloz
Poprawa: Żaba
Poziom trudności: bardzo łatwy





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



Lime Point Zaczynamy

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

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

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

Lime Point 4. Stosujemy Filtry -> Rozmycie -> Pikselizacja. Szerokość i wysokość: 10px.







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

Lime Point 6. Nową warstwę Wypełniamy Wypełnienie kubełkiem [Shift+B] deseniem piksel2 (w załączniku).

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



 


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






Lime Point9. Za pomocą narzędzia Perspektywa Narzędzie perspektywy [Shift+P] edytujemy nasz obraz.

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



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



Lime Point Efekt 2

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





Lime Point Efekt 3

W punkcie 8 zastosowałem inny kolor, w punkcie 9 zamiast Perspektywy użyłem Obrotu Narzędzie do obracania [Shift+R].





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





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





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





* piksel2.pat (0.42 KB - pobrany 299 razy.)
* cien 105.pat (0.32 KB - pobrany 253 razy.)
* cien gd11.pat (0.32 KB - pobrany 239 razy.)
* cien pro14.pat (0.33 KB - pobrany 265 razy.)
« Ostatnia zmiana: 25.11.2014, 17:39:29 wysłane przez be@ » Zapisane

~Żaba

Cytat: Hasia
-Siema. Jak zrobić kanapkę z pomidorem? -Bierzesz chleb, kroisz, smarujesz masłem, kroisz pomidora i kładziesz na chlebie. -Dzięki, a jak zrobić kanapkę z ogórkiem?
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 #1 : 10.02.2013, 17:48:17 »

Poprawiłem błędy, które znalazłem. Przenoszę do gotowych.
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 403
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 11.06.2014, 08: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.
« Ostatnia zmiana: 11.06.2014, 09:01:50 wysłane przez be@ » Zapisane
Żaba
Użytkownik

Reputacja: 5 Offline Offline

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

Żaba


Zobacz profil
« Odpowiedz #3 : 07.11.2014, 21: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...
Zapisane

~Żaba

Cytat: Hasia
-Siema. Jak zrobić kanapkę z pomidorem? -Bierzesz chleb, kroisz, smarujesz masłem, kroisz pomidora i kładziesz na chlebie. -Dzięki, a jak zrobić kanapkę z ogórkiem?
be@
Moderator globalny

Reputacja: 49 Offline Offline

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



Zobacz profil
« Odpowiedz #4 : 07.11.2014, 21:43:22 »

Skoro tak, to ja jednak proponowałabym dodać go do indeksu. Zawsze to lepsze niż oryginał bez obrazków.
Zapisane
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 #5 : 13.11.2014, 15:51:49 »

Jest w gotowych, a więc moja rola się skończyła, czekamy teraz na admina.
Zapisane

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

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 430
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #6 : 24.11.2014, 22: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).
Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

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



Zobacz profil
« Odpowiedz #7 : 24.11.2014, 23: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).
« Ostatnia zmiana: 25.11.2014, 04:37:20 wysłane przez be@ » Zapisane
Ziomioslaw
Administrator

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 430
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #8 : 25.11.2014, 17: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").
Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

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



Zobacz profil
« Odpowiedz #9 : 25.11.2014, 17:40:43 »

Poprawiłam błędy z punktów 2 i 8.
@Edit:
Podmienione
Zapisane
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeGotowe tutoriale (Moderator: davlasq)Wątek: [poprawa] Pikselowe tło
Skocz do: