Nie będę gorsza od innych i dodam kolejny tutorial od siebie.

Ten tutorial nauczy was jak poprawnie robić shape tween. Jest to umiejętność przydatna na pewno w animacjach buttonów, banerów lub do uatrakcyjnienia stron www.



Tutotial zawiera porady jak dobrze wykonać shape tween, nie "zepsuć go" i jak pracować nad tym, aby wyglądał realistycznie.

Potrzebne umiejętności: Znajomość interface-u flasha.

Ten tutorial działa na flash 8 lub późniejszych.

1) Flash->new document, ustaw kolor background na: #141414

2) utwórz pusty mc i nazwij go shape. umieść pusty mc na scenie i kliknij na niego 2 razy.

Jesteś wewnątrz mc "Shape"

3) Zaznacz oval tool. Przejdź do zakładki Color mixer i ustaw kolor obrysu na brak, a kolor wypelnienia na dowolny. Za pomocą oval tool utwórz elipsę (nie kułko). wybierz Select tool i kliknij gdziekolwiek na scenie, aby odznaczyc obiekt.

4) Teraz najedź na krawędź twojej elipsy aż pojawi się taki znaczek. Kilknij na obiekt - w ten sposób wymodelujesz ksztalt. powinno wyjść coś takiego:


5) kliknij na 20 klatce. Kliknij PPM na zaznaczonej klatce i wybierz key frame

6) wymodeluj ponownie nasz kształt aby przypominał coś takiego:

ważne, aby to był nadal jeden kształt.

7) na 21 klatce utwórz kolejną klatkę kluczową.

8) wymodeluj lekko kształt, aby rozdzielić kształty, patrz tu

9) na 22 klatce utwórz kolejną klatkę kluczową.

10)zaznacz jeden z nich i wytnij go CTRL+X
utwórz nowy layer i utwórz blank key flame na 22 klatce i wklej tam wycięty kształt: CTRL+SHIFT+V.


11) zaznacz 30 klatkę na obu warstwach i utwórz na niech blank keyframe


12) zaznacz obojętnie który najpierw kawałek naszej mazi i wywal ją. Włącz omnia view:
Za pomocą oval tool zrób kółko mniejwiecej w tym samym miejscu co wyciety kształt, i nieco go powyginaj (tak jak poprzednio) możesz go przesunąć dalej troszkę.

13) to samo zrób z drugim kształtem.

13) Aby nieco wygładzić animację zrób taką sekwencję:
np. na 33 klatce utwórz keframe. Przesuń dalej i wymodeluj na nieco wiekszy kształt, a na 36 klatce zrób kolejny keyframe; przesuń kształt spowrotem na wcześniejszą pozycję i nieco zmniejsz kształt modelując go

14) Na 40 klatce utwórz blank keyframe. Przejdź do 21 klatki. zaznacz po kolei kształty CTRL+C i na 40 klatce wcisnij po kolei dla każdego kawałka kształtu CTRL+SHIFT+V
tak aby uzyskać identyczny stan jak na 21 klatce - kazdy kawałek kształtu musi byc na innej warstwie.
Na 1 warstwie, na 41 klatce zrób keyframe i wklej tam ksztalt z klatki 20 - tutaj nie będzie shape tween-u
15)na 50 klatce kolejny blank keyftame(). Przejdź do pierwszej klatki naszej animacji i skopiuj z niej początkowy kształt.
wklej go skrutem CTRL+SHIFT+V na 26 klatkę.

Kroki 13 - 14 to tworzenie tak zwanej sekwencji, dla zapętlonej animacji

16) pokolei kliknij w każdy odcinek filmu i wybierz dla niego z zakładki properties shape tween. dla pierwszej sekwencji, gdzie shape się dzieli ustaw ease na 100.
*Ważne, a by na 21 klatce tam gdzie rozdzielamy kawałki na różne warstwy nie było shape tweningu - po prostu zaznacz tą klatkę i kliknij Prawym Przyciskiem Myszy i wybierz remote tween.

17)utwórz nową warstwę(new layer). zaznacz na niej mniejwięcej tą klatkę, gdzie duże kawałki są już rozdzielone (powiedzmy 25 klatka). stwórz tam blank keyframe.

18) za pomocą oval tool narysuj kułeczko, aby mieściło się na duzym kasztalcie
19) na 30 klatce stwórz keyframe. Zmniejsz i przesuń kółko aby jego połowa była na krawędzi dużego kształtu.
20) wymodeluj je mniej więcej tak jak tu:

21) na 38 klatce utwórz kolejny keyframe.
22) przesuń wymodelowane kółko, żeby bylo obok dużego kształtu, zmniejsz je i nadaj mu bardziej opływowy kształt.
23) na 39 klatce kolejny keyframe - przesuń ksztłt nieco dalej i troszeczkę go zwiększ
24) na 44 kaltce kolejny keyframe, zmniejsz na niej maksymalnie kształt
25) na 47 klatce kolejny keyftame - zaznacz kułko, w palecie color mixer ustaw alpha na 0%

26) wyjdź z movie clip-u

27) wybierz zakładkę Filters (obok properties) i nacisnij plus. Wybierz Bivel i daj takie ustawienia:


28) Kolejny filtr: Gradient Bevel:


28) Kolejny filtr: Drop Shadow: Alpha: 70% i ustawienia:


30) utwórz nową warstwę i umieść ją poniżej warstwy z twoim kształtem. Z Zakladki Libraries weź twój mc Shape ustaw go nieco poniżej pierwszego. Properties->color->alpha: 50%


Finish!!

Outcome:
http://www.asiek.byethost22.com/tutorials/
Dołączam tutaj źródło jakby coś było niejasne, w moim przypadku klatki zostały pozmieniane, bo za kazdym razem wychodzi inaczej. musicie się nieco tym pomawić, żeby załapać o co chodzi.

Ważne, żeby każdy kolejny krok shape tweenu umieszczać w nowej klatce kluczowej, i jeśli kształt sie dzieli/zmienia drastycznie kształt początkowy, to trzeba pokombinować z kilkoma warstwami bo inaczej nic wam nie wyjdzie.

Aby wasza animacja była płynniejsza trzeba zazwyczaj wykonywać sekwencje tak jak mówiłam: najpierw obiekt leci troszeńkę dalej, a jekieś 3 klatki dalej powraca na miejscę, gdzie miał być przez was umieszczony - w przypadku shape tweenu, trzeba trochę z tym pokombinować, bo nie zawsze wychodzi.

Dziękuję za uwagę.

*Przy tworzeniu tutoriala wzorowałam się efektem z tej strony z tutorialami:
http://www.cartoonsmart.com/ - jak ktoś lubi flasha to tam zapraszam, jednak tutki kosztują ok 50$ za jeden

+70GFX - samborek

Tutorialek śliczny, ale outcome mi się nie podoba. Taki bezsensowny Ale na pewno się przyda komuś. Idzie piwko!

Bo tak jak mówiłam, tutaj są instant zawarte informacje jak tworzyć shape tween, mozna na przykład za jego pomocą zrobić rozbryzgującą się farbę, albo spadające krople. Po prostu chcialam pokazać jak nie robic głupich shape-ów, takich z pustym w środku co poczatkujacym się zdaża.

1. Mówię, że tutek ładny, czytelny i że się przyda na pewno

2. Szukałem tego przycisku... (Już znalazłem ! )

kocham Cie Świetny tutorial. Wart piw mase Można to zastosować w wielu rzeczach. Jak mówiłem daję piwo i czekam na więcej