Animaties maken in de geavanceerde modus

De tijdlijn van de geavanceerde modus

In de geavanceerde modus kunt u van elk element een animatie maken door sleutelframes aan de tijdlijn toe te voegen om aan te geven waar de animaties starten en eindigen. U bewerkt elementen op bepaalde sleutelframes. Google Web Designer zorgt vervolgens voor de animatie tussen deze sleutelframes.

De ruimte tussen sleutelframes (de keyspan) bepaalt de duur van elke animatie. Als u een animatie bijvoorbeeld sneller wilt maken, moet u uw sleutelframes dichter bij elkaar plaatsen. Met easings kunt u de versnelling of vertraging van een overgang wijzigen.

Een animatie aan een element toevoegen in de geavanceerde modus:

1. Voeg een sleutelframe toe door met de rechtermuisknop op de tijdlijn te klikken en Sleutelframe invoegen te selecteren.
2. Wijzig de eigenschappen van het element zo dat het er aan het einde van de animatie uitziet zoals u wilt. U kunt bijvoorbeeld de positie, de kleur of de ondoorzichtigheid van het element wijzigen, of zelfs alle 3 de eigenschappen.

U kunt meer sleutelframes toevoegen om meerdere keyspans van animaties voor hetzelfde element samen te voegen. Als u het element gedurende een bepaalde periode ongewijzigd wilt laten voordat u het element animeert, voegt u een sleutelframe toe zonder de eigenschappen te wijzigen.

Voorbeeld

De bovenstaande animatie, die bestaat uit een afbeelding die in beeld komt, wordt onderbroken en vervolgens naar links wordt geschoven, gebruikt 4 keyframes.

1. Het eerste sleutelframe stelt de status van het element in aan het begin van de animatie. In dit geval is de ondoorzichtigheid ingesteld op 0 en is deze niet zichtbaar.
2. In het tweede sleutelframe is de ondoorzichtigheid van het element ingesteld op 1 (100%). De afbeelding wordt langzaam weergegeven in de voorafgaande periode van 1 seconde.
3. Bij het derde sleutelframe heeft het element geen gewijzigde eigenschappen in vergelijking met het vorige sleutelframe. Er vindt tijdens deze periode van een halve seconde geen animatie plaats, dus de afbeelding blijft hetzelfde.
4. Bij het laatste sleutelframe wordt de positie van het element gewijzigd, zodat de rechterhelft van de afbeelding zichtbaar is op het werkvlak. De afbeelding schuift naar links om die positie te bereiken. Dit duurt 1 seconde.

Als u de eigenschappen wilt bekijken die zijn opgegeven voor een bepaald sleutelframe, klikt u met de rechtermuisknop op het sleutelframe en selecteert u Eigenschappen voor animatie in het pop-upmenu.

Een sleutelframe toevoegen

U kunt op meerdere manieren een sleutelframe toevoegen. Selecteer op de tijdlijn de laag van het element waaraan u een animatie wilt toevoegen en verplaats de schuifregelaar naar de positie waar u het sleutelframe wilt plaatsen. U kunt meerdere lagen selecteren door tijdens het selecteren op Ctrl/⌘ te drukken. Gebruik een van de volgende methoden:

• Klik met de rechtermuisknop op de tijdlijn en selecteer Sleutelframe invoegen in het pop-upmenu.
• Druk op F6.
• Selecteer Tijdlijn > Sleutelframe toevoegen in het menu Bewerken.

Als u de eigenschappen van een element met animaties wijzigt als de schuifregelaar zich niet in een sleutelframe bevindt, voegt Google Web Designer automatisch een sleutelframe toe op de schuifregelaarpositie.

Duur van werkgebied van tijdlijn

Als u een sleutelframe wilt toevoegen na het einde van de tijdlijn, kunt u de lengte van het werkgebied voor de tijdlijn verlengen.Misschien wilt u bijvoorbeeld na 15 seconden een sleutelframe toevoegen, terwijl de standaardlengte 12 seconden is. Het werkgebied van de tijdlijn langer maken:

1. Klik op de lengte-indicator bovenaan de tijdlijn.

   

2. Geef een nieuwe waarde op voor de lengte van de tijdlijn (in seconden). De minimum waarde is twaalf seconden.
3. Druk op Enter.

Het werkgebied van de tijdlijn moet lang genoeg zijn voor uw animaties. Ongebruikte delen van de lengte hebben geen invloed op de speeltijd van uw animatie.

Tijdlijnen voor videoadvertenties mogen maximaal 5 minuten lang zijn.

Schaal van tijdlijn

Sleep de zoomschuifregelaar rechtsboven in de tijdlijn om de schaal van de tijdlijn aan te passen. Inzoomen kan handig zijn als u sleutelframes dicht bij elkaar heeft gepositioneerd. Het zoomniveau verandert alleen de weergave van de tijdlijn en heeft geen invloed op de timing van de animaties.

Als u de lengte van een animatie met meerdere sleutelframes wilt wijzigen, kunt u meerdere keyspans schalen om ze proportioneel langer of korter te maken.