Polskie Forum Użytkowników GIMP-a

Tutoriale => Gotowe tutoriale => Wątek zaczęty przez: sienmich on 22.03.2012, 15:45:59



Tytuł: Fraktalowa animacja
Wiadomość wysłana przez: sienmich on 22.03.2012, 15:45:59
Animacja fraktali
Tutorial

Opracowanie: sienmich
Poziom trudności: Średni

(http://www.gimpuj.info/gallery/91/73395_30_03_13_7_08_47.gif) (http://www.gimpuj.info/)


Tutorial napisany w wersji GIMP 2.8 i GAP 2.4 W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
GAP do pobrania w dziale Download (http://www.gimpuj.info/index.php?action=download).
Zalecam zapoznanie się najpierw z tutorialem http://www.gimpuj.info/index.php/topic,205.0.html
Punkty jasnozielone są nieobowiązkowe, ale zachęcam sprawdzać co jakiś czas czy wszystko się zgadza.



[lp] Zaczynamy

Część pierwsza

[lp] 1. Będzie nam potrzebny folder, tworzymy go o dowolnej nazwie (np. fraktale). Najlepiej bezpośrednio na dysku, czasami są problemy z zapisywaniem czegoś gdy w ścieżce są polskie znaki.
 [op] Tworzymy nowy obraz klikając Plik -> Nowy... i wpisując dane wymiary płótna. Ja wybrałem 200x200px (będzie to spore obciążenie dla procesora). Następnie przy użyciu narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] wypełniamy obraz czarnym kolorem.
 [op] Otwieramy okno z gradientami <gradient> [Ctrl+G] i wybieramy dowolny (ja wybieram Blue Green).

[lp] 2. Otwieramy okno z warstwami <warstwy> [Ctrl+L]. Warstwę Tło nazywamy Tło (40ms) #1, gdzie 40 to czas wyświetlania w milisekundach (jedna milisekunda - 1 tysięczna sekundy).

[lp] 3. Duplikujemy warstwę 49 razy (aby razem było ich 50).

(http://www.gimpuj.info/gallery/91/73395_30_03_13_5_26_18.png)

[lp] 4. Zapisujemy jako czarne.xcf.



Część druga

[lp] 1. Klikamy Filtry -> Filter all layers... i:
 [op] 1.1. Wybieramy pole tekstowe obok napisu Search [Alt+S]
 [op] 1.2. Wpisujemy "flame"
 [op] 1.3. Klikamy przycisk Search by Name
 [op] 1.4. Wybieramy napis plug-in-flame
 [op] 1.5. Klikamy przycisk Apply Varying

(http://www.gimpuj.info/gallery/91/73395_30_03_13_5_29_48.png) (http://www.gimpuj.info/)

[lp]2. Klikamy przycisk Edycja
 [op] 2.1. Z paska wybieramy dowolny rodzaj fraktala, np. Ex.
 [op] 2.2. Klikamy przycisk Losowe, aż znajdziemy ładny, interesujący nas fraktal.
 [op] 2.3. Klikamy go i przycisk Ok.
 [op] 2.4. Klikamy przycisk Zapisz i zapisujemy go pod nazwą fraktal1 w naszym folderze.
 [op] 2.5. Znowu klikamy przycisk Ok.

[lp] 3. W okienku klikamy przycisk Continue i znowu:
 [op] 3.1. Klikamy przycisk Edycja
 [op] 3.2. Z paska wybieramy jakiś inny fraktal np. Rybie oko
 [op] 3.3. Klikamy przycisk Losowe, aż znajdziemy ładny, interesujący nas fraktal.
 [op] 3.4. Klikamy go i przycisk Ok.
 [op] 3.5. Klikamy przycisk Zapisz i zapisujemy go pod nazwą fraktal2 w naszym folderze .
 [op] 3.6. Znowu klikamy przycisk Ok.

[lp] 4. W okienku klikamy przycisk Continue

[lp] 5. Czekamy...

[lp] 6. Klikamy Filtry -> Animacja -> Odtwórz. Powinien wyświetlić się nam gotowy efekt.

[lp] 7. Zapisujemy jako 0-50.xcf.

[lp] 8. Sprawdzamy czy w naszym folderze na pewno są wszystkie pliki (czarne.xcf, fraktal1, fraktal2, 0-50.xcf).



Część trzecia

[lp] 1. Postępujemy prawie tak samo jak w części 2. Na czerwono wyróżniłem zmiany.

[lp] 2. Otwieramy "czarne.xcf".

[lp] 3. Klikamy Filtry -> Filter all layers...
 [op] 3.1. Wybieramy pole tekstowe obok napisu "Search" [Alt+S]
 [op] 3.2. Wpisujemy "flame"
 [op] 3.3. Klikamy przycisk "Search by Name"
 [op] 3.4. Klikamy napis "plug-in-flame"
 [op] 3.5. Klikamy przycisk "Apply Varying"

[lp]4. Otwieramy fraktal2.

[lp] 5. W okienku klikamy przycisk "Continue" i znowu:
 [op] 5.1. Klikamy przycisk "Edycja"
 [op] 5.2. Z paska wybieramy np. "Ex"
 [op] 5.3. Klikamy przycisk "Losowe", aż znajdziemy ładny, interesujący nas fraktal.
 [op] 5.4. Klikamy go i przycisk "Ok".
 [op] 5.5. Klikamy przycisk "Zapisz" i zapisujemy go pod nazwą fraktal3 w naszym folderze.
 [op] 5.6. Znowu klikamy przycisk "Ok".

[lp] 6. W okienku klikamy przycisk "Continue"

[lp] 7. Czekamy...

[lp] 8. Klikamy Filtry -> Animacja -> Odtwórz. Powinien wyświetlić się nam gotowy efekt.

[lp] 9. Zapisujemy jako "50-100.xcf".



Część czwarta

[lp] 1. Postępujemy prawie tak samo jak w części 2 i 3. Na czerwono wyróżniłem zmiany.

[lp] 2. Otwieramy "czarne.xcf".

[lp] 3. Klikamy Filtry -> Filter all layers... i:
 [op] 3.1. Wybieramy pole tekstowe obok napisu "Search" [Alt+S]
 [op] 3.2. Wpisujemy "flame"
 [op] 3.3. Klikamy przycisk "Search by Name"
 [op] 3.4. Klikamy napis "plug-in-flame"
 [op] 3.5. Klikamy przycisk "Apply Varying"

[lp] 4. Otwieramy fraktal3.

[lp] 5. W okienku klikamy przycisk "Continue" i:
 [op] 5.1. Otwieramy fraktal1.
 [op] 5.2. Klikamy przycisk "Ok".

[lp] 6. W okienku klikamy przycisk "Continue".

[lp] 7. Czekamy...

[lp] 8. Klikamy Filtry -> Animacja -> Odtwórz. Powinien wyświetlić się nam gotowy efekt.

[lp] 9. Zapisujemy jako "100-150.xcf".



Część piąta

[lp] 1. Teraz połączymy 3 animacje w jedną. Otwieramy plik 0-50.xcf i przeciągamy na niego plik 50-100.xcf, potem przeciągamy na to plik 100-150.xcf.

(http://www.gimpuj.info/gallery/91/73395_31_03_13_12_58_22.gif) (http://www.gimpuj.info/)

[lp] 2. Zapisujemy jako całe.gif, zaznaczamy tak, jak na obrazku (gdyby ktoś miał problem, to najpierw trzeba zaznaczyć tak jak tu (http://www.gimpuj.info/)):

(http://www.gimpuj.info/gallery/91/73395_31_03_13_1_29_32.png) (http://www.gimpuj.info/)

[lp] 3. Wrzucamy na forum i gotowe.



O prędkości:
Naukowcy kiedyś stwierdzili, że ludzkie oko zauważa do 24 klatek na sekundę. 1 sekunda to 1000 milisekund. 1000/24 = 41⅔ milisekund. Przyjęło się jednak często by używać 40 milisekund przerwy między klatkami (czyli 25 klatek na sekundę).
Prędkość jednej klatki na 40 ms:
(http://www.gimpuj.info/gallery/thumb_73395_22_03_12_5_25_02.gif) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=86249)
Prędkość jednej klatki na 100 ms:
(http://www.gimpuj.info/gallery/thumb_73395_22_03_12_5_03_06.gif) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=86247)



Więcej efektów (http://www.gimpuj.info/index.php?action=gallery;su=user;cat=14167;u=73395)



[lp] Koniec



Jak Wam coś nie działa, to piszcie.

Miłego GIMPowania. :)


Tytuł: Odp: Fraktalowa aimacja
Wiadomość wysłana przez: Kulok on 23.03.2012, 00:53:14
Uwagi z mojej strony:
1. Twoja animacja urywa się w połowie, zrób płynne przejście z końca do początku - zapętlenie.
2. Widzę drobne błędy w formatowaniu (niepotrzebnie odstępy między linijkami).
3. Popraw błędy ortograficzne i literówki (np. mili sekunda).
4. mamy GAP w downloadzie, można zmienić link u góry.
5. Niektóre zdania są zbyt skrótowo napisane (np. ja 100). Pisz pełnymi zdaniami - tutoriale są wizytówką forum i użytkowników, nie mogą wyglądać jak notes.
6. Zdublował ci się punkt 5.
7. Brakuje screenów.
8. Animacje dosyć drastycznie wpływają na szybkość wczytywania się strony, może spróbuj dać miniaturki do 2 pozostałych efektów końcowych.
9. Przecinki po dwukropku są zbędne, wręcz zakazane.
10. Unikaj wszelkich "zapychaczy" - niepotrzebnych zwrotów i słów, zwłaszcza:
Cytuj
6. Czekamy...
 7. Czekamy...
 8. Czekamy...


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: Kulok on 24.03.2012, 13:19:36
Miałem na myśli miniaturki od:
http://www.gimpuj.info/gallery/73395_22_03_12_5_03_06.gif i http://www.gimpuj.info/gallery/73395_22_03_12_5_25_02.gif


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: davlasq on 24.03.2012, 13:45:44
Ogarnij to i dopasuj do zasad pisania tutoriali. Po co w ogóle te załączniki?


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: INSEKT on 19.04.2012, 20:03:38
@sienmich
Czy jest taka możliwość, aby tę animację zapętlić?


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: Bakcyl_ on 27.05.2012, 18:05:37
super kiedy wejdzie do obiegu :P


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: Danyeru on 06.01.2013, 21:55:18
Czy autor będzie tu jeszcze grzebał?
Co na to opiekunowie?


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: Typhon on 07.01.2013, 18:18:01
Obrazka brakuje pierwszego. By potrzebny był zrobiony na nowo d:


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: be@ on 09.09.2013, 22:15:42
Ten pierwszy zrzut z punktu 2 części piątej jest wg mnie niepotrzebny. Obrazek jest duży a pokazuje tylko, jak zapisać pracę z rozszerzeniem GIF. Przy tym poziomie trudności chyba już każdy powinien umieć eksportować obrazy. Moim zdaniem wystarczyłby opis, że eksportujemy plik z rozszerzeniem GIF i ten drugi zrzut z opcjami zapisu animacji. Poza tym w wielu miejscach brakuje spacji, np. w części piątej po punktach i w wielu innych miejscach. Po numerach podpunktów chyba też powinna być kropka? Punkty "beżowe" - szczerze to w pierwszej chwili myślałam, że chodzi o te oznaczone pomarańczową kropką, bo nie zwróciłam uwagi, że słowo "beżowe" jest w innym kolorze a nie tylko pogrubione. Ten beżowy bardzo nieznacznie się różni, proponowałabym jakiś troszeczkę inny, łatwiejszy do odróżnienia odcień.


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: sienmich on 10.09.2013, 15:19:20
Dzięki za sprawdzenie, poprawiłem obrazek, kropki i spacje i zmieniłem kolor. Chyba to już wszystko. Coś jeszcze?


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: be@ on 10.09.2013, 20:02:48
Dodałam jeszcze spacje pomiędzy numerem podpunktu i pomarańczową kropką oraz brakujące kropki po numerze w dwóch punktach. Punkt 5 części drugiej jest niepotrzebny. "Czekamy" można dopisać do poprzedniego punktu. Sam efekt jest bardzo atrakcyjny ale masz spory problem z prawidłowym i zgodnym z zasadami opisaniem go :( Wszystkiego nie jestem w stanie sprawdzić, bo nie mam i nie używam GAP.


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: Mikkelson on 04.05.2014, 20:28:17
Mam jakiś dziwny problem dotyczący tej animacji. Nie wiem czy ja jestem ślepy czy coś, ale nie widzę żadnej wzmianki o GAP w toutorialu, mimo iż do tej animacji ponoć trzeba go mieć. Jednak problem leży u mnie gdzie indziej - w ogóle nie udało mi się zrobić animacji. Dlaczego? Sam nie wiem. Robię wszystko wg tutka, a tylko są mignięcia fraktali. Wiem tyle, że podczas robienia tej animacji w ogóle nie używałem GAP, tylko krok po kroku robiłem to, co ty tutaj opisałeś. Wszystko jakoś mi się tutaj nie trzyma kupy. Nie wiem  w końcu czy trzeba do tego GAP, czy nie. Jeśli ktoś doświadczony mógłby mi powiedzieć w czym jest błąd, to byłbym bardzo wdzięczny.  :)

@down:
Tak, tak - udało mi się nie ominąć tego napisu, ale gdzie tutaj jest użyty GAP?

EDIT: Okej, chyba wiem w czym rzecz. Z początku myślałem, że GAP to tylko zakładka Video, ale pewnie efekt użyty w tym tutku (ten w filtrach) wchodzi w skład GAP'a. Niestety, dalej mi nie wychodzi animacja.

EDIT2: Wiadomo na której warstwie trzeba użyć tego filtru?


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: be@ on 04.05.2014, 20:34:57
Tutorial napisany w wersji GIMP 2.8 i GAP 2.4


Tytuł: Odp: Fraktalowa animacja
Wiadomość wysłana przez: sienmich on 11.05.2014, 21:08:44
 Mikkelson, Gap-a używam w tych momentach: Filtry -> Filter all layers. Bez niego nie ma takiej opcji w tym menu. Filtru używasz na Tło #1.