Forum graficzne Burning-Brushes.pl

Tutoriale graficzne i materialy => Tutoriale GIMP => Wątek zaczęty przez: kifer71 w Styczeń 22, 2011, 18:43:47

Tytuł: Kalejdoskop z wykorzystaniem GAP
Wiadomość wysłana przez: kifer71 w Styczeń 22, 2011, 18:43:47
Tutorial by Kifer

Kalejdoskop z wykorzystaniem GAP
Tutorial

Oryginał: Animated Kaleidoscope GIMP (http://fence-post.deviantart.com/art/Tut-Animated-Kaleidoscope-GIMP-45838941)
Opracowanie: Kifer71
Poziom trudności: trudny

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_20_03_09_8_18_31.gif&hash=46991459cb25c2b59092b2dcc2566bf526b4603d)





Oryginalny tutorial nosi nazwę Animated Kaleidoscope GIMP (http://fence-post.deviantart.com/art/Tut-Animated-Kaleidoscope-GIMP-45838941), którego autorem jest fence-post. Do wykonania tego tutoriala potrzebny Ci będzie dodatek GAP i dwa skrypty, które umieściłem w załączniku. Podzieliłem ten tutorial na kilka etapów, aby był zrozumiały i bardziej przejrzysty.

Dla leniwych znalazłem jeszcze skrypt robiący taki właśnie kalejdoskop (znajdziecie go w załączniku). Należy wrzucić go do katalogu skryptów GIMP-a (w Windowsie XP jest to domyślnie: C:Program FilesGIMP-2.0sharegimp2.0scripts). Po wrzuceniu do powyższego katalogu pojawi się on w menu Filtry -> Animacja -> Kalejdoskop. Autorem skryptu jest LightningIsMyName.

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




Zaczynamy

Etap pierwszy

1. Na początek utwórz nowy folder na potrzeby animacji - po wykonaniu animacji będziesz mógł go usunąć. Ja swój nazwałem animacja i do niego będę się odnosił w dalszej części.

2. Otwórz plik, który będziesz chciał animować (Plik -> Otwórz... [Ctrl+O]) lub stwórz go. Ważne, aby obrazek miał wymiary 100x100 pikseli. Równie dobrze możesz pobrać ten, widoczny niżej.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_7_57_20.png&hash=1848e4edf3d92137ae4a41aea2af3a5ac38cb9b4)


3. Duplikuj warstwę Tło (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]).

4. Wykorzystajmy teraz jeden ze skryptów, które pobrałeś przed rozpoczęciem tego tutoriala. Wejdź w Widok -> Crosshair Guides.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_21_21_0.png&hash=b3e2d83cb7fb2dac70a1aa9dd0094c9565ee31e7)


5. Na duplikacie tła wejdź w Warstwa -> Przekształcenie -> Odbij poziomo.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_21_21_1.png&hash=0ce1c80f7b9c92e8ef8004f12d88a26e0d4f82f9)


6. Włącz przyciąganie do siatki (Widok -> Przyciągaj do siatki) - będzie Ci łatwiej rysować zaznaczenie.

7. Wybierz narzędzie Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R] i zaznacz lewą połowę warstwy tak, jak jest to pokazane na obrazku poniżej.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_21_21_2.png&hash=20a6808b6477a84e378ac02c002848acb150e572)


8. Wybierz Warstwa -> Kadruj według zaznaczenia.

9. Usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).

10. Następnie wybierz Warstwa -> Połącz w dół.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_21_21_3.png&hash=174e768832fe12e25d04225b367eb93111501f19)


11. Teraz przejdź do Filtry -> Odwzorowania -> Kafelki... i ustaw opcje tak, jak na poniższym obrazku.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_21_21_4.png&hash=f61416e54e3697bf08b84d894ff21c53d8bab384)


Tak powinien wyglądać nasz obraz po zastosowaniu filtru:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_45_50_0.png&hash=c706bd46860156f4bb8b73d2dd90c8a25cce3e74)


12. Następnie wejdź w Obraz -> Wymiary płótna, zmień wysokość na 100 pikseli i kliknij na "Zmień rozmiar".

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_45_50_1.png&hash=91d2ac8919c1ee6487b1f06b9b8eed2f3a9ab96b)


13. Wybierz narzędzie Przesunięcie <przesuwanie> [M] i przesuń warstwę o 50 pikseli w dół tak, aby jej górna krawędź stykała się z poziomą prowadnicą.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_45_50_2.png&hash=1cdeefe2288219e791722943c9fc4bfecd3bc61e)


