Polskie Forum Użytkowników GIMP-a

---

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 *.gif, 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 (rotator_ub.part1.rar i rotator_ub.part2.rar). Aby wypakować pliki musisz mieć na dysku dwa w/w archiwa.

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

---

[lp] Zaczynamy

[op] Wspólny początek

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

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

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

[lp] 4. Zapisujemy ten plik pod nazwą ub-baza.xcf.

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

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

[op] Wspólny koniec

[lp] 1. Teraz zmienimy tryb naszego obrazu na indeksowany. W tym celu wchodzimy w Obraz -> Tryb -> Indeksowany.... W okienku ustawiamy:

• Maksymalna ilość kolorów: 255
• Ditherowanie kolorów: Brak

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

[lp] 3. 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ę UB1(100ms) i zmieniamy 100 na 3000. Tak samo postępujemy z drugą kluczową warstwą, czyli UB2(100ms). 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 100ms, ponieważ niektóre przeglądarki źle to wyświetlają.

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

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

[op] Efekt pierwszy - prosta zmiana

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



[op] Efekt drugi - zamiana z blaskiem

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

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



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



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

[lp] 5. Teraz przechodzimy do właściwej animacji. Duplikujemy (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) warstwę UB1 czterokrotnie. Kopie umieszczamy nad warstwami i odpowiednio ustawiamy im krycie:

• biala#1 - 60%
• biala#2 - 30%
• biala#9 - 30%
• biala#10 - 60%

[lp] 6. Duplikujemy (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) czterokrotnie warstwę UB2. Kopie umieszczamy nad warstwami i odpowiednio nadajemy im krycie:

• biala#4 - 30%
• biala#5 - 60%
• biala#6 - 60%
• biala#7 - 30%

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



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



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



[op] Efekt trzeci - Zamiana z przenikaniem

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

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

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



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



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

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



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



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



[op] Efekt czwarty - Najazd od dołu

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

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



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



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

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





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

[lp] 7. Analogicznie postępujemy z pozostałymi duplikatami, czyli:

• kopia: UB2#3 - najwyższa prowadnica (2 px)
• kopia: UB1#1 - najniższa prowadnica (12 px)
• kopia: UB1#2 - środkowa prowadnica (6 px)
• kopia: UB1#3 - najwyższa prowadnica (2 px)

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



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



[op] Efekt piąty - Najazd od góry

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



[op] Efekt szósty - Najazd na przemian

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



[op] Efekt siódmy - Styl Chucka Norrisa "z półobrotu"

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

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



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

[lp] 4. Z kolejnymi warstwami postępujemy tak samo tylko zmieniamy kąt obrotu:

• kopia: UB2#2: -20^o
• kopia: UB2#3: -5^o
• kopia: UB1#1: -90^o
• kopia: UB1#2: -20^o
• kopia: UB1#3: -5^o

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



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



[op] Efekt ósmy - Zjazd w dół

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

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



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



[lp] 4. Teraz będziemy przesuwać <przesuwanie> [M] strzałkami na klawiaturze odpowiednie warstwy:

• kopia: UB1#1: 2 px w dół
• kopia: UB1#2: 6 px w dół
• kopia: UB1#3: 12 px w dół
• kopia: UB2#1: 2 px w dół
• kopia: UB2#2: 6 px w dół
• kopia: UB2#3: 12 px w dół

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



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



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



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



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

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



[op] Efekt dziewiąty - Przepychanie w dół

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

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



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



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



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



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



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



[op] Efekt dziesiąty - Układanka od dołu

[lp] 1. 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ć.



[op] Efekt jedenasty - Układanka 2-óch od dołu

[lp] 1. 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ć.



[op] Efekt dwunasty - Rotator trzech, lub czterech userbarów

[lp] 1. 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ł ;).



[lp] Koniec

---

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 http://ubanimator.com/ (http://ubanimator.com/), znajdziecie tam gotowe narzędzie on-line do podobnych animacji z punktów 1, 3 i 9.

Miłego GIMP-owania :).

---

