Forum graficzne Burning-Brushes.pl

Tutorial by [b]noss[/b]
Jak zrobić animowany userbar w GIMPie?

[center][size=20pt]Animowane przejścia w rotatorze userbarów[/size]
[size=14pt]Tutorial[/size][/center]

[center]Opracowanie: [b]noss[/b]
Poziom trudności: [b]łatwy[/b][/center]

[center] Efekt pierwszy:
[img]http://www.gimpuj.info/gallery/21370_07_06_09_3_51_16.gif[/img]


Efekt drugi:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_19_16.gif[/img]


Efekt trzeci:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_23_54.gif[/img]


Efekt czwarty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_25_50.gif[/img]


Efekt piąty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_28_25.gif[/img]


Efekt szósty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_28_56.gif[/img]


Efekt siódmy:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_29_50.gif[/img]


Efekt ósmy:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_31_33.gif[/img]


Efekt dziewiąty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_32_09.gif[/img]


Efekt dziesiąty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_33_06.gif[/img]


Efekt jedenasty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_33_56.gif[/img]


Efekt dwunasty:
[img]http://www.gimpuj.info/gallery/21370_06_07_09_4_34_36.gif[/img]
[/center]


[hr]

Przedstawiam i opisuję tutaj w jaki sposób zrobić ciekawe i efektowne animowane przejście w rotatorze userbarów. Ogólnie jest to prosta animacja zapisana do formatu [b]*.gif[/b], mniej lub bardziej pokombinowana. Efekty pokazane poniżej są przykładowymi przejściami, jakie mi wpadły do głowy, każdy może wymyślić coś innego bardziej mu pasującego i oryginalnego. Efekt jest pokazany na przykładzie dwóch zmieniających się obrazków, ale w analogiczny sposób można go wykonać na większej ilości userbarów.

Tutorial również można śmiało wykorzystać do innych celów np. rotator bannerów czy sygnatur.

Na końcu tutoriala zamieściłem jego wersję do ściągnięcia ([b][i]rotator_ub.part1.rar[]/i][/b] i [b][i]rotator_ub.part2.rar[/i][/b]). Aby wypakować pliki musisz mieć na dysku dwa w/w archiwa.

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

[hr]

[size=14pt]Zaczynamy[/size]

[size=14pt]Wspólny początek[/size]

[b]1.[/b] Otwieramy nasze userbary w GIMP-ie. Oba userbary muszą być w trybie RGB. Jeżeli nie są to trzeba je przerobić wchodząc w [b]Obraz -> Tryb -> RGB[/b]. Na pasku tytułowym, obok nazwy obrazu znajduje się ta informacja.

[b]2.[/b] Teraz tworzymy nowy plik ([b]Plik -> Nowy... [Ctrl+ZN][/b]) o wymiarach naszych userbarów. Następnie kopiujemy ([b]Edycja -> Skopiuj [Ctrl+C][/b]) i wklejamy ([b]Edycja -> Wklej [Ctrl+V][/b]) na nowy plik naszego pierwszego userbara. Z drugim postępujemy tak samo.

[b]3.[/b] Usuwamy warstwę [b][i]Tło[/i][/b] (jeśli takową mamy) w nowym pliku. Niższą warstwę nazywamy [b][i]UB1[/i][/b], a wyższą [b][i]UB2/i][/b].

[b]4.[/b] Zapisujemy ten plik pod nazwą [b][i]ub-baza.xcf[/i][/b].

[b]5.[/b] Dla bezpieczeństwa należy zapisywać naszą pracę, co kilka minut ([b]Plik -> Zapisz [Ctrl+S][/b]).

[b]6.[/b] Właśnie jesteśmy w punkcie wyjściowym dla wszystkich niżej opisanych efektów.

[size=14pt]Wspólny koniec[/size]

[b]1.[/b] Teraz zmienimy tryb naszego obrazu na indeksowany. W tym celu wchodzimy w [b]Obraz -> Tryb -> Indeksowany...[/b]. W okienku ustawiamy:[list]
[li][b]Maksymalna ilość kolorów: 255[/b][/li]
[li][b]Ditherowanie kolorów: Brak[/b][/li]
[/list]

