Polskie Forum Użytkowników GIMP-a

Hyde zone => Test => Wątek zaczęty przez: Qba_ on 06.07.2009, 17:05:33



Tytuł: Poprawy tutoriali
Wiadomość wysłana przez: Qba_ on 06.07.2009, 17:05:33
Prosty animowany ogień
Tutorial

Oryginał: Oryginalny tutorial (http://www.gimptalk.com/forum/topic/Animated-Flames-1225-1.html)
Opracowanie: piotros
Poziom trudności: bardzo łatwy

(http://www.gimpuj.info/gallery/21370_06_07_09_3_51_08_4.gif)




Tutorial opisuje, jak zrobić prosty animowany ogień ;).
Oryginalny tutorial pochodzi ze strony http://www.gimptalk.com/forum/topic/Animated-Flames-1225-1.html (http://www.gimptalk.com/forum/topic/Animated-Flames-1225-1.html).
Do wykonania tego tutoriala będzie Ci potrzebna paczka pędzli, którą znajdziesz w załączniku.
Moje tłumaczenie nie jest dosłowne ;).

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz (Plik -> Nowy... [Ctrl+N]) o rozmiarach 425x300. Następnie za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] wypełniamy warstwę Tło kolorem #d40000.

(http://www.gimpuj.info/gallery/21370_06_07_09_3_51_08_0.png)


[lp] 2. Używając pędzli z załącznika za pomocą narzędzia Pędzel <pedzel> [P] namaluj kilka płomieni w kolorze #ffff00.

(http://www.gimpuj.info/gallery/21370_06_07_09_3_51_08_1.png)


[lp] 3. Teraz tymi samymi pędzlami namaluj pędzlem <pedzel> [P] kilka płomieni w kolorze #ff9000.

(http://www.gimpuj.info/gallery/21370_06_07_09_3_51_08_2.png)


[lp] 4. Następnie wchodzimy w Filtry -> Animacja -> Falowanie... i ustawiamy parametry tak, jak na screenie poniżej.

(http://www.gimpuj.info/gallery/21370_06_07_09_4_50_18.png)


[lp] 5. Na koniec optymalizujemy animację (Filtry -> Animacja -> Optymalizuj (dla formatu GIF)) i zapisujemy ją w formacie *.gif.

(http://www.gimpuj.info/gallery/21370_06_07_09_3_51_08_4.gif)


[lp] Koniec



Miłego GIMP-owania :).




Tytuł: [Poprawa] Tło i ramka
Wiadomość wysłana przez: Qba_ on 06.07.2009, 21:06:40
Tło i ramka
Tutorial

Opracowanie: piotrosp
Poziom trudności: bardzo łatwy

(http://www.gimpuj.info/gallery/21370_06_07_09_7_57_57.png)




Arlid zapytał mnie jak zrobiłem ramkę w tapecie The GIMP (temat z moimi tapetami: [klik] (http://www.gimpuj.info/index.php/topic,77.0.html)), więc napisałem tutorial ;).
W załączniku znajdziesz deseń potrzebny do wykonania tego tutoriala.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz (Plik -> Nowy... [Ctrl+N]) o dowolnych wymiarach i przeźroczystym tle.

[lp] 2. Wybieramy sobie dwa podobne kolory (ja wybrałem #0069d4 i #007eff) i przeciągamy po obrazie gradientem <gradient> [L] (przed tą operacją upewnij się, że kształt gradientu masz ustawiony na Liniowy).

(http://www.gimpuj.info/gallery/21370_06_07_09_7_48_32_0.png)


[lp] 3. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją kreski. Warstwę kreski wypełniamy <wypelnienie> [Shift+B] deseniem z załącznika.

(http://www.gimpuj.info/gallery/21370_06_07_09_7_48_32_1.png)


[lp] 4. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją obramówka czarna. Zaznaczamy wszystko (Zaznaczenie -> Wszystko [Ctrl+A]), zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) o 20 px i wypełniamy <wypelnienie> [Shift+B] zaznaczenie kolorem czarnym.

(http://www.gimpuj.info/gallery/21370_06_07_09_7_48_32_2.png)


[lp] 5. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją obramówka biała. Zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px i wypełniamy <wypelnienie> [Shift+B]) zaznaczenie na warstwie obramówka biała kolorem białym.

(http://www.gimpuj.info/gallery/21370_06_07_09_7_48_32_3.png)


[lp] 6. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją cień. Wypełniamy <wypelnienie> [Shift+B] ją kolorem czarnym. Usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Stosujemy rozmycie Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa) z ustawieniami:
  • Poziomo: 8
  • Pionowo: 8

[lp] 7. Teraz przesuwamy warstwę cień pod warstwę obramówka czarna.

(http://www.gimpuj.info/gallery/21370_06_07_09_7_48_32_4.png)


[lp] 8. Następnie w okienku warstw klikamy PPM na warstwie obramówka biała -> Kanał alfa na zaznaczenie. Zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją gradient. Teraz przeciągamy gradientem <gradient> [L] o tych samych kolorach, co w punkcie 2 (radzę zastosować gradient w przeciwną stronę, niż wcześniej).

(http://www.gimpuj.info/gallery/21370_06_07_09_7_57_57.png)


[lp] Koniec



Miłego GIMP-owania :).




Tytuł: [Poprawa] Gwiezdny wir
Wiadomość wysłana przez: Qba_ on 07.07.2009, 17:22:59
Gwiezdny wir
Tutorial

Opracowanie: Kulok
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/21370_07_07_09_4_19_43.png)




Tutorial uczy jak uzyskać ciekawy efekt gwiezdnego wiru za pomocą kilku prostych kroków.

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



[lp] Zaczynamy

[lp] 1. Zaczynamy od stworzenia nowego obrazu (Plik -> Nowy... [Ctrl+N]) o dowolnych wymiarach i czarnym tle.

(http://www.gimpuj.info/gallery/21370_07_07_09_4_16_18_0.png)


[lp] 2. Tworzymy nową, białą warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazywamy ją gwiazdy.

(http://www.gimpuj.info/gallery/21370_07_07_09_4_16_18_1.png)


[lp] 3. Tryb krycia warstwy gwiazdy zmieniamy na Przenikanie, a krycie na 0,7%.

(http://www.gimpuj.info/gallery/21370_07_07_09_4_16_18_2.png)


[lp] 4. Jeżeli chcesz zwiększyć liczbę gwiazd powtórz kroki zawarte w punktach od 2 do 4.

[lp] 5. Tworzymy nową, przeźroczystą warstwę i nazywamy ją chmury.

(http://www.gimpuj.info/gallery/21370_07_07_09_4_16_18_3.png)


[lp] 6. Wchodzimy w Filtry -> Renderowanie -> Chmury -> Jednolite chmury... i stosujemy filtr z ustawieniami domyślnymi.

[lp] 7. Teraz za pomocą filtru koloryzacji (Kolory -> Koloryzacja) zmieniamy kolor warstwy chmury na niebieski.

[lp] 8. Zmieniamy tryb krycia warstwy chmury na Przesiewanie, a krycie na 70%.

(http://www.gimpuj.info/gallery/21370_07_07_09_4_16_18_4.png)


[lp] 9. Teraz łączymy wszystkie warstwy w jedną. W tym celu wchodzimy w Obraz -> Spłaszcz obraz.

[lp] 10. Na koniec stosujemy filtr Skręcanie i zaciskanie (Filtry -> Zniekształcenia -> Skręcanie i zaciskanie...) z ustawieniami:
  • Kąt skręcenia: 650,00
  • Moc zaciskania: 0,200
  • Promień: 1,000

(http://www.gimpuj.info/gallery/21370_07_07_09_4_19_43.png)


[lp] Koniec



Mam nadzieję, że tutorial się spodobał (był bardzo prosty), jak zauważycie jakieś błędy lub czegoś nie rozumiecie to piszcie.

Podawajcie w tym temacie swoje wyniki i oceniajcie tutorial w skali od 1 do 10.

Miłego GIMP-owania :).




Tytuł: [Poprawa] Atłas
Wiadomość wysłana przez: Qba_ on 07.07.2009, 21:22:18
Atłas
Tutorial

Oryginał: Oryginalny tutorial (http://fence-post.deviantart.com/art/Satin-Texture-in-GIMP-46937633?q=satin+texture&qh=boost%3Apopular+age_sigma%3A24h+age_scale%3A5)
Opracowanie: Kifer71
Poziom trudności: średni

(http://www.gimpuj.info/gallery/21370_07_07_09_8_17_06_2.png)




Oryginalny tutorial znajduje się na tej (http://www.deviantart.com/deviation/46937633/?&q=satin+texture&qh=boost%3Apopular+age_sigma%3A24h+age_scale%3A5) stronie i nosi nazwę Satin Texture in GIMP. Autorem oryginalnego tutoriala jest fence-post.

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



[lp] Zaczynamy

[lp] 1. Utwórz nowy obraz (Plik -> Nowy... [Ctrl+N]) o wymiarach 300x300 pikseli i białym tle.

[lp] 2. Ustaw kolor pierwszoplanowy na czarny, a drugoplanowy na biały. Wybierz narzędzie Gradient <gradient> [L] i ustaw opcje tak, jak poniżej.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_10_26_0.png)


[lp] 3. Przeciągnij gradientem kilka razy po białym tle w różnych kierunkach, żeby wyszło mniej więcej coś takiego.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_10_26_1.png)


[lp] 4. Teraz rozmażemy trochę obraz. W tym celu zastosujemy Rozmycie Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...) z ustawieniami:
  • Poziomo: 25
  • Pionowo: 25
  • Typ rozmycia: RLE

(http://www.gimpuj.info/gallery/21370_07_07_09_8_10_26_2.png)


[lp] 5. Kolejny krok to zastosowanie filtra Krawędź (Filtry -> Wykrywanie krawędzi -> Krawędź...) z ustawieniami:
  • Algorytm: Sobel
  • Moc: 2,0
  • Rozmaż: zaznaczone

(http://www.gimpuj.info/gallery/21370_07_07_09_8_10_26_3.png)


[lp] 6. Po ostatnim kroku obraz stał się bardzo ciemny, więc należy odwrócić kolory. W tym celu wchodzimy w Kolory -> Inwersja.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_10_26_4.png)


[lp] 7. Teraz z kolei jest bardzo jasny, więc należy to zmienić. Wejdź w Kolory -> Poziomy. W tym miejscu nie ma jakichś narzuconych ustawień. Trzeba pokombinować tak, aby efekt był zadowalający. Moje ustawienia możesz zobaczyć poniżej.


(http://www.gimpuj.info/gallery/21370_07_07_09_8_12_26_0.png)


(http://www.gimpuj.info/gallery/21370_07_07_09_8_12_26_1.png)


[lp] 8. Następnie nasz obraz należy lekko rozmyć. W tym celu zastosujemy Rozmycie Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...). Ustawienia należy dobrać tak, aby efekt był zadowalający, moje ustawienia znajdziesz poniżej:
  • Poziomo: 6
  • Pionowo: 6
  • Typ rozmycia: RLE

(http://www.gimpuj.info/gallery/21370_07_07_09_8_15_35_0.png)


[lp] 9. Utwórz nową, przeźroczystą warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją faktura. Ustaw kolor pierwszoplanowy na #808080 i wypełnij <wypelnienie> [Shift+B] nim warstwę faktura.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_15_36_1.png)


[lp] 10. Na warstwie faktura zastosuj filtr Szum RGB (Filtry -> Szum -> Szum RGB...) z ustawieniami:
  • Powiązany szum: odznaczone
  • Niezależny RGB: odznaczone
  • Czerwony: 0,20
  • Zielony: 0,20
  • Niebieski: 0,20
  • Alfa: 0,00

(http://www.gimpuj.info/gallery/21370_07_07_09_8_15_36_2.png)


[lp] 11. Teraz zastosujemy filtr Rozmycie "w ruchu" (Filtry -> Rozmycie -> Rozmycie "w ruchu"...) z ustawieniami:
  • Typ rozmycia: Liniowy
  • Długość: 15
  • Kąt: 135

(http://www.gimpuj.info/gallery/21370_07_07_09_8_15_36_3.png)


[lp] 12. Następnie zastosujemy filtr Przesuwanie (Filtry -> Odwzorowania -> Przesuwanie...)z ustawieniami:
  • Przesunięcie X: 15,00 - z listy wybieramy warstwę Tło
  • Przesunięcie Y: 15,00 - z listy wybieramy warstwę Tło
  • Tryb przesunięcia: Kartezjański
  • Wykrywanie krawędzi: Rozmaż

(http://www.gimpuj.info/gallery/21370_07_07_09_8_15_36_4.png)


[lp] 13. Teraz zeskaluj <skalowanie> [Shift+T] warstwę faktura do rozmiaru 325x325 pikseli. Następnie wejdź w Warstwa -> Dopasuj wymiary warstwy do obrazu.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_17_06_0.png)


[lp] 14. Zmień tryb krycia warstwy faktura na Pokrywanie i krycie wedle uznania. Ja krycie warstwy pozostawiłem ustawione na 100%.

(http://www.gimpuj.info/gallery/21370_07_07_09_8_17_06_1.png)


[lp] 15. W okienku warstw kliknij PPM na warstwie faktura -> Połącz w dół.

[lp] 16. Na koniec pokolorujemy nasz obraz. Wchodzimy w Kolory -> Barwienie i ustawiamy:
  • Odcień: 20
  • Nasycenie: 50
  • Jasność: 0

(http://www.gimpuj.info/gallery/21370_07_07_09_8_17_06_2.png)


[lp] Koniec



Metod barwienia obrazu jest kilka. Ja podałem tylko jedną z nich. Równie dobrze można spróbować z Balansem kolorów (Kolory -> Balans kolorów) lub Odcieniem i nasyceniem (Kolory -> Odcień i nasycenie).

Miłego GIMP-owania :).




Tytuł: [Poprawa] Pierścień 3D
Wiadomość wysłana przez: Qba_ on 07.07.2009, 22:24:41
Pierścień 3D
Tutorial

Opracowanie: Kifer71
Poziom trudności: średni

(http://www.gimpuj.info/gallery/21370_07_07_09_9_22_09_0.png)




Tutaj wpisujemy małe wprowadzenie do tutoriala - informacje dla użytkownika odnośnie
efektu końcowego (np. jeśli tłumaczymy zagraniczny tutorial, to tutaj umieszczamy informacje
o oryginale). Dodatkowo możemy umieścić własne przemyślenia (np. co nas zainspirowało
do napisania tutoriala lub kto nas o to poprosił).

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz (Plik -> Nowy... [Ctrl+N]) o wymiarach 500x500 px i przeźroczystym tle.

[lp] 2. Utwórz nową, przeźroczystą warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją pierścień.

[lp] 3. Ustaw kolor pierwszoplanowy na #ae7737, a drugoplanowy na #c38843.

[lp] 4. Włącz przyciąganie do siatki (Widok -> Przyciągaj do siatki) i Wyświetl siatkę (Widok -> Włącz siatkę).

[lp] 5. Ustaw poziomą prowadnicę (Obraz -> Prowadnice -> Nowa prowadnica) na 250 px.

[lp] 6. Narzędzie Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R] ustaw tak, jak na screenie poniżej.

(http://www.gimpuj.info/gallery/21370_07_07_09_9_22_09_1.png)


[lp] 7. Wyłącz widok siatki (Widok -> Włącz siatkę), aby sprawdzić, czy zaznaczenie jest dobrze ustawione.

(http://www.gimpuj.info/gallery/21370_07_07_09_9_22_09_2.png)


[lp] 8. Wypełnij zaznaczenie gradientem liniowym <gradient> [L] (kolory ustawiany w punkcie 3-cim) od środka do dołu zaznaczenia.

[lp] 9. Teraz usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A])

(http://www.gimpuj.info/gallery/21370_07_07_09_9_22_09_3.png)


[lp] 10. Następnie zastosujemy filtr Odwzorowanie obiektu (Filtry -> Odwzorowania -> Odwzorowanie obiektu...) z ustawieniami:
  • Zakładka Opcje
  • Obiekt docelowy: Sfera
  • Przezroczyste tło: zaznaczone
  • Zakładka Ułożenie
  • Obrót
  • Z: 20,0

(http://www.gimpuj.info/gallery/21370_07_07_09_9_24_16.png)


[lp] 11. Teraz wyłącz przyciąganie do siatki (Widok -> Przyciągaj do siatki) i usuń prowadnice (Obraz -> Prowadnice -> Usuń wszystkie prowadnice).

[lp] 12. Przyszła pora na ustawienie czterech prowadnic (Obraz -> Prowadnice -> Nowa prowadnica) - dwóch poziomych i dwóch pionowych. Poziome ustaw na 186 i 265 px, a pionowe na 127 i 374 px.

(http://)


[lp] 13. Między prowadnicami wykonaj zaznaczenie eliptyczne <zaznaczenie-eliptyczne> [E] (tak, jak jest to pokazana na screenie).

(http://)


(http://)


[lp] 14.

(http://www.gimpuj.info/gallery/21370_07_07_09_9_22_09_0.png)


[lp] Koniec



Znowu tekst autora. Jego uwagi, wskazówki lub inne.

Zakończenie i pożegnanie. Zazwyczaj autorzy kończą tutorial czymś w stylu "Miłego GIMPowania. :)" itp.