Za pomocą tego tutka zrobiłem takie cuś:
(http://images4.fotosik.pl/188/350ce23f26646e4e.gif) (http://www.fotosik.pl)

Na pewno z niego skorzystam
jak będę miał więcej grafik.
(http://images2.fotosik.pl/311/4d844cc17e9ef44e.gif)

Super tut. Ja zrobiłem pracę, co prawda nie ze swoich userbarów ale zawsze coś. ^-^ Moja praca:

(http://www.gimpuj.info/replacement.png)

Ja zmajstrowałem to:

(http://danek.h.w.interia.pl/Rihanna.GIF)

i to:

(http://danek.h.w.interia.pl/4userbar.GIF)

Fajny tutek :):)
Udało mi się zrobić cosik takiego:

(http://www.gimpuj.info/replacement.png)

Pozdrawiam

prawda było to banalne ;] coś sie udało :)
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Istnieje duuużo prostszy sposób na moje ulubione, czyli #2 i #3
Wystarczy wykorzystać odpowiedni Script Fu i już możemy cieszyć się animowanymi ubkami.
Outcome z tego sposobu wcale nie jest gorszy -

(http://gnx-g.ugu.pl/ubs.gif)

(userbary są mojego autorstwa  ;))

Powiedzcie jak ja mam zmienic to "ms" na wieksze? Gdzie sie wchodzi zeby zmienic??

W palecie warstw klikasz dwukrotnie na nazwie warstwy, dla której chcesz zwiększyć ilość ms na większą i po prostu zmieniasz jej nazwę, tak jak zmienia się nazwę plików czy folderów w Windows.
Zwiększ po prostu podaną liczbę na większą z 100 np. na 1000 (czyli 1 sekundę)

W sumie łatwiutkie to ;)
(http://img222.imageshack.us/img222/5384/mojuserbar1ac8.gif) ;D
Świetny tutek, dzięki :)

dzięki

hehe zrobiłem se trzy pierwsze
1.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

2.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Najczesciej zapisanie jako .gif pomaga :) i wrzucenie potem do wlasnej galerii a potem zrobic post i z kodem podac :) wlasciwy link :)