[b]2.[/b] Teraz nadszedł czas na drugi krok naszej optymalizacji.
Wchodzimy w [b]Filtry -> Animacja -> Optymalizuj (dla formatu GIF)[/b]. Po tej operacji utworzy nam się nowy plik, na którym od tej pory będziemy pracować.

[b]3.[/b] Trzeci krok naszej optymalizacji polega na zmianie czasu wyświetlania danej warstwy. Warstwy pełnią teraz rolę zarówno warstw jak i klatek animacji. Jako aktywną zaznaczamy warstwę [b][i]UB1(100ms)[/i][/b] i zmieniamy [b]100[/b] na [b]3000[/b]. Tak samo postępujemy z drugą kluczową warstwą, czyli [b][i]UB2(100ms)[/i][/b]. Przed chwilą zmieniliśmy czas ich wyświetlania na 3 sekundy. Pozostałe klatki przejściowe zostawiamy bez zmian. Podpowiem jeszcze, żeby nie ustawiać czasu wyświetlania mniejszego od [b]100ms[/b], ponieważ niektóre przeglądarki źle to wyświetlają.

[b]4.[/b] Warto jeszcze zobaczyć podgląd Naszej animacji przed zapisem. Wchodzimy więc w [b]Filtry -> Animacja -> Odtwórz[/b].

[b]5.[/b] Jeśli animacja wygląda poprawnie, zapisujemy ją w formacie [b]*.gif[/b]. W pierwszym okienku zaznaczamy [b]Zapisz jako animację[/b], a w drugim nic nie zmieniamy.

[size=14pt]Efekt pierwszy - prosta zmiana[/size]

[b]1.[/b] Najpierw stosujemy się do punktu [b]Wspólny początek[/b], a potem do punktu [b]Wspólny koniec[/b]. Jest to najprostsza, najszybsza i najłatwiejsza metoda.

[center][img]http://www.gimpuj.info/gallery/21370_07_06_09_3_51_16.gif[/img][/center]


[size=14pt]Efekt drugi - zamiana z blaskiem[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b], a następnie zapisujemy ([b]Plik -> Zapisz jako... [Shift+Ctrl+S][/b]) go pod nazwą [b][i]ub2.xcf[/i][/b].

[b]2.[/b] W okienku warstw wybieramy warstwę [b][i]UB1[/i][/b], a następnie tworzymy nową warstwę ([b]Warstwa -> Nowa warstwa... [Shift+Ctrl+N][/b]) i w wyskakującym okienku w polu [b]Nazwa warstwy[/b] wpisujemy [b][i]biala#1[/i][/b] (kolejno tworzone warstwy same będą się numerowały). Jako typ wypełnienia warstwy wybieramy [b]Białe[/b].

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_9_24_14_0.png[/img][/center]


[b]3.[/b] Teraz tworzymy jeszcze cztery nowe warstwy (wystarczy przytrzymując klawisz [b]Shift[/b] kliknąć cztery razy na ikonce [b]Nowa warstwa[/b]. Następnie jako aktywną wybieramy warstwę [b][i]UB2[/i][/b] i tak, jak poprzednio tworzymy pięć nowych warstw.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_9_24_14_1.png[/img][/center]


[b]4.[/b] Obowiązkowo zapisujemy ([b]Plik -> Zapisz... [Ctrl+S][/b]) naszą pracę.

[b]5.[/b] Teraz przechodzimy do właściwej animacji. Duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [i][b]UB1[/b][/i] czterokrotnie. Kopie umieszczamy nad warstwami i odpowiednio ustawiamy im krycie:[list]
[li][b][i]biala#1[/i][/b] - [b]60%[/b][/li]
[li][b][i]biala#2[/i][/b] - [b]30%[/b][/li]
[li][b][i]biala#9[/i][/b] - [b]30%[/b][/li]
[li][b][i]biala#10[/i][/b] - [b]60%[/b][/li]
[/list]

[b]6.[/b] Duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) czterokrotnie warstwę [i][b]UB2[/b][/i]. Kopie umieszczamy nad warstwami i odpowiednio nadajemy im krycie:[list]
[li][b][i]biala#4[/i][/b] - [b]30%[/b][/li]
[li][b][i]biala#5[/i][/b] - [b]60%[/b][/li]
[li][b][i]biala#6[/i][/b] - [b]60%[/b][/li]
[li][b][i]biala#7[/i][/b] - [b]30%[/b][/li]
[/list]

