Zawartość

Krótki przewodnik Migający trójkąt

Pierwsze kroki

Z tym przewodnikiem stworzysz film z kołem, które będzie poruszać się po ekranie.

Utwórz nowy film naciskając 'Nowy' na pasku narzędzi lub w 'Plik' menu.


New Nowy

Do osi czasu zostanie dodana nowa warstwa. Czerwona linia na osi czasu jest w pozycji 0. Oznacza to, że edytor pokazuje klatkę 0. Skrypt warstw możesz na tę chwilę pominąć, jest on używany do dodawania funkcji zaawansowanych.


Pierwsze kroki 1

Pierwsze kroki 2

Biblioteka i edytor są puste. Wyświetlane są właściwości filmu, takie jak: szrokość, wysokość i kolor tła.


Pierwsze kroki 3

Spróbuj zmienić 'Kolor tła' na żółty. Kliknij przycisk (...) znajdujący się obok pola właściwości 'Kolor tła', a następnie w oknie dialogowym wybierz kolor żółty.


MoreButton

Pierwsze kroki ColorPicker

Kolor tła filmu będzie teraz żółty.


Pierwsze kroki 4

Pierwsze kroki 5

Inne właściwości można zmienić w ten sposób.

Dodaj okrąg do biblioteki klikając 'Okrąg' w pasku narzędzi lub w menu 'Biblioteka'


Pierwsze kroki 6

Niebieski okrąg jest dodany do biblioteki i wyświetlane są jego właściwości. Zmień 'Typ obramowania' na 'Stałe' i 'Kolor obramowania' na zielony.


Pierwsze kroki 7

Teraz okrąg znajduje się w bibliotece, skąd może być dodany do warstwy na osi czasu animacji. Przeciągnij okrąg z biblioteki do edytora lub kliknij przycisk obok okręgu w bibliotece i wybierz 'Dodać do osi czasu'. Jeśli trzeba dokonać edycji właściwości okręgu, ponownie kliknij 'Edycja' w tym samym menu.


Pierwsze kroki 8

Okrąg jest dodany do warstwy, a także automatycznie tworzy się nowa klatka animacji w klatce 0. Jest ona oznaczona kropką.


Pierwsze kroki 9

Kiedy nowa klatka okręgu jest zaznaczona (oznaczona kropką na osi czasu), można przenosić go w edytorze, a także edytowac jego właściwości.


Pierwsze kroki 10

Przeciągnij okrąg w edytorze na lewą stronę filmu.


Pierwsze kroki 11

Teraz aby dodać następną klatkę i dodać animację okręgu, należy utworzyc nową klatkę kluczową, aby to zrobic kliknij prawym przyciskiem myszy lub kliknij dwukrotnie na 20 klatce osi czasu okręgu. Zauważ, że ona także została oznaczona za pomocą kropki.


Frame Dodaj ramkę

Pierwsze kroki 12

Linia między dwoma klatkami kluczowymi oznacza, że istnieje przejście między nimi. Linia przerywana oznacza, że nie ma przejścia. Bez przejścia, nie będzie animacji, zatem pierwsza klatka kluczowa będzie po prostu wyświetlana, aż do kolejnej klatki kluczowej.

Czerwona linia na osi czasu jest teraz w punkcie 20, oznacza to że w edytorze wyświetlana jest klatka 20. Ta klatka jest teraz zaznaczona (zamiast klatki 0). Edytor i właściwości wyświetlają klatkę dwudziestą.

Przeciągnij okrąg w edytorze na prawą stronę (przy zaznaczonej klatce 20).


Pierwsze kroki 13

Pojedyńcze kliknięcie w wybraną klatkę na osi czasu animacji, pokaże automatycznie wygenerowaną pozycję elementu. Kiedy klikniesz na klatkę 10, okrąg powinien znajdowac się na środku.
Aby zobaczyć efekt animacji, kliknij przycisk 'Odtwórz', na pasku narzędzi lub w menu 'Film'.


Play Odtwórz

Pierwsze kroki 14

Niebieski okrąg będzie przemieszczać się od klatki 0 (od lewej) do klatki 20 (do prawej)
Zapisz film programu klikając 'Zapisz' na pasku narzędzi lub w menu 'Plik'.


Save Zapisz

Jeśli chcesz, możesz wyeksportować film do HTML klikając 'Eksportuj' na pasku narzędzi, a następnie w oknie dialogowym eksportu. Wyeksportowana strona HTML powinna wyglądać mniej więcej tak.


Export Eksportuj

Pierwsze kroki 15

Pierwsze kroki 16

Kliknij łącze/link, aby wyświetlić film bez strony testowej.


Pierwsze kroki 17

Krótki przewodnik Migający trójkąt
Dokumentacja ta została przetłumaczona z języka angielskiego, przy użyciu Tłumacz online. Przepraszamy, jeśli znajdziesz jakieś błędy. Jeśli chcesz pomóc nam zrobić korekty. Ma tłumaczenia edytora w Hippani Animator (w menu Pomoc). Dajemy się wolny licencja klucze do nikogo, kto naprawia ponad 100 fraz. Proszę skontaktuj się z nami aby uzyskać więcej informacji.