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

Polskie Forum Użytkowników GIMP-aHyde zoneHyde parkTestWątek: Animowane przejścia w rotatorze userbarów
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Autor Wątek: Animowane przejścia w rotatorze userbarów  (Przeczytany 6716 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Mr.Ha
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 54
Galeria Użytkownika



Zobacz profil
« : 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...
« Ostatnia zmiana: 09.02.2009, 18:24:54 wysłane przez Mr.Ha » Zapisane

Już wkrótce:

Popieram: www.xcfmania.pl
Mr.Ha
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 54
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 09.02.2009, 15:57:07 »

Animowane przejścia w rotatorze userbarów
Tutorial

Opracowanie: noss
Poziom trudności: średni

1. prosta zamiana




2. zamiana z blaskiem




3. zamiana z przenikaniem




4. najazd od dołu




5. najazd od góry




6. najazd na przemian




7. styl Chucka Norrisa z półobrotu Język




8. zjazd w dół




9. przepychanie w dół




10. układanka od dołu




11. układanka 2 od dołu (dużo pracy  Mrugnięcie)




12. przepychanie trzech userbarów w dół






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ć. Język

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




Lime Point Zaczynamy

Lime Point 1. Opisany punkt.

Wyśrodkowany obrazek


Lime Point 2. Opisany następny punkt.

Lime Point 3. Kolejny opisany punkt.

Wyśrodkowany kolejny obrazek


Lime Point 4. Opisany następny punkt.

Lime Point 5. Kolejny opisany punkt. I tak dalej, i tak dalej... Aż do ostatniego.

Wyśrodkowany obrazek z efektem końcowym


Lime Point 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. Uśmiech" itp.


Zapisane

Już wkrótce:

Popieram: www.xcfmania.pl
T0M3K
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY-NC
Wiadomości: 48
Galeria Użytkownika


A jedliście kiedyś kota?


Zobacz profil WWW
« Odpowiedz #2 : 09.02.2009, 17:55:22 »

1:Nie rozumiem o co Ci chodzi
2: Edytuj posty
Zapisane

Mr.Ha
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 54
Galeria Użytkownika



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

Już wkrótce:

Popieram: www.xcfmania.pl
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 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.
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #5 : 23.02.2009, 15:08:50 »

Czy Mr.Ha, ma zamiar dokończyć poprawę tego tutoriala ?
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
Kasperskyy_
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: Kasperskyy@jid.pl
Licencja: CC-NC-BY-SA
Wiadomości: 129
Galeria Użytkownika


SneakerS a.k.a. Snikson Bejbe


Zobacz profil
« Odpowiedz #6 : 27.02.2009, 01:35:31 »

Lodowcowy napis
Tutorial


Opracowanie: noss
Poziom trudności: średni




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


  Lime Point Zaczynamy

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


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

 Lime Point 3. Stosujemy Filtry -> Wykrywanie krawędzi -> Krawędź z ustawieniami:
Algorytm: Sobel
Moc: 1,0
Zaznaczona opcja Rozmaż.


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




Po zastosowaniu Rozmycia w ruchu jako powiększenie:


 Lime Point 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ć.
Zapisane
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #7 : 27.02.2009, 01:53:13 »

Chcecie poprawiać nasze tutoriale, a sami nawet zasad sobie nie przyswoiliście... -_-
Zapisane

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
lion.
√ ι ק

Reputacja: 11 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222
Galeria Użytkownika


strach pomyśleć że lion. się tak leni!


Zobacz profil
« Odpowiedz #8 : 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?
Zapisane

Kasperskyy_
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: Kasperskyy@jid.pl
Licencja: CC-NC-BY-SA
Wiadomości: 129
Galeria Użytkownika


SneakerS a.k.a. Snikson Bejbe


Zobacz profil
« Odpowiedz #9 : 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 Uśmiech
Zapisane
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #10 : 27.02.2009, 14:01:38 »

Za mało pogrubień etc. I mógłbyś napisać dla wersji 2.6
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #11 : 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 Uśmiech

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

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
lion.
√ ι ק

Reputacja: 11 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222
Galeria Użytkownika


strach pomyśleć że lion. się tak leni!


Zobacz profil
« Odpowiedz #12 : 27.02.2009, 17:07:04 »

I ikonek nie ma
Zapisane

Kasperskyy_
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: Kasperskyy@jid.pl
Licencja: CC-NC-BY-SA
Wiadomości: 129
Galeria Użytkownika


SneakerS a.k.a. Snikson Bejbe


Zobacz profil
« Odpowiedz #13 : 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.
Zapisane
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aHyde zoneHyde parkTestWątek: Animowane przejścia w rotatorze userbarów
Skocz do: