• Welcome to Forum graficzne Burning-Brushes.pl. Please log in or sign up.
 

Kalejdoskop z wykorzystaniem GAP

Zaczęty przez Annoyer13, Styczeń 22, 2011, 18:43:47

Poprzedni wątek - Następny wątek
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.