14. Z duplikuj warstwę Tło (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) trzy razy i nazwij wszystkie warstwy licząc od góry:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_8_45_50_3.png&hash=b99ff6366b158b415124d617dd095aa22285cf47)


15. Wyłącz widoczność (<widocznosc>) warstw lewy obraz i prawy obraz.

16. Na warstwie górny obraz wejdź w Warstwa -> Przekształcenie -> Odbij pionowo i przesuń ją za pomocą narzędzia Przesunięcie <przesuwanie> [M] o 200 pikseli w górę  tak, aby jej dolna krawędź znalazła się na poziomej prowadnicy.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_9_02_57_0.png&hash=16ba3d31129a4d23cd2ead6e349275971774c0b6)


17. Włącz widoczność (<widocznosc>) warstwy prawy obraz, na niej wejdź w Warstwa -> Przekształcenie -> Obróć o 90o w lewo i przesuń ją (Przesunięcie <przesuwanie> [M]) o 100 pikseli do góry i 100 pikseli w prawo tak, aby jej lewa krawędź znalazła się na pionowej prowadnicy.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_9_02_57_1.png&hash=372be93f3c10e8e4668e74df377f989bf7eec9c8)


18. Włącz widoczność (<widocznosc>) warstwy lewy obraz, na niej wejdź w Warstwa -> Przekształcenie -> Obróć o 90o w prawo i przesuń ją (Przesunięcie <przesuwanie> [M]) o 100 pikseli do góry i 100 pikseli w lewo tak, aby jej prawa krawędź znalazła się na pionowej prowadnicy.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_9_02_57_2.png&hash=8b15012f9eaf04e0ea2651d711b84288f3aaf842)


Tak powinna wyglądać nasza paleta warstw:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_21_03_09_9_02_57_3.png&hash=273a0116dc76f63cfd5c845241212cc7f0b714bc)


Etap drugi

1. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i wypełnij ją za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] kolorem #000000.

2. Wybierz narzędzie Powiększenie <zoom> [Z] i przybliż obraz do 400%.

3. Ustaw kolor pierwszoplanowy na #ffffff.

4. Wyłącz przyciąganie do siatki (Widok -> Przyciągaj do siatki) i usuń prowadnice (Obraz -> Prowadnice -> Usuń wszystkie prowadnice).

5. Wybierz narzędzie Ołówek <olowek> [N] i ustaw pędzel na Circle (01).

6. Kliknij ołówkiem na pozycji 1, 1 i trzymając wciśnięty klawisz Shift ciągnij do pozycji 50, 50.

7. Puść Shift'a i kliknij na pozycji 51, 50, a następnie z wciśniętym klawiszem Shift ciągnij aż do pozycji 100, 1.

8. Następnie puść Shift'a i kliknij na pozycji 100, 1, przeciągaj kursor z wciśniętym klawiszem Shift dopóki nie najedziesz na pozycję 1, 0.

9. Wybierz narzędzie Zaznaczenie rozmyte <rozdzka> , ustaw próg na 0 i kliknij wewnątrz białego trójkąta.

10. Następnie wypełnij nasze zaznaczenie za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] kolorem #ffffff.

Tak powinna wyglądać nasza maska, którą wykorzystasz do prawidłowego animowania kalejdoskopu:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_22_03_09_8_57_35_0.png&hash=7b4aae4154be1e4c39c69ccbebda572671cbc961)


11. Wybierz narzędzie Powiększenie <zoom> [Z] i zmniejsz widok do 100%.

12. Duplikuj "maskę" (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) trzy razy i nazwij warstwy licząc od góry:

13. Na warstwie dolna maska wejdź w Warstwa -> Przekształcenie -> Odbij pionowo.

14. Warstwę lewa maska obróć o 90o w lewo (Warstwa -> Przekształcenie -> Obróć o 90o w lewo).

15. Warstwę prawa maska obróć o 90o w lewo (Warstwa -> Przekształcenie -> Obróć o 90o w prawo).

16. Poustawiaj warstwy tak, jak jest to pokazane na screenie.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_22_03_09_8_57_35_1.png&hash=27dd7845513816c2a655e06bf76ea98b26760791)


17. Zapisz plik (Plik -> Zapisz jako [Shift+Ctrl+S]) w folderze animacja pod nazwą warstwy.xcf

Etap trzeci

1. Utwórz nowy obraz (Plik -> Nowy... [Ctrl+N]) o dowolnym kolorze tła (u mnie jest to przeźroczyste tło) i wymiarach 100x100 pikseli.

2. Zapisz go w folderze animacja pod nazwą klatka_001.xcf. Nie nalegam, aby nazwa była taka sama, ale ważne, żeby trzymać się wzoru: nazwa_001.xcf.

