Tutorial by
KiferKalejdoskop 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
100x
100 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:
- lewy obraz
- prawy obraz
- górny obraz
- dolny obraz
(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:
- prawa maska
- lewa maska
- górna maska
- dolna maska
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
100x
100 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:
- Source Image/Layer (A): dolny obraz
- Stepmode (B): None
- Handle (C): Left Top
- Instant Apply (I): zaznaczone
- Clip To Frame (H): zaznaczone
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:
- Source Image/Layer (A): dolna maska
- Stepmode: None
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:
- Source Image/Layer: górny obraz
- Stepmode: None
- Handle: Left Top
- Instant Apply: zaznaczone
- Clip To Frame: zaznaczone
- Klikamy w Add Point
- Ustawiamy parametr Y dla drugiego punktu animacji na 100
2. Dodawanie obrazu maski warstwy (etap trzeci, pkt.
10), ustawienia:
- Source Image/Layer: górna maska
- Stepmode: None
3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt.
14), ustawienia:
- identyczne, jak w etapie trzecim
4. Usuwanie warstw (etap trzeci, pkt.
17):
Etap piąty
1. Animacja obiektu (etap trzeci, pkt.
4), ustawienia:
- Source Image/Layer: prawy obraz
- Stepmode: None
- Handle: Left Top
- Instant Apply: zaznaczone
- Clip To Frame: zaznaczone
- Klikamy w Add Point
- Ustawiamy parametr X dla drugiego punktu animacji na -100 (słownie: minus sto)
2. Dodawanie obrazu maski warstwy (etap trzeci, pkt.
10), ustawienia:
- Source Image/Layer: prawa maska
- Stepmode: None
3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt.
14), ustawienia:
- identyczne, jak w etapie trzecim
4. Usuwanie warstw (etap trzeci, pkt.
17):
Etap szósty
1. Animacja obiektu (etap trzeci, pkt.
4), ustawienia:
- Source Image/Layer: lewy obraz
- Stepmode: None
- Handle: Left Top
- Instant Apply: zaznaczone
- Clip To Frame: zaznaczone
- Klikamy w Add Point
- Ustawiamy parametr X dla drugiego punktu animacji na 100
2. Dodawanie obrazu maski warstwy (etap trzeci, pkt.
10), ustawienia:
- Source Image/Layer: lewa maska
- Stepmode: None
3. Zamiana warstwy na maskę właściwą (etap trzeci, pkt.
14), ustawienia:
- identyczne, jak w etapie trzecim
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.