[b]7.[/b] Jeśli ktoś ma jakieś problemy to na rysunku jest to dokładniej opisane, która kopia nad którą warstwą i jakie ma krycie.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_9_29_44.png[/img][/center]


[b]8.[/b] Teraz na każdą kopię warstwy [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b] [b]klikamy PPM -> Połącz w dół[/b]. Powinniśmy mieć taki układ warstw.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_9_24_14_3.png[/img][/center]


[b]9.[/b] Na koniec pozostało nam tylko wykonać etap [b]Wspólny koniec[/b] i gotowe.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_19_16.gif[/img][/center]


[size=14pt]Efekt trzeci - Zamiana z przenikaniem[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b] i zapisujemy ([b]Plik -> Zapisz jako... [Shift+Ctrl+S][/b]) pod nazwą [b][i]ub3.xcf[/i][/b].

[b]2.[/b] Następnie trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b]. Powstałe trzy kopie przesuwamy nad warstwę [b][i]UB2[/i][/b].

[b]3.[/b] Teraz trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB2[/i][/b] i ustawiamy ją jako czwartą od góry.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_10_03_19_0.png[/img][/center]


[b]4.[/b] Dla ułatwienia zmieniamy im nazwy tak, jak na screenie.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_10_03_19_1.png[/img][/center]


[b]5.[/b] Teraz zmieniamy krycie warstwom na takie, które mają podane w swojej nazwie.

[b]6.[/b] Teraz duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b] po trzy razy i rozmieszczamy je tak, jak na screenie.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_10_03_19_2.png[/img][/center]


[b]7.[/b] Zajmiemy się łączeniem odpowiednich par warstw. Na warstwach z "%" w nazwie [b]klikamy PPM -> Połącz w dół[/b][/b]. Tak powinna wyglądać nasza paleta warstw.

[center][img]http://www.gimpuj.info/gallery/21370_07_07_09_10_03_19_3.png[/img][/center]


[b]8.[/b] Na koniec pozostało nam tylko wykonać etap [b]Wspólny koniec[/b] i gotowe.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_23_54.gif[/img][/center]


[size=14pt]Efekt czwarty - Najazd od dołu[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b] i zapisujemy ([b]Plik -> Zapisz jako... [Shift+Ctrl+S][/b]) go pod nazwą [b][i]ub4.xcf[/i][/b].

[b]2.[/b] [b]Powiększamy <zoom> [Z][/b] nasz obrazek do [b]1100%[/b] i ustawiamy [b]poziome prowadnice[/b] ([b]Obraz -> Prowadnice -> Nowa prowadnica[/b]) na pozycjach: [b]2[/b], [b]6[/b] i [b]12[/b] px (celowo nierówno, ponieważ wtedy wychodzi fajny efekt przyhamowania).

[center][img]http://www.gimpuj.info/gallery/21370_08_07_09_12_16_38_0.png[/img][/center]


[b]3.[/b] Trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b]. Rozmieszczamy je tak, jak na zrzucie poniżej.

[center][img]http://www.gimpuj.info/gallery/21370_08_07_09_12_16_38_1.png[/img][/center]


[b]4.[/b] Wyłączamy widoczność (<widocznosc>) wszystkich warstw oprócz [b][i]UB1[/i][/b]. Będziemy pracować na warstwach od dołu do góry.

