Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Kalejdoskop z wykorzystaniem GAP  (Przeczytany 2729 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

kifer71

  • *
  • Podziękowania otrzymane: 1
    • Zobacz profil
Kalejdoskop z wykorzystaniem GAP
« dnia: Styczeń 22, 2011, 17:43:47 »
Tutorial by Kifer

Kalejdoskop z wykorzystaniem GAP
Tutorial

Oryginał: Animated Kaleidoscope GIMP
Opracowanie: Kifer71
Poziom trudności: trudny





Oryginalny tutorial nosi nazwę Animated Kaleidoscope GIMP, 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.



 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.



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



 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.



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

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

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



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



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



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



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



 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




 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.



 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.



 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.



Tak powinna wyglądać nasza paleta warstw:



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:



 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.



 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.



 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.



 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



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



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



 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):
  • numer warstwy: 0


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):
  • numer warstwy: 0


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):
  • numer warstwy: 0


Etap siódmy

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



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



 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.



 Koniec



Miłego GIMP-owania



Tutorial by Kifer, rozpowszechniany na licencji CC-NC-BY-SA.
« Ostatnia zmiana: Styczeń 22, 2011, 17:59:13 wysłana przez Annoyer13 »