Oś czasu

Każda warstwa może animować. Oś czasu na dole edytora to miejsce, gdzie sterujesz tą animacją: jeden track per warstwa, keyframe’y na każdym tracku, playhead do scrubowania czasu, plus operacje na pasmach i markery dla precyzyjniejszej kontroli.

Anatomia

┌─────────────────────────────────────────────────────────────┐
│ [▶ Play] [‖] [■]  Duration: 5000ms  [Loop]  [+ Keyframe]    │
├─────────────────────────────────────────────────────────────┤
│ Linia 0 ─────── 1000 ─────── 2000 ─────── 3000 ─── ▼ ─ 4000│ ← playhead
├─────────────────────────────────────────────────────────────┤
│ Layer A    ●─────────●──────────●                            │
│ Layer B          ●──────────●────────●                       │
│ Group C    ▸ ●──────────●                                    │
│   ├─ Scene1 (własna oś czasu, loopuje niezależnie)           │
│   └─ Slider timeline (auto-aligned do slajdów)               │
└─────────────────────────────────────────────────────────────┘

Wiersze warstw odzwierciedlają panel. Wiersze grup nie mogą trzymać keyframe’ów (animuj zawartość zamiast tego, albo konwertuj grupę na scenę).

Kontrolki odtwarzania

W toolbarze edytora (widoczne gdy oś czasu jest otwarta):

• Play — start odtwarzania od playhead.
• Pause — zamroź na bieżącej klatce.
• Stop — wróć do 0 i zamroź.

Duration (ms) — ustawia całkowity czas trwania osi czasu sceny. Nie może spaść poniżej pozycji ostatniego keyframe’a (edytor powie “Cannot go below Nms — last keyframe sits there”). Na scenach slider duration jest auto-obliczany ze slajdów i zablokowany przed ręczną edycją.

Loop — gdy on, odtwarzanie wraca do startu zamiast zatrzymywać się. Opcjonalny Loop marker (zobacz niżej) pozwala loopować tylko sub-zakres.

Dodawanie i edycja keyframe’ów

• Klik na track — dodaje keyframe w czasie kliknięcia, ze stanem warstwy.
• Ciągnij keyframe — przesuwa go w czasie.
• Dwuklik na keyframe — edytuje jego wartości.
• Prawy klik na keyframe — menu keyframe’a:
  • Edit keyframe
  • Edit scramble settings… (keyframe’y text scramble)
  • Copy keyframe / Paste keyframe at playhead
  • Easing → Linear / Ease in / Ease out / Ease in-out / Custom (bezier — otwiera modal Bezier)
  • Duplicate (+100 ms)
  • Snap playhead here
  • Delete keyframe

Popout Effects prawego paska skrótów ma picker “Effect ease”, który stosuje easing do wszystkich zaznaczonych keyframe’ów naraz.

Zaznaczanie pasma

Przeciągnij na pustym obszarze tracku, żeby narysować zakres zaznaczenia (kolorowy band). Z zaznaczonym pasmem prawy klik daje operacje na paśmie:

• Add keyframe at cursor
• Copy fragment — skopiuj każdy keyframe w paśmie do schowka.
• Paste fragment here — wklej wcześniej skopiowany fragment w pozycji kursora.
• Reverse keyframes — odbij keyframe’y w czasie wewnątrz pasma.
• Time stretch… — otwiera modal, gdzie ustawiasz procent skalowania długości pasma.
• Delete fragment — usuń każdy keyframe w paśmie.

Markery

Trzy markery osi czasu, każdy umieszczany prawym klikiem na linijce:

• Loop marker — ustawia własny punkt restartu loopa. Gdy Loop jest on, odtwarzanie wraca tu zamiast do czasu 0. Przydatne gdy intro ma się odtworzyć raz, a loop ma cyklicznie się powtarzać po nim.
• Intro-end marker — koniec sekcji intro. Wrap klony (zobacz niżej) i silniki animacji traktują keyframe’y przed tym markerem jako jednorazowe keyframe’y intro.
• Outro-start marker — start sekcji outro. Pomaga silnikowi wiedzieć, które keyframe’y są outro vs środkową (loop) treścią.

Kliknij i ciągnij marker, żeby go przesunąć; prawy klik na linijce żeby dodać/usunąć.

Presety animacji

Button Apply animation preset (obok kontrolek playhead) otwiera kategoryzowany picker:

Entrance

• Fade in
• Slide in (left / right / top / bottom)
• Slide in (top-left, 45°)
• Flip 3D (left / right)
• Scramble in — text-specific; otwiera modal ustawień scramble.

Emphasis

• Pulse
• Shake
• Rotate Y 360°

Exit

• Fade out
• Slide out (bottom-right, 45°)
• Scramble out — text-specific.

Wybór presetu auto-generuje keyframe’y dla wybranej warstwy zaczynając od playhead. Modal Scramble wymaga dodatkowych parametrów (order: left-to-right / right-to-left / itd.).

Pełna lista z domyślnymi czasami i easingami w Referencja → Presety animacji.

Schowek na górze prawej osi czasu

• Copy animation — kopiuje wszystkie keyframe’y wybranej warstwy.
• Paste animation… — otwiera modal pokazujący co zostanie zaaplikowane + pozwala potwierdzić.
• Clear animation — usuwa każdy keyframe z wybranej warstwy.

Sceny i ich własne zegary

Scene to warstwa-kontener z własną osią czasu działającą na własnym zegarze. W widoku osi czasu wiersz sceny ma przełącznik Scene plays once / Scene loops independently. Sceny loopujące niezależnie działają zawsze, niezależnie od root osi czasu — przydatne dla animacji logo, która ma cykl podczas gdy reszta sceny stoi.

Root scena slider-timeline jest specjalna: jej duration jest auto-obliczany ze slajdów, a segmenty odpowiadają granicom slajdów. Silnik pauzuje przy każdym segmencie; plugin slidera wznawia przy zmianie slajdu.

Snap

Toggle Snap to keyframes / markers / ticks w nagłówku osi czasu sprawia, że operacje drag snapują do bliskich keyframe’ów, markerów albo tików linijki. Przytrzymaj Alt podczas ciągnięcia, żeby pominąć snap.

Zoom

• Zoom in / out — buttony w nagłówku osi czasu.
• Dwuklik na buttonie zoom — reset do 100%.

Zoom zmienia tylko wizualną gęstość osi czasu; nie zmienia długości.

Easing

Per-keyframe easing kontroluje jak wartość interpoluje od tego keyframe’a do następnego:

• Linear — stała prędkość.
• Ease in — wolny start.
• Ease out — wolny koniec.
• Ease in-out — wolno na obu końcach.
• Custom (bezier) — otwiera modal edytora Bezier, gdzie rysujesz krzywą cubic-bezier.

Ease stosuje się do segmentu po keyframie (czyli krzywej wychodzącej z keyframe’a).

Gdzie dalej

• Layer Style — co animujesz (efekty + transformy).
• Referencja → Presety animacji — pełna lista presetów.
• Storefront → Jak renderują się sceny — co oś czasu wypluwa na klienta.