[b]5.[/b] Zaznaczamy jako aktywną drugą warstwę od dołu (u mnie [b][i]kopia: UB2#1[/i][/b]) i włączamy jej widoczność. [b]Przesuwamy <przesuwanie> [M][/b] ją do najniższej prowadnicy, czyli o [b]12[/b] px w dół.

[center][img]http://www.gimpuj.info/gallery/21370_08_07_09_12_16_38_2.png[/img][/center]


[center][img]http://www.gimpuj.info/gallery/21370_08_07_09_12_16_38_3.png[/img][/center]


[b]6.[/b] Wybieramy kolejną warstwę i włączamy jej widoczność (u mnie [b][i]kopia: UB2#2[/i][/b]). [b]Przesuwamy <przesuwanie> [M][/b] ją do środkowej prowadnicy, czyli o [b]6[/b] px.

[b]7.[/b] Analogicznie postępujemy z pozostałymi duplikatami, czyli:[list]
[li][b][i]kopia: UB2#3[/i][/b] - najwyższa prowadnica ([b]2[/b] px)[/li]
[li][b][i]kopia: UB1#1[/i][/b] - najniższa prowadnica ([b]12[/b] px)[/li]
[li][b][i]kopia: UB1#2[/i][/b] - środkowa prowadnica ([b]6[/b] px)[/li]
[li][b][i]kopia: UB1#3[/i][/b] - najwyższa prowadnica ([b]2[/b] px)[/li]
[/list]

[b]8.[/b] Tak powinna wyglądać nasza paleta warstw ([b]Konfiguruj tę kartę -> Rozmiar podglądu -> Gigantyczny[/b]).

[center][img]http://www.gimpuj.info/gallery/21370_08_07_09_12_16_38_4.png[/img][/center]


[b]9.[/b] Na koniec zapisujemy ([b]Plik -> Zapisz... [Ctrl+S][/b]) naszą pracę i stosujemy się do etapu [b]Wspólny koniec[/b]. Gotowe!

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_25_50.gif[/img][/center]


[size=14pt]Efekt piąty - Najazd od góry[/size]

[b]1.[/b] Postępujemy analogicznie jak w [b]efekcie czwartym[/b] tyle, że odwrotnie względem góry i dołu.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_28_25.gif[/img][/center]


[size=14pt]Efekt szósty - Najazd na przemian[/size]

[b]1.[/b] Również postępujemy tak samo jak w [b]efekcie czwartym[/b] tylko, że dla jednego userbara mierzymy od dołu, a dla drugiego od góry.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_28_56.gif[/img][/center]


[size=14pt]Efekt siódmy - Styl Chucka Norrisa "z półobrotu"[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b] i zapisujemy ([b]Plik -> Zapisz jako... [Shift+Ctrl+S][/b]) go pod nazwą [b][i]ub7.xcf[/i][/b].

[b]2.[/b] Trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b] i rozmieszczamy je tak, jak na screenie poniżej.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_10_34_55_0.png[/img][/center]


[b]3.[/b] Wyłączamy widoczność (<widocznosc>) wszystkich warstw oprócz [b][i]UB1[/i][/b] i [b][i]kopia: UB2#1[/i][/b]. Będziemy kolejno włączać widoczność warstw, które chcemy obracać. [b]Obracamy <obrot> [Shift+R][/b] warstwę [b][i]kopia: UB2#1[/i][/b] o kąt [b]-90[sup]o[/sup][/b].

[b]4.[/b] Z kolejnymi warstwami postępujemy tak samo tylko zmieniamy kąt obrotu:[list]
[li][b][i]kopia: UB2#2[/i][/b]: [b]-20[sup]o[/sup][/b][/li]
[li][b][i]kopia: UB2#3[/i][/b]: [b]-5[sup]o[/sup][/b][/li]
[li][b][i]kopia: UB1#1[/i][/b]: [b]-90[sup]o[/sup][/b][/li]
[li][b][i]kopia: UB1#2[/i][/b]: [b]-20[sup]o[/sup][/b][/li]
[li][b][i]kopia: UB1#3[/i][/b]: [b]-5[sup]o[/sup][/b][/li]
[/list]

[b]5.[/b] Dla jasności zamieszczam zrzut, na którym opisałem którą warstwę o ile obrócić.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_10_34_55_1.png[/img][/center]


[b]6.[/b] Na koniec zapisujemy ([b]Plik -> Zapisz... [Ctrl+S][/b]) naszą parcę i stosujemy się do etapu [b]Wspólny koniec[/b].

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_29_50.gif[/img][/center]


[size=14pt]Efekt ósmy - Zjazd w dół[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b] i zapisujemy ([b]Plik -> zapisz jako... [Shift+Ctrl+S][/b]) go pod nazwą [b][i]ub8.xcf[/i][/b]

[b]2.[/b] Trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b] i rozmieszczamy je tak, jak na zrzucie poniżej.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_10_27_0.png[/img][/center]