to mój efekt:
(http://images32.fotosik.pl/113/9c8b847ec1b55ca6.gif) (http://www.fotosik.pl)

jak znajde wiecej fajnych userbarów al bo jak wiecej zrobie to bedzie ciekawiej

a tu splodzilem co innego na podstawie tego tutka:

(http://images23.fotosik.pl/143/8b0a207fef45f60b.gif) (http://www.fotosik.pl)

Pzdr

a ja cos takiego na swoje forum zrobile
innych mi sie nie chcialo robic :P

(http://www.gimpuj.info/gallery/4234_21_01_08_6_34_28.gif)

Ja se zrobiłem wszystki nawet 10 i 11 :D
1.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
2.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
3.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
4.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
5.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
6.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
7.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
8.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
9.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
10.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
11.(http://www.gimpuj.info/replacement.png) (http://imageshack.us)   <---Na około 4godz. bitej roboty
I jeszcze wszystkie animacje za trzech obrazków

Najprostsze to styl Chucka Norrisa (teraz muszę tylko na userbarami popracować...)

@Chudy: Jestem pod wrażeniem Twoich chęci i wytrwałości :)

A oto mój efekt:
(http://www.gimpuj.info/replacement.png)

ja też się pochwalę

(http://images28.fotosik.pl/151/7cd9b4cc5eab6bcc.gif) (http://www.fotosik.pl)

Ale łatwo to się robi a myślałam że trudno (chociaż trochę się napracowałam) A oto mój efekt, tada:
(http://www.gimpuj.info/replacement.png)

mi takie coś wyszło
(http://images31.fotosik.pl/161/5181e3e9630c3ea5.gif) (http://www.fotosik.pl)

To wegług tutka:
(http://www.gimpuj.info/gallery/9669_17_03_08_8_27_09.gif)

Atu trochę namieszałem:
(http://www.gimpuj.info/gallery/9669_17_03_08_8_37_49.gif) <lol>

(http://www.gimpuj.info/replacement.png)
I jak?

bardzo fajny tutek efekty widac w podpisie i avatarze :D

A oto moje dzieło:

(http://www.otofotki.pl/img2/obrazki/vxdj6290895w.gif)

to moja praca ;):

to moje dzieło  robione dla kolegi :D

witam :) zarejestrowlaem sie tu dzis ale lukam czesto i moje pytanie brzmi
jak polaczyc np 3 obrazki ?

Ja zrobiłem to z błyskiem :
(http://img140.imageshack.us/img140/226/ubffgimpkl5.gif)

Na razie udało mi sie tylko zrobić takie cuś:
(http://www.gimpuj.info/replacement.png)

a ja stworzyłem coś takiego:

(http://naruciakrpg.nmj.pl/images/signatures/14170144704840662f3bc85.gif)

Piękny tut!

(http://i183.photobucket.com/albums/x39/hattric/userbar.gif?t=1212785503)

Zrobił by ktoś script-fu dla 3, 2, a 11 jak ktoś chce.
Bardzo bym prosił.

a zarobiłem coś takiego ;D  :P
(http://img509.imageshack.us/img509/5494/xj34342bfcub4.gif)

Brak chęci i brak sił.
Zrobiłem pierwszą opcję.
(http://www.gimpuj.info/replacement.png)

Wyszło super, tylko szkoda że to najsłabsze. Jak będę miał więcej czasu zrobie lepsze:D

A oto mój userbar, wykorzystałem 3 animacje
(http://www.gimpuj.info/replacement.png)

w oknie warstw:
PPM na tej warstwie i połącz w dół ;)

 :-[ nie mam talentu do userbarów ale tut jest świetny ;) :D
mój efekt:
(http://www.gimpuj.info/gallery/12775_12_07_08_4_12_50.gif)
(jest aż 7 przejść :P )

NIE KRZYCZ!

Zapisać musisz z rozszerzeniem GIF np. animacja.gif.
W okienku, które się następnie pojawi nie zaznaczaj "Spłaszcz obraz", tylko musisz zaznaczyć "Zapisz jako animację".

Jeżeli zrobisz ten krok, to animacja musi działać, chyba że przed zapisem spłaszczyłaś obrazek i masz tylko jedną warstwę.

Możesz pokazać twoja zapisaną niedziałającą animację.

Słuchajcie mam problem; gdy chcę zmienić to 100ms, owszem wpisuję np: 3000ms, ale to i tak się nie zmienia i zostaje 100ms. Prosze o odpowiedź.

W którym miejscu zmieniasz te 100ms na 3000ms? W nazwie warstwy, czy podczas zapisu w okienku?

Dobra, jestem tutaj jakieś 10 min, pobrałem 2 userbary z rozszezeniem RBG i chciał bym wiedzieć jak je "wrzucić" do gimpa, bo z cholipkę nie mogę tego zrobić xD
Z góry dzięki za pomoc....  :-[

Normalnie otworzyć Plik -> Otwórz. Jednak co to za rozszerzenie RGB?
Jeśli masz przeglądarkę grafiki IrfanView otwórz ten obrazek i w właściwościach sprawdź co to jest za format faktycznie. Jeśli byłby to np. PNG, to zmień ręcznie na PNG i wtedy bez problemu otworzysz go w Gimpie.

Sorki, pomyliło mi się, format dobry, PNG, jednak kiedy robię tak jak mówisz, to otwierają mi się w 2 różnych okienkach, a nie jak na screenie.
mam Gimp2
Pozdro...

EDIT.
nie rozumiem tego xD
mógł by mi ktoś napisać na GG 5090220, dzięki.

Jak złączyć warstwy????

Prawym i "połącz w dół".

a mi wyszło cos takiego jeszcze jak ktos by mnie nauczyl jak to ulepszyc wizualnie to bym był wdzieczny bo ja to nowicjusz jestem ;)   o pomoc prosze na prywatej wiadomosci


(http://www.imagic.pl/public/165037/Reklama.gif)

(http://www.imagic.pl/public/165097/Userback.gif) słabo widoczne wiem ale czy to mnie wiecej tak powinno wyglądac??:D

mam pewien problem: mój usebar na podglądzie ,,obrazów i faksów systemu Windows" odtwarza się tylko raz :-[... proszę o kantat na gg: 212542

a oto i on (http://img393.imageshack.us/img393/7326/userbarsan0.gif) (http://imageshack.us)

Zainstaluj sobie jakąś porządną przeglądarkę obrazków np. IrfanView i nie używaj tego prostackiego podglądu obrazów i faksów systemu Windows.

Ja pomajstrowałem z Sygnaturami i stworzyłem takie cuś:

(http://www.gimpuj.info/gallery/13861_08_08_08_5_25_44.gif)

Ja poszedłem na łatwiznę  :P i zrobiłem coś takiego (http://www.gimpuj.info/index.php?action=dlattach;topic=72.0;attach=8347;image)
Może później zrobię lepsze  :D

Takie coś zrobiłem:
(http://i38.tinypic.com/25qqjxu.jpg)
xD

Co prawda nie userbar, tylko sygnaturka, ale efekt wyszedł:
(http://www.gimpuj.info/gallery/15860_02_10_08_8_32_45.gif)

fajny poradnik a do jakiego to gimpa ?? Daj download plz

Poradnik był pisany pod Gimpa v2.2, ale bez większego problemu można go wykonać na najnowszym v2.6

A oto mój efekt pracy :)
(http://i6.photobucket.com/albums/y202/Palzer/Userbars.gif)

Nie wie ktoś jak wykorzystać te efekty na wielu userbarach a nie tylko dwóch(wykluczając ubanimator.com).

W sposób analogiczny, jak na dwóch obrazkach, z niektórymi efektami będzie to jednak dosyć czasochłonne :P
W najprostszym przypadku wklej do jednego obrazu kilka obrazków, które mają się zmieniać i zapisz to jako animowany GIF.
Jednak im większa ilość obrazków w takiej animacji, tym animacja zajmuje więcej miejsca i ma gorszą jakość poprzez ograniczoną ilość kolorów.

jakoś sobie poradziłam. Miałam mały problem z zapisaniem pracy ale już ok. Mam małe pytanie. Jak zrobić takie jakby światło od góry i podpisik jak ma noss, srodax, Pawel1995k i inni?

Jak dodać obrazek w podpisie?

Wkleić do profilu w zakładce "Dane publiczne" w polu "Podpis". Należy umieścić link do obrazka w formie:
Poza tym, to nie jest odpowiednie miejsce na pytania nie dotyczące tutorialu.

Ok. Itl ale mógłbyś mi to wyjaśnić trochę dokładniej, bo z tego co napisałeś to nic nie rozumiem.

(http://www.gimpuj.info/replacement.png)

pzdr fajny tutek.

(http://www.freeimagehosting.net/uploads/5bcc445871.gif) (http://www.freeimagehosting.net/)

(http://www.freeimagehosting.net/uploads/53f8ffb7e1.gif) (http://www.freeimagehosting.net/)

(http://www.freeimagehosting.net/uploads/3798ccdeca.gif) (http://www.freeimagehosting.net/)

a oto co mi wyszło :D

A to moje dziela:

mam jeden problem - gdy po optymalizacji zmieniam krycie warstwy (usebara) na 30 to wygląda jak by była biała a nie przezroczysta a jak ustawię na 60 to nic się nie zmienia.
i jeszcze jeden - w zmianie z błyskiem w tekście tuta pisze aby zmienić krycie białych warstw a na zdjęciu jest podpisane, że warstwy usebarów są ze zmienionym kryciem ...

Fajny tutorial ! Najgorzej było ze zmianą 11. Dzięki prowadnicom i przykładem autora, udało się ^^
1
(http://www.gimpuj.info/gallery/18584_11_12_08_6_21_38_0.gif)
2
(http://www.gimpuj.info/gallery/18584_11_12_08_6_21_38_1.gif)
3
(http://www.gimpuj.info/gallery/18584_11_12_08_6_21_38_2.gif)
4
(http://www.gimpuj.info/gallery/18584_11_12_08_6_21_38_3.gif)
5
(http://www.gimpuj.info/gallery/18584_11_12_08_6_21_38_4.gif)
6
(http://www.gimpuj.info/gallery/18584_11_12_08_6_24_32_0.gif)
7
(http://www.gimpuj.info/gallery/18584_11_12_08_6_24_32_1.gif)
8
(http://www.gimpuj.info/gallery/18584_11_12_08_6_24_32_2.gif)
9
(http://www.gimpuj.info/gallery/18584_11_12_08_6_24_32_3.gif)
10
(http://www.gimpuj.info/gallery/18584_11_12_08_6_24_32_4.gif)
11
(http://www.gimpuj.info/gallery/18584_11_12_08_6_26_21_0.gif)
12
(http://www.gimpuj.info/gallery/18584_11_12_08_6_26_21_1.gif)

Pozdrowienia dla autora i @Chudego  <wilber>

Masz pracować na obrazku w trybie RGB, jeżeli jest indeksowany, to MUSISZ go przerobić na RGB. Indeksować go możesz dopiero przed zapisem jako ukończoną animację do GIFa.



Również pozdrawiam i jestem pod wielkim wrażeniem Twojego zapału i wytrwałości, tym bardziej, że się pokusiłeś na bardzo pracochłonny przykład 11 :)

Żebyś się jednak tak nie cieszył, porównaj sobie 10 bo ją skopałeś :P

Heh, tylko nie za bardzo nie wiem co zrobiłem źle  <aniolek>.
Jakbyś mógł mi wskazać gdzie zrobiłem błąd, byłbym wdzięczny.  ^^

Edit:
A z przykładem 11 nie było aż tak źle  ;). Ściągnąłem sobie twój wynik, i warstwa po warstwie sprawdzałem co i jak  :P. Ustawiłem prowadnicę poziomą na 10 i pierwszy 2-pikselowy pasek ustawiłem pod prowadnicą, następny pośrodku a następny nad prowadnicą. Potem było już prościej, bo tylko trzeba było ustawiać paski na początku i końcu   ;).

U ciebie 10 wygląda jak 4. U mnie jest podobna do 11, z tym że paseczek nie jest widoczny jak opada z góry. :)

ja tez jakos dalem rade http://www.gimpuj.info/gallery/18850_13_12_08_4_02_50.gif

udalo mi sie to opanowac w pol godziny ;)

Moje dzieło :D

(http://www.gimpuj.info/replacement.png)

SUPER tutek naprawde respect !!!
Moje dzielo(nie smiejcie sie :P )

(http://image-fast.com/image/7af6266cc522/Userbar_Animated.gif) (http://image-fast.com)

Moje nowe efeekty nareszcie bez bledu :P

1.(http://image-fast.com/image/56a8da1d3bcb/normal.gif) (http://image-fast.com)
2.(http://image-fast.com/image/79cdaf1ae680/blysk.gif) (http://image-fast.com)
3.(http://image-fast.com/image/fc2b7a8a346f/fade.gif) (http://image-fast.com)
4.(http://image-fast.com/image/f80c9d5e0329/Norris.gif) (http://image-fast.com)
5.(http://image-fast.com/image/8ea38887f092/updown.gif) (http://image-fast.com)
6.(http://image-fast.com/image/d5b8786f4dea/down.gif) (http://image-fast.com)



A to perelka :)

(http://image-fast.com/image/33e70269806c/fanorris.gif) (http://image-fast.com)

et voila (jak kolwiek sie to pisze)  <ninja> pierwszy wziełam od wiktora94 ale to dlatego, że mi sie spodobał  :P 

Utworzy się nowy obrazek. Od tej pory pracujemy na tym nowym obrazku.
Trzecia optymalizacja naszej animacji to ustawienie czasu wyświetlania się danej klatki. Warstwy teraz pełnią dodatkową rolę klatek animacji. Klikamy na warstwie "UB1(100ms)" i zmieniamy 100 na np. 3000, tak samo czynimy z drugą kluczową warstwą, "UB2(100ms)(combine)".

W tym mam problem jak utworzy mi nowy obrazek to jak wchodze Ctrl + L I pokazuja sie warstwy i jest tylko jedna na tym nowym obrazku ..

Mam problem z zrobieniem userbara z blaskiem ponieważ gdy połączam warstwy to nie które warstwy są białe i gdy zapisuje to nie ma blasku tylko jest 1 user białe tło i 2 user ;[

Oto mój:
(http://kuri.pl/u/d41d8cd98f00b204e9800998ecf8427efirefoxin-k.gif)
Userbary też moje  ;)

hmm.. a jak zrobić w zamianie z blaskiem (2.) np. z 4 userbarami. ?  :P
proszę o dokładną "instrukcję", bo dopiero zaczynam z animacjami..  :D
z góry dziękuję..  ;)

Dokładnej instrukcji nie będzie, bo nie ma to najmniejszego sensu.
Napisanie takiej instrukcji zajęło by dużo więcej czasu niż samo wykonanie efektu.

Jak przerobisz tutorial na ten konkretny efekt i ewentualnie pozostałe, to poradzisz sobie z czterema obrazkami.

Tutorial nie jest najprostszy, tym bardziej dla zupełnie początkujących nie rozumiejących zasad tworzenia animacji w Gimpie. Przy odrobinie dobrych chęci można jednak bez problemu sobie poradzić, czego dowodem są pokazane prace innych użytkowników.

Najważniejsze jest, chociaż częściowe wykorzystywanie zawartego pod kopułką gąbczastego organu, zwanego mózgownicą :P

Bardzo fajne i bardzo proste. Dzięki za tutka  ;)

(http://whiteblackclan.nmj.pl/images/signatures/137025534498824b640782.gif)
moja praca

(http://www.fotosik.pl/pokaz_obrazek/61e77268f2543577.html)

Umieściłeś niewłaściwie odnośnik. Pliki html umieszcza się w tagach URL a nie IMG, dlatego nie widać ani obrazka ani odnośnika.

Moderator mógłby poprawić ten odnośnik :)

Oto moja praca (7. Styl Chuck'a Norris'a z półobrotu):
(http://www.gimpuj.info/replacement.png)

jakby ktos chcial to na www.userbars.pl (http://www.userbars.pl) jest sporo tego wszystkiego ( userarbarów ) .a to moja praca (http://g.imagehost.org/t/0868/Userbanim1.jpg) (http://g.imagehost.org/view/0868/Userbanim1)

Najazd z boku robisz analogicznie, jak najazd z góry lub dołu - czy tak trudno na to wpaść? :P


Pozdrawiam!

robilem to pierwsze do tego odtwarzani wszystko szlo mi dobrze zapisalem nazwa.gif (o ile gif to dobrze) a potem jak otworzylem ta animacje to nie zadzialalo czy to dopiero na stronie mi zadziala?

A zaznaczyłeś przy eksporcie do gif, żeby zapisał jako animację?


Pozdrawiam!

chyba tak a moge tu wstawic te pliki ktore stworzylem? aby mi ktos sprawdzil? zdjecie wstawione i mam pytanie jak zrobic by sie to wolniej poruszalo?

Wpisujesz w nazwie warstwy ile ms ma być wyświetlana, np. Tło(3000ms)(combine) - wtedy warstwa będzie wyświetlana 3 sekundy.

Mógłby ktoś poprawić te zdjęcia w tutku, bo wyświetla tylko 'Zdjęcie tymczasowo niedostępne'? ??? Moja druga praca powstała tylko dlatego, że już wcześniej to robiłam i wzorowałam się na pierwszej... Trochę się z tym namęczyłam ale efekt niezły (z 6 UB'ków):
(http://www.gimpuj.info/gallery/20803_27_02_09_8_09_25.gif) (http://www.gimpuj.info/)

Wcięło screeny w tutku a w tej chwili jest mi on dosyć potrzebny. Mógłby ktoś to poprawić??

Mógłbyś odświeżyć fotki ? ;>

Ile razy jeszcze będzie się pytać?
Właśnie na forum trwa akcja ratowania obrazków, a łatwa ona nie jest bo dużo tutoriali utraciło obrazki.
A czy akurat obrazki są do tego aż tak bardzo potrzebne??
Z obrazkami jest ławteij, ale jak będziesz czytał ze zrozumieniem to sobie poradzisz.

prosze was zrobcie cos zeby obrazki dzialaly bardzo mi zalezy pliss

Czytać nie umiesz??

Gdybyś był uważny, zauważył byś w załączniku zarchiwizowaną wersję z obrazkami. Umieszczoną tymczasowo, do póki nie zostanie poprawiony tutorial, o czym było wspomniane wyżej.

Dokładnie, a jeszcze noss udostępnił w pierwszym pliku stronę z tym tutorialem zapisaną w pliku html (i chwała mu za to) i tam są wszystkie obrazki, więc jakby chciało wam się kliknąć myszką bardziej  na dół, pobrać pliki zip i wypakować to już byście mieli te obrazki.

-.- po prostu aż mi ciśnienie podnosicie:

Błąd 404
Error 404
Przepraszamy, poszukiwana przez Ciebie strona nie istnieje.
Możesz powrócić do poprzedniej strony lub przejść do strony głównej.


To jest załącznik do obrazków których niema -.- więc może zamiast gryźć nowych którzy potrzebują pomocy ktoś z was zrobi nowy?!

nalla, nie wiem w czym problem. Załącznik działa, a w nim znajduje się plik html w którym są wszystkie obrazki. Co prawda któryś opiekun/rekrut mógłby się wziąć i odświeżyć tutorial...

Ok ok dalem juz sobie rade - ciezko bylo znalezc ale znalazlem.. Tylko ze nie dalo to odpowiedzi jakich oczekiwalem..

Dla przezroczystej grafiki ->

(http://www.gimpuj.info/replacement.png)

chcialem dodac napis który by ją wypierał, ale że i napis i grafika są przezroczyste nakładają się na siebie co daje paskudny efekt..

Jak zrobic to by się wyparły najpierw kwiaty napis a potem napis kwiaty

Ja wiem, jak to zrobić manualnie. W nazwach warstw pozamieniaj (combine) na (replace). ;)
Nie pamiętam, jak z poziomu programu - dawno nie robiłem animacji w gif-ie.

moglbys troszke jasniej? bo ja w nawie wartstwy nie zaleznie co wpisze to sie nie zmienia :> chyba ze zle wpisuje

Pokaż xcf-a...

Swietny tutek wielkie dzieki dzieki dzieki a oto moje starania (wszystkie obrazki tez moje ^^)
(http://img16.imageshack.us/img16/8852/gotowev.gif)
(http://img18.imageshack.us/img18/3466/gotowe2.gif)
(http://img12.imageshack.us/img12/4093/gotowe3.gif)

Ja mam pytanie co do 7 efektu a mianowicie nie wychodzi mi tak do końca jak trzeba tylko: (http://i26.tinypic.com/11ay3qr.gif) ms w UB ustawionych mam po 1k lecz to chyba nie to, a w kopiach po 200ms.

EDIT: zmieniłem już kolejność lecz i tak nic nie pomogło w tym przełączaniu Screen: (http://i27.tinypic.com/m9n6a0.gif)

Chyba nie czytałeś dokładnie.

W kopiach ma być ustawiony czas 100ms, a w warstwach oryginalnych po 3000ms.

działa  ;) (http://i31.tinypic.com/2u6ipuv.gif)

Bardzo fajny tutorial  :). Jako początkujący użytkownik GIMP-a dużo się uczę dzięki takiej pomocy :).
Dziękuję.
A wyszło mi takie coś:

(http://www.gimpuj.info/gallery/20842_06_09_09_6_20_06.gif) (http://www.gimpuj.info/)

Bardzo fajne efekty. Oto moja praca:
(http://www.gimpuj.info/replacement.png)

udało się oto moja praca:

(http://i47.tinypic.com/29zpj6u.jpg)

Tut naprawdę genialny ;d Bardzo ale to bardzo mi się przydał.Właśnie takiego szukałam bez ściągania GAP ;]

http://img706.imageshack.us/img706/1691/banerr.gif

A ja mam taki problem ;p Chce zrobić z 3 obrazków i nie wiem jak rozmieścić obrazki ;< Wie ktoś jak ?

Edit:Już wiem wiem :D Popatrzyłam na obrazek pomocniczy i skumałam ;d

A ja zrobiłem III punkt na moich tanich sygnaturach
(http://img63.imageshack.us/img63/6898/sygnag.gif)

A jak chce, zeby zmieniały mi się tak zdjecia, mozna zrobic tak, aby nie niszczylo jakosci?

Niestety nie!
Format GIF obsługuje jedynie maksymalnie 256 kolorów i zdjęcia z tysiącami kolorów stracą sporo na jakości.

Istnieje jeszcze nowy format animacji APNG, szczegóły są dobrze opisane na forum:

Plug-in animowany PNG (APNG) do Gimp (http://www.gimpuj.info/index.php/topic,42780.0.html)
Poradnik_Format animacji PNG w GIMP (http://www.gimpuj.info/index.php/topic,48497.0.html)

Wydaje mi się, że jak zwykle nie obsługuje tego formatu IE. Poza tym taka animacja będzie ważyła sporo kB czy raczej MB :(

Moje "dzieła" xD

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

A zdołałby ktoś dać instrukcję dla 4 UB'ków?
Przy czym tym "przejściem" nr. 7

Heh super tutek ale taki żółto dziób jak ja se poradził ;p :
(http://img823.imageshack.us/img823/2003/ub2o.gif) (http://img823.imageshack.us/i/ub2o.gif/)
I przydało się do podpisuuu ;d Jak cos to UB też sam robiłem

mi tak wyszło fajny tutek
(http://img703.imageshack.us/img703/2571/animacjak.gif) (http://img703.imageshack.us/i/animacjak.gif/)

Witaj, zrobiłem sobie Efekt 2 z http://www.gimpuj.info/index.php/topic,72.0.html   wszystko mam dobrze, ale zrobiłem z 6 userbarów, trochę się namęczyłem mogę Ci dać link z moją pracą, wszystko jest dobrze i zgodne z ost. screenem z 2 efektu, lecz gdy biorę Filtry-> animacja -> optymalizuj (GIF) to z 36warstw (Mam od UB1 do UB6 + po 5 tych białych) robi mi się 16 i wszystkie parzyste znikają i zostają same nieparzyste i gdy biorę odtwórz nie ma właśnie tej połowy userbarów i przejść o to link do mojej pracy: http://www.speedyshare.com/files/28136445/ub6.xcf   BARDZO PROSZĘ O POMOC LUB MOŻESZ TEŻ ZROBIĆ Z TYCH USERBARÓW CO SĄ W LINKU JUŻ TE PRZEJŚCIE ALBO CHOCIAŻ WYTŁUMACZYĆ CO ROBIĘ NIE TAK Z GÓRY DZIĘKI ;D

Jak na moje oko masz skopany efekt, przynajmniej tak to wygląda po ściągnięciu twojego XCFa.
Gimp przy optymalizacji ignoruje/pomija identyczne warstwy.

Zrób może jeszcze raz ten efekt, ale z dwoma obrazkami. Jak czegoś nie rozumiesz do końca to pytaj, bo każdy nawet drobny szczegół może być istotny.

Bardzo fajny TuT`ek
(http://www.gimpuj.info/gallery/61517_04_07_11_5_55_43.gif)
Chciałbym zrobić ten dziesiąty czy tam Jedenasty Efekt
Robiłem chyba z Dziesięcioma UserBar`ami

Trochę zmodyfikowane ale działa :)
(http://img716.imageshack.us/img716/3261/2userbaryanimacja.gif)