Polskie Forum Użytkowników GIMP-a

Hyde zone => Test => Wątek zaczęty przez: Mr.Ha on 09.02.2009, 15:49:49



Tytuł: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Mr.Ha on 09.02.2009, 15:49:49
Zakładam temat w którym każdy będzie mógł przełożyć jakiś tutek na zgodny z szablonem...


Tytuł: Odp: Poprawiamy tutoriale!
Wiadomość wysłana przez: Mr.Ha on 09.02.2009, 15:57:07
Animowane przejścia w rotatorze userbarów
Tutorial

Opracowanie: noss
Poziom trudności: średni

1. prosta zamiana
(http://images2.fotosik.pl/131/88d134dcfbefe1f3.gif)



2. zamiana z blaskiem
(http://images3.fotosik.pl/131/e93de010fff54635.gif)



3. zamiana z przenikaniem
(http://images1.fotosik.pl/150/14c449f2a97c21ad.gif)



4. najazd od dołu
(http://images1.fotosik.pl/151/6f98d54a597aaea5.gif)



5. najazd od góry
(http://images3.fotosik.pl/131/d8485c7e4067c64e.gif)



6. najazd na przemian
(http://images4.fotosik.pl/94/d3513b94a272e69c.gif)



7. styl Chucka Norrisa z półobrotu :P
(http://images3.fotosik.pl/131/9832720ec342234b.gif)



8. zjazd w dół
(http://images3.fotosik.pl/131/50b3696f266c887a.gif)



9. przepychanie w dół
(http://images3.fotosik.pl/131/8581a95b7698f44f.gif)



10. układanka od dołu
(http://images3.fotosik.pl/131/24097db679ad71a8.gif)



11. układanka 2 od dołu (dużo pracy  ;))
(http://images4.fotosik.pl/95/868bf6aad22ad907.gif)



12. przepychanie trzech userbarów w dół
(http://images4.fotosik.pl/95/36c724fcf2f2e9fd.gif)





Wszystkie poradniki mają dwa wspólne elementy czyli początek i koniec. Żeby nie dublować tych samych opisów kilka razy wspólna część czyli początek i koniec zostały wydzielone i osobno opisane tutaj.
Zalecam czytanie tutorialu po kolei, a nie tylko wybranych punktów, bo w dalsze części efekty opisuję mniej szczegółowo i bardziej skrótowo i można się czasami nie połapać. :P

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




[lp] Zaczynamy

[lp] 1. Opisany punkt.

Wyśrodkowany obrazek


[lp] 2. Opisany następny punkt.

[lp] 3. Kolejny opisany punkt.

Wyśrodkowany kolejny obrazek


[lp] 4. Opisany następny punkt.

[lp] 5. Kolejny opisany punkt. I tak dalej, i tak dalej... Aż do ostatniego.

Wyśrodkowany obrazek z efektem końcowym


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




Tytuł: Odp: Poprawiamy tutoriale!
Wiadomość wysłana przez: T0M3K on 09.02.2009, 17:55:22
1:Nie rozumiem o co Ci chodzi
2: Edytuj posty


Tytuł: Odp: Poprawiamy tutoriale!
Wiadomość wysłana przez: Mr.Ha on 09.02.2009, 18:13:30
To jest dział test, mogę sobie mieć 25 postów pod rząd, a w tym wątku poprawiam tutoriale wg szablonu....


Tytuł: Odp: Poprawiamy tutoriale!
Wiadomość wysłana przez: Zdybek on 09.02.2009, 18:18:29
Zmień nazwę tematu na Animowane przejścia w rotatorze userbarów. I wrzuć obrazki do swojej galerii na forum.


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Zdybek on 23.02.2009, 15:08:50
Czy Mr.Ha, ma zamiar dokończyć poprawę tego tutoriala ?


Tytuł: Lodowcowy Napis
Wiadomość wysłana przez: Kasperskyy_ on 27.02.2009, 01:35:31
Lodowcowy napis
Tutorial


Opracowanie: noss
Poziom trudności: średni


(http://www.gimpuj.info/gallery/10167_27_02_09_12_13_45_1.jpg)


Dzisiaj pokażę jak wykonać lodowcowy napis. Ten tutorial wymaga przeciętnej wiedzy o GIMPie dlatego nie opisuję gdzie znajdują się podstawowe narzędzia i opcje.

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


  [lp] Zaczynamy

 [lp] 1. Otwieramy nowy dokument np. 420 x 300 px z czarnym tłem. Piszemy biały tekst za pomocą grubszej czcionki np. Georgia Bold o rozmiarze np. 105 px. Duplikujemy warstwę tekstową.
Dolną warstwę tekstową łączymy z tłem. Stosujemy na niej rozmycie Gaussa o promieniu np. 15 px. Z górnej warstwy tekstowej robimy zaznaczenie z kanału alfa i powracamy do warstwy tła. Warstwę tekstową ukrywamy. Rysujemy linię wzdłuż zaznaczenia Edycja -> Rysuj wzdłuż zaznaczenia, szerokość linii ustawiamy na 1 px. Usuwamy zaznaczenie. Stosujemy filtr Filtry -> Zniekształcenie -> Wiatr z następującymi ustawieniami:
Styl: Wiatr
Kierunek: W lewo
Naruszane krawędzie: Początkowe
Próg: 0
Siła: 2

(http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_0.jpg)

 [lp] 2. Teraz obracamy warstwę o 90 stopni w prawo i ponownie stosujemy efekt wiatru. Czynności powtarzamy aż zrobimy wiatr z każdej z czterech stron i obrazek obrócimy do pozycji wyjściowej.
(http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_1.jpg)

 [lp] 3. Stosujemy Filtry -> Wykrywanie krawędzi -> Krawędź z ustawieniami:
Algorytm: Sobel
Moc: 1,0
Zaznaczona opcja Rozmaż.
(http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_2.jpg)


 [lp] 4. Kolorujemy naszą pracę poprzez Warstwa -> Kolory -> Balans kolorów z ustawieniami:
Wybór modyfikowanego zakresu: Półtony
Niebieskozielony - Czerwony: -100
Purpurowy - Zielony: 0
Żółty - Niebieski: 100
Zaznaczona opcja Zachowanie iluminacji.

(http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_4.jpg)


(http://www.gimpuj.info/gallery/10167_27_02_09_12_13_45_0.jpg)

Po zastosowaniu Rozmycia w ruchu jako powiększenie:

(http://1.1.1.2/bmi/img520.imageshack.us/img520/471/elektrycznyqw1.png)

 [lp] Koniec



Kod:
[center][size=20pt][b]Lodowcowy napis
Tutorial[/b]
[/size]
[b]Opracowanie: noss
Poziom trudności: średni[/b]

[img]http://www.gimpuj.info/gallery/10167_27_02_09_12_13_45_1.jpg[/img][/center]

[hr]
Dzisiaj pokażę jak wykonać lodowcowy napis. Ten tutorial wymaga przeciętnej wiedzy o GIMPie dlatego nie opisuję gdzie znajdują się podstawowe narzędzia i opcje.

[left][b]Tutorial napisany w wersji GIMPa 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić[/b].
[hr]

  [lp] Zaczynamy

 [lp] 1. Otwieramy nowy dokument np. [b]420 x 300 px[/b] z czarnym tłem. Piszemy biały tekst za pomocą grubszej czcionki np. Georgia Bold o rozmiarze np. 105 px. Duplikujemy warstwę tekstową.
Dolną warstwę tekstową łączymy z tłem. Stosujemy na niej [b]rozmycie Gauss[/b]a o promieniu np. [b]15 px[/b]. Z górnej warstwy tekstowej robimy [b]zaznaczenie z kanału alfa[/b] i powracamy do warstwy tła. Warstwę tekstową ukrywamy. Rysujemy linię wzdłuż zaznaczenia [b]Edycja -> Rysuj wzdłuż zaznaczenia[/b], szerokość linii ustawiamy na [b]1 px[/b]. Usuwamy zaznaczenie. Stosujemy filtr [b]Filtry -> Zniekształcenie -> Wiatr[/b] z następującymi ustawieniami:
[b]Styl[/b]: Wiatr
[b]Kierunek[/b]: W lewo
[b]Naruszane krawędzie[/b]: Początkowe
[b]Próg[/b]: 0
[b]Siła[/b]: 2

[center][img]http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_0.jpg[/img][/center]

 [lp] 2. Teraz obracamy warstwę o [b]90 stopni[/b] w prawo i ponownie stosujemy efekt wiatru. Czynności powtarzamy aż zrobimy wiatr z każdej z czterech stron i obrazek obrócimy do pozycji wyjściowej.
[center]
[img]http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_1.jpg[/img][/center]

 [lp] 3. Stosujemy [b]Filtry -> Wykrywanie krawędzi -> Krawędź[/b] z ustawieniami:
[b]Algorytm[/b]: Sobel
[b]Moc[/b]: 1,0
[b]Zaznaczona opcja Rozmaż[/b].
[center]
[img]http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_2.jpg[/img][/center]


 [lp] 4. Kolorujemy naszą pracę poprzez [b]Warstwa -> Kolory -> Balans kolorów[/b] z ustawieniami:
[b]Wybór modyfikowanego zakresu[/b]: Półtony
[b]Niebieskozielony - Czerwony[/b]: -100
[b]Purpurowy - Zielony[/b]: 0
[b]Żółty - Niebieski[/b]: 100
[b]Zaznaczona opcja Zachowanie iluminacji[/b].

[center][img]http://www.gimpuj.info/gallery/10167_27_02_09_12_11_51_4.jpg[/img][/center]


[center][img]http://www.gimpuj.info/gallery/10167_27_02_09_12_13_45_0.jpg[/img][/center]

[b]Po zastosowaniu Rozmycia w ruchu jako powiększenie:[/b]

[center][img]http://1.1.1.2/bmi/img520.imageshack.us/img520/471/elektrycznyqw1.png[/img][/center]

 [lp] Koniec[/left]

Daje code i prosze administracje o poprawienie starego tutoriala, jakby ktoś miał jakieś zastrzeżenia pisać.


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: INSEKT on 27.02.2009, 01:53:13
Chcecie poprawiać nasze tutoriale, a sami nawet zasad sobie nie przyswoiliście... -_-


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: lion. on 27.02.2009, 10:10:04
Chcecie poprawiać nasze tutoriale, a sami nawet zasad sobie nie przyswoiliście... -_-

W sumie jest tu sporo błędów. Czytaliście jak piszemy tutoriale?


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Kasperskyy_ on 27.02.2009, 13:14:41
Błędy muszą wynikać ze setrony nossa, bo ja tylko :
Dodałem screeny
Pogrubiłem/powiększyłem czcionki etc. Więc nie wiem w czym problem skoro to jego tutorial chciałem tylko dodać screeny, ale ok. Jak się już ktoś z administracji zdecyduje to dałem kod :)


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Zdybek on 27.02.2009, 14:01:38
Za mało pogrubień etc. I mógłbyś napisać dla wersji 2.6


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: INSEKT on 27.02.2009, 14:11:26
Błędy muszą wynikać ze setrony nossa, bo ja tylko :
Dodałem screeny
Pogrubiłem/powiększyłem czcionki etc. Więc nie wiem w czym problem skoro to jego tutorial chciałem tylko dodać screeny, ale ok. Jak się już ktoś z administracji zdecyduje to dałem kod :)

Nie chodzi o błędy w treści, ale o to że np. pogrubiłeś niepotrzebnie tytuł i informacje o autorze czy też dodałeś niewykadrowane screeny.


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: lion. on 27.02.2009, 17:07:04
I ikonek nie ma


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Kasperskyy_ on 27.02.2009, 21:43:24
Eh to może pomyśle sam od nowa napisze jakiś tutek zgodnie z szablonem, chciałbym pomóc, bo ostatnio tyle osób do mnie pisze na gg o pomoc "bo tutek się popsuł" że głowa mała, a poza tym ogólnie chciałbym wspomóc jakoś w tej odnowie tutoriali.


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: INSEKT on 28.02.2009, 01:45:43
Eh to może pomyśle sam od nowa napisze jakiś tutek zgodnie z szablonem, chciałbym pomóc, bo ostatnio tyle osób do mnie pisze na gg o pomoc "bo tutek się popsuł" że głowa mała, a poza tym ogólnie chciałbym wspomóc jakoś w tej odnowie tutoriali.

No to będzie nam miło, tylko nadrób zaległości. Przeczytaj uważnie zasady pisania tutoriali tam jest WSZYSTKO.


Tytuł: Odp: Animowane przejścia w rotatorze userbarów
Wiadomość wysłana przez: Mr.Ha on 28.02.2009, 09:03:33
A ja przypominam, że regulamin nie ogranicza mnie czasowo, co do przepisywania tego tuta, narazie sobie go robię w wordzie, później go wkleję tu.