[b]3.[/b] [b]Powiększamy <zoom> [Z][/b] Nasz obrazek do [b]1600%[/b] i ustawiamy trzy poziome prowadnice ([b]Obraz -> Prowadnice -> Nowa prowadnica[/b]) na pozycjach: [b]2[/b], [b]6[/b], i [b]12[/b] px.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_10_27_1.png[/img][/center]


[b]4.[/b] Teraz będziemy [b]przesuwać <przesuwanie> [M][/b] strzałkami na klawiaturze odpowiednie warstwy:[list]
[li][b][i]kopia: UB1#1[/i][/b]: [b]2[/b] px w dół[/li]
[li][b][i]kopia: UB1#2[/i][/b]: [b]6[/b] px w dół[/li]
[li][b][i]kopia: UB1#3[/i][/b]: [b]12[/b] px w dół[/li]
[li][b][i]kopia: UB2#1[/i][/b]: [b]2[/b] px w dół[/li]
[li][b][i]kopia: UB2#2[/i][/b]: [b]6[/b] px w dół[/li]
[li][b][i]kopia: UB2#3[/i][/b]: [b]12[/b] px w dół[/li]
[/list]

[b]5.[/b] Jakby ktoś miał problemy to poniżej zamieszczam zrzut, w którym opisałem którą warstwę o ile przesunąć.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_10_27_2.png[/img][/center]


[b]6.[/b] Trzykrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b] i kopie rozmieszczamy tak, jak na screenie poniżej (czerwonymi kropkami zaznaczyłem kopie).

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_10_27_3.png[/img][/center]


[b]7.[/b] Teraz będziemy łączyć odpowiednie pary warstw tak, jak zaznaczyłem na screenie. Łączymy je poprzez kliknięcie [b]PPM na górnej warstwie -> Połącz w dół[/b].

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_10_27_4.png[/img][/center]


[b]8.[/b] Po łączeniu nasza paleta warstw powinna wyglądać następująco.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_12_51_0.png[/img][/center]


[b]9.[/b] Teraz możemy jeszcze sprawdzić, czy czegoś nie sknociliśmy poprzez obejrzenie animacji ([b]Filtry -> Animacja -> Odtwórz[/b]).

[b]10.[/b] Jeśli nasza animacja wygląda poprawnie to zapisujemy ([b]Plik -> Zapisz... [Ctrl+S][/b]) nasz obraz i stosujemy się do etapu [b]Wspólny koniec[/b]. W ten sam sposób można zrobić wjazd do góry .

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_31_33.gif[/img][/center]


[size=14pt]Efekt dziewiąty - Przepychanie w dół[/size]

[b]1.[/b] Otwieramy ([b]Plik -> Otwórz... [Ctrl+O][/b]) nasz plik [b][i]ub-baza.xcf[/i][/b] i zapisujemy ([b]Plik -> Zapisz jako... [Shift+Ctrl+S][/b]) go pod nazwą [b][i]ub9.xcf[/i][/b].

[b]2.[/b] Czterokrotnie duplikujemy ([b]Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D][/b]) warstwę [b][i]UB1[/i][/b] i [b][i]UB2[/i][/b]. Tak powinna wyglądać nasza paleta warstw.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_55_14_0.png[/img][/center]


[b]3.[/b] Teraz rozmieszczamy warstwy tak, jak jest to pokazana na zrzucie niżej.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_55_14_1.png[/img][/center]


