Precomps

4 min read

Precomps laat je items groeperen in een zelfstandige compositie met een eigen lokale tijdlijn. Kinderen animeren zelfstandig binnen de precomp terwijl de precomp zelf kan bewegen, schalen en animeren op de mondiale tijdlijn.

Timeline showing precomp group
A precomp in de tijdlijn met zijn eigen lokale loop duur

Wat zijn Precomps?

Denk aan een precomp als een “scene binnen een scène”:

Functie Normale groep Precomp
Tijdlijn Gedeelde mondiale tijdlijn Eigen lokale tijdlijn
Lopen Volgt globale lus Kan zelfstandig lussen
Animatie Items animeren op wereldwijde tijd Items animeren op lokale tijd
Nesten Alleen visuele groepering Echte samenstelling nestelen

Een precomp aanmaken

  1. Selecteer de items die u wilt toevoegen
  2. Klik met de rechtermuisknop en kies Create Precomp, of gebruik het menu
  3. Stel de lokale tijdlijn in (bijv. 2 seconden)
  4. Loop inschakelen als u wilt dat de kinderen zich herhalen

De geselecteerde items worden verpakt in een precomp groep met hun eigen tijd context.

Lokale vs. Globale tijdlijn

Tijdlijn Controles Gebruik voor
Lokaal Kinderen binnen de precomp Animaties herhalen (bounce, spin, puls)
Algemeen De precomp groep zelf Positie, schaal, ondoorzichtigheid van de hele groep

Voorbeeld

Een stuiterende bal precomp:

  • Lokale tijdlijn (2 seconden, looping): Bal stuitert op en neer
  • Globale tijdlijn (5 seconden): De precomp glijdt van links naar rechts

Resultaat: De bal stuitert voortdurend tijdens het bewegen over het scherm.

Precomp-instellingen

Instellingen Omschrijving
Duur Lengte van de lokale tijdlijn (seconden)
Loop Of kinderen op de duur lussen
Naam Label voor de precomp in de tijdlijn
Offset Globale tijdverschuiving voordat de precomp begint

Precomp-inhoud beheren

Items toevoegen

Een item toevoegen aan een bestaande precomp:

  1. Selecteer het toe te voegen item
  2. Sleep het naar de precomp in het tijdlijn- of groepspaneel
  3. Het item verplaatst zich naar de lokale tijdlijn van de precomp

Items verwijderen

Om een item uit een precomp te verwijderen:

  1. De precomp in het groepenpaneel uitbreiden
  2. Selecteer het te verwijderen item
  3. Klik met de rechtermuisknop en kies Verwijderen uit Precomp
  4. Het item keert terug naar de belangrijkste canvas-tijdlijn

De precomp-groep animeren

De precomp groep zelf kan keyframe animaties hebben op de wereldwijde tijdlijn:

  1. Selecteer de precomp-groep (klik op de rand of selecteer in het groepenpaneel)
  2. Sleutelframes toevoegen in de tijdlijn voor positie, schaal, rotatie, opaciteit
  3. De kinderen gaan door met hun lokale animaties terwijl de groep beweegt

Tip: Gebruik precomps om herbruikbare geanimeerde elementen te maken. Bijvoorbeeld, maak een geanimeerde laden spinner als een precomp, dan dupliceer het waar je het nodig hebt.

Cases gebruiken

Geval gebruiken Instellen
Spinner laden Draaiende items in een 1s loop precomp
Karakterloopcyclus Poseer sleutelframes in een 1s loop, precomp dia’s over het scherm
Herhaaldeeltje Deeltjesanimatie in 2s loop, precomp geplaatst in scène
Titelreeks Tekst onthult in lokale tijdlijn, precomp verdwijnt wereldwijd
UI-component Interactieve element geĂŻsoleerd in zijn eigen samenstelling

Tips

  1. Keep local animations short - 1-3 seconden werkt het beste voor looping precomps
  2. Gebruik voor herhaling - Elke animatie die zich herhaalt is een goede precomp kandidaat
  3. Nest spaarzaam - Een niveau van nestelen is meestal voldoende
  4. Naam van uw precomps - Gebruik beschrijvende namen voor complexe projecten
  5. Test lus punten - Zorg ervoor dat looping animaties soepel aansluiten op de lus grens

Gerelateerd: Keyframe Editor Animatie Timeline Panel