3. Wybierz Video -> Duplicate Frames... i ustaw opcje tak, jak na screenie poniżej.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_23_03_09_8_42_40_0.png&hash=64c690a0381174c366229857dcff6d914a5b83a8)


4. Teraz wejdź w Video -> Move Path.... Ważne, abyś miał/a otwarty obraz warstwy.xcf. Czerwonym kolorem zaznaczyłem opcje używane w tym tutorialu.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_23_03_09_8_42_40_1.png&hash=eac03492161a70624f5e28f125fec389d17cc762)


5. W okienku Move Path wybierz:

6. Kliknij w Add Point (G). Zauważysz, że Current Point (D) zmieni się z [ 1] of [ 1] na [ 2] of [ 2].

7. Zmień parametr Y (E2) z 0 na -100 (słownie: minus sto).

8. Teraz możesz obejrzeć animację klikając w Anim Previev[/v]. Podgląd animacji powinen wyglądać tak:



9. Zamknij okno podglądu i tymczasowy plik z podglądem (nie zapisuj go), a następnie w oknie Move Path kliknij OK.

10. Teraz dodamy maskę do pierwszej części naszego kalejdoskopu. Otwórz okno Move Path (Video -> Move Path).

11. W oknie Move Path ustaw:

12. Jeśli chcesz możesz obejrzeć animację klikając w Anim Previev. Przez cały czas powinna być widoczna tylko warstwa dolna maska.

13. Jeśli animacja wygląda poprawnie klikamy na OK w oknie Move Path.

14. Teraz wejdź w Video -> Frames Modify... i w pole Layer Pattern wpisz 1

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_06_06_09_3_43_39_0.png&hash=d357c7dd5d684504464d286517da29dbd510faa7)


15. W tym samym oknie kliknij w Function i z rozwijanego menu wybierz Layer Mask -> Copy layermask from layer above i kliknij w OK.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_06_06_09_3_43_39_1.png&hash=4636a10de099ae314492fcbf9a5379b2adb86470)


16. Nasza paleta warstw powinna wyglądać w tym momencie tak:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_06_06_09_3_43_39_2.png&hash=8e1e4ad7f36cfb3a6f5dc1e626db17193bbc87bb)


17. Teraz wybierz Video -> Frames Modify... i w pole Layer Pattern wpiz 0,2 (słownie: zero przecinek dwa), czyli numery warstw do usunięcia.

18. Następnie wybierz Function -> Delete layer(s) i kliknij na OK.

Etap czwarty

1. Animacja obiektu (etap trzeci, pkt. 4), ustawienia:

2. Dodawanie obrazu maski warstwy (etap trzeci, pkt. 10), ustawienia:

3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt. 14), ustawienia:

4. Usuwanie warstw (etap trzeci, pkt. 17):

Etap piąty

1. Animacja obiektu (etap trzeci, pkt. 4), ustawienia:

2. Dodawanie obrazu maski warstwy (etap trzeci, pkt. 10), ustawienia:

3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt. 14), ustawienia:

4. Usuwanie warstw (etap trzeci, pkt. 17):

Etap szósty

1. Animacja obiektu (etap trzeci, pkt. 4), ustawienia:

2. Dodawanie obrazu maski warstwy (etap trzeci, pkt. 10), ustawienia:

3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt. 14), ustawienia:

4. Usuwanie warstw (etap trzeci, pkt. 17):

Etap siódmy

1. Po zakończeniu wszystkich powyższych czynności nasza paleta warstw powinna wyglądać następująco:

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_06_06_09_4_37_21_0.png&hash=4e04e81a8f9521ab82a5a56329614411d2410934)


2. Teraz wchodzimy w Video -> Frames to Image... i ustawiamy wszystko tak, jak na screenie poniżej, a następnie klikamy na OK.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_06_06_09_4_37_21_1.png&hash=5136f17e44df49b0445ac13b5da8d6c8d48d5208)


3. Utworzy nam się nowy plik bez nazwy. Zapisujemy go pod dowolną nazwą z rozszrzeniem *.gif (np. kalejdoskop.gif).

4. W oknie eksportu zaznacz Zapisz jako animację i kliknij na Eksportuj.

5. W kolejnym oknie klikasz na OK.

(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fwww.gimpuj.info%2Fgallery%2F21370_20_03_09_8_18_31.gif&hash=46991459cb25c2b59092b2dcc2566bf526b4603d)


Koniec




Miłego GIMP-owania




Tutorial by Kifer, rozpowszechniany na licencji CC-NC-BY-SA.