[b]4.[/b] [b]Powiększamy <zoom> [Z][/b] nasz obraz do [b]1600%[/b] i ustawiamy dwie poziome prowadnice ([b]Obraz -> Prowadnice -> Nowa prowadnica[/b]) na pozycji [b]3[/b] i [b]9[/b] px.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_11_55_14_2.png[/img][/center]


[b]5.[/b] Teraz będziemy postępować z zaznaczonymi na screenie parami warstw zgodnie z opisem. Np. warstwę [b][i]kopia: UB1#1[/i][/b] [b]przesuwamy <przesuwanie> [M][/b] strzałkami na klawiaturze tak, aby jej górna krawędź dotykała prowadnicy ustawionej na pozycji [b]3[/b] px. Drugą warstwę z pary, czyli [b][i]kopia: UB2#1[/i][/b] [b]przesuwamy <przesuwanie> [M][/b] do góry o tyle pikseli, aby jej dolna krawędź dotykała prowadnicy ustawionej na pozycji [b]3[/b] px.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_12_00_03_1.png[/img][/center]


[b]6.[/b] Następnie łączymy warstwy w parach. W oknie warstw klikamy [u]zawsze[/u] [b]PPM na górną warstwę -> Połącz w dół[/b]. Po łączeniu nasza paleta warstw powinna wyglądać tak.

[center][img]http://www.gimpuj.info/gallery/21370_10_07_09_12_00_03_2.png[/img][/center]


[b]7.[/b] Możemy teraz sprawdzić, czy nic nie sknociliśmy, poprzez odtworzenie naszej animacji ([b]Filtry -> Animacja -> Odtwórz[/b]). Jeśli animacja wygląda poprawnie to przystępujemy do etapu [b]Wspólny koniec[/b]. W ten sam sposób można zrobić przepychanie w górę lub mieszane na zmianę.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_32_09.gif[/img][/center]


[size=14pt]Efekt dziesiąty - Układanka od dołu[/size]

[b]1.[/b] Nie będę już opisywał tego efektu, bo słabo mi się podoba, a jest przy nim dużo pracy. Każdy, kto przerobił wszystkie efekty do tego powinien sobie z tym poradzić.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_33_06.gif[/img][/center]


[size=14pt]Efekt jedenasty - Układanka 2-óch od dołu[/size]

[b]1.[/b] Nie będę już opisywał tego efektu, bo słabo mi się podoba, a jest przy nim dużo pracy. Każdy, kto przerobił wszystkie efekty do tego powinien sobie z tym poradzić.

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_33_56.gif[/img][/center]


[size=14pt]Efekt dwunasty - Rotator trzech, lub czterech userbarów[/size]

[b]1.[/b] Opiszę jeszcze rotator z trzema lub czterema userbarami, jeśli mi powiecie jaki ma być zastosowany efekt. Zrobię tylko jeden taki opis bo już nie mam sił. Ten tutorial mnie prawie wykończył .

[center][img]http://www.gimpuj.info/gallery/21370_06_07_09_4_34_36.gif[/img][/center]


[size=14pt]Koniec[/size]

[hr]

Opisane metody są przykładami efektów, które można uzyskać. Jeżeli ktoś by znalazł w sieci jakiś inny ciekawy efekt przejścia to ja mogę go tutaj zdekodować i opisać.

Znalazłem coś dla leniwych pod adresem [url=http://ubanimator.com/]http://ubanimator.com/[/url], znajdziecie tam gotowe narzędzie on-line do podobnych animacji z punktów [b]1[/b], [b]3[/b] i [b]9[/b].

Miłego GIMP-owania .

[hr]

Tutorial by [b]noss[/b]

Tutorial rozpowszechniany na licencji CC-NC-BY-SA.

Ja jak wiadomo fanem ub'ków nie jestem, ale takie animowane czasem są całkiem interesujące : >
spoko tutek

Świetny tut, bardzo dobrze opisany, pamiętam jak jeszcze kiedyś z niego korzystałem