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

Strony: [1]
DrukujPobierz PDF
Autor Wątek: Fraktalowa animacja  (Przeczytany 17240 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
sienmich
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika

sienmich


Zobacz profil
« : 22.03.2012, 14:45:59 »

Animacja fraktali
Tutorial

Opracowanie: sienmich
Poziom trudności: Średni



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



Lime Point Zaczynamy

Część pierwsza

Lime Point 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.
 Orange Point 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 Wypełnienie kubełkiem [Shift+B] wypełniamy obraz czarnym kolorem.
 Orange Point Otwieramy okno z gradientami Gradient [Ctrl+G] i wybieramy dowolny (ja wybieram Blue Green).

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

Lime Point 3. Duplikujemy warstwę 49 razy (aby razem było ich 50).


Lime Point 4. Zapisujemy jako czarne.xcf.



Część druga

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


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

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

Lime Point 4. W okienku klikamy przycisk Continue

Lime Point 5. Czekamy...

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

Lime Point 7. Zapisujemy jako 0-50.xcf.

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



Część trzecia

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

Lime Point 2. Otwieramy "czarne.xcf".

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

Lime Point4. Otwieramy fraktal2.

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

Lime Point 6. W okienku klikamy przycisk "Continue"

Lime Point 7. Czekamy...

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

Lime Point 9. Zapisujemy jako "50-100.xcf".



Część czwarta

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

Lime Point 2. Otwieramy "czarne.xcf".

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

Lime Point 4. Otwieramy fraktal3.

Lime Point 5. W okienku klikamy przycisk "Continue" i:
 Orange Point 5.1. Otwieramy fraktal1.
 Orange Point 5.2. Klikamy przycisk "Ok".

Lime Point 6. W okienku klikamy przycisk "Continue".

Lime Point 7. Czekamy...

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

Lime Point 9. Zapisujemy jako "100-150.xcf".



Część piąta

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


Lime Point 2. Zapisujemy jako całe.gif, zaznaczamy tak, jak na obrazku (gdyby ktoś miał problem, to najpierw trzeba zaznaczyć tak jak tu):


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

Prędkość jednej klatki na 100 ms:




Więcej efektów



Lime Point Koniec



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

Miłego GIMPowania. Uśmiech


* od 1 - 200.gif (193.26 KB, 50x50 - wyświetlony 8221 razy.)
« Ostatnia zmiana: 10.09.2013, 18:59:43 wysłane przez be@ » Zapisane

Kulok
√ ι ק

Reputacja: 24 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 777
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 22.03.2012, 23: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...
Zapisane
Kulok
√ ι ק

Reputacja: 24 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 777
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 24.03.2012, 12: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
Zapisane
davlasq
Moderator

Reputacja: 4 Offline Offline

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



Zobacz profil
« Odpowiedz #3 : 24.03.2012, 12:45:44 »

Ogarnij to i dopasuj do zasad pisania tutoriali. Po co w ogóle te załączniki?
Zapisane

Projektujesz strony i chcesz się dowiedzieć, w jaki sposób są one realizowane? Zapraszam na mojego bloga o webdevie i nie tylko!
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 #4 : 19.04.2012, 19:03:38 »

@sienmich
Czy jest taka możliwość, aby tę animację zapętlić?
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ę.
Bakcyl_
Użytkownik

Reputacja: -1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 89
Galeria Użytkownika


Jestem po ciemnej stronie GIMPa !?!?


Zobacz profil
« Odpowiedz #5 : 27.05.2012, 17:05:37 »

super kiedy wejdzie do obiegu Język
Zapisane


Wszystkie pytanie i prośby kierować na bakcyl@spoko.pl
Danyeru
Korektor

Reputacja: 24 Offline Offline

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


Honorowy Dawca Krwi


Zobacz profil WWW
« Odpowiedz #6 : 06.01.2013, 20:55:18 »

Czy autor będzie tu jeszcze grzebał?
Co na to opiekunowie?
Zapisane

I zapłoną piekielnym ogniem Wasze serwery, gdyż zabezpieczenia ich wątłe, a podatność na buffer overflowy ogromna.
I zaprzestaną działania Wasze routery, a Wasze niewiasty nosić będą pakiety w kubłach, a tam będzie płacz, zgrzytanie zębów, 404 i request timeout.


Cytat: Terrqge
to przez INSEKT'a Danyeru jest taki straszny
Typhon
Opiekun tutoriali

Reputacja: 20 Offline Offline

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



Zobacz profil
« Odpowiedz #7 : 07.01.2013, 17:18:01 »

Obrazka brakuje pierwszego. By potrzebny był zrobiony na nowo d:
Zapisane

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 399
Galeria Użytkownika



Zobacz profil
« Odpowiedz #8 : 09.09.2013, 21: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ń.
« Ostatnia zmiana: 09.09.2013, 23:55:53 wysłane przez be@ » Zapisane
sienmich
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika

sienmich


Zobacz profil
« Odpowiedz #9 : 10.09.2013, 14:19:20 »

Dzięki za sprawdzenie, poprawiłem obrazek, kropki i spacje i zmieniłem kolor. Chyba to już wszystko. Coś jeszcze?
Zapisane

be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 399
Galeria Użytkownika



Zobacz profil
« Odpowiedz #10 : 10.09.2013, 19: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 Smutny Wszystkiego nie jestem w stanie sprawdzić, bo nie mam i nie używam GAP.
Zapisane
Mikkelson
Gość
« Odpowiedz #11 : 04.05.2014, 19: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.  Uśmiech

@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?
« Ostatnia zmiana: 04.05.2014, 19:47:36 wysłane przez Mikkelson » Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 399
Galeria Użytkownika



Zobacz profil
« Odpowiedz #12 : 04.05.2014, 19:34:57 »

Tutorial napisany w wersji GIMP 2.8 i GAP 2.4
Zapisane
sienmich
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika

sienmich


Zobacz profil
« Odpowiedz #13 : 11.05.2014, 20: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.
Zapisane

Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeGotowe tutoriale (Moderator: davlasq)Wątek: Fraktalowa animacja
Skocz do: