Voorbeeld van animatiepaden in PPT 2019

Tijdens het schrijven van mijn vorige post over de Morph diaovergang stuitte ik op een aantal oude voorbeeldpresentaties over animatiepaden. Deze blog is ooit gestart met een aantal voorbeelden over dat onderwerp. Waarschijnlijk ben ik die presentaties uit het oog verloren of heb ik ze vergeten te publiceren. Hoog tijd om dat nu alsnog te doen.

Mijn artikels waren toen nog tweetalig en nogal primitief. Pure nostalgie dus, hieronder een link naar mijn allereerste artikel over hetzelfde onderwerp.

Animatiepaden

Er zijn een flink aantal artikels over animatiepaden met tekst, vormen en afbeeldingen. Aangezien de voorbeelden nog in de klassieke verhouding 4:3 waren heb ik die omgezet naar de nieuwe standaard 16:9. Dat kan je doen via het tabblad Ontwerpen en de knop Diagrootte in de groep Aanpassen.

Je kiest dan voor Breedbeeld 16:9. Vervolgens kies je voor Maximaliseren zodat de inhoud zich maximaal aanpast aan het nieuwe formaat.

Dit is de eerste presentatie die niet werd gepubliceerd.

Bij het openen van de presentatie zoom je best uit, je zal zien dat alle foto's zich buiten de zichtbare zone van de dia bevinden. Een animatiepad brengt de grootste foto naar het midden van de dia gecombineerd met de nadrukanimatie Vergroten/verkleinen. Dan kan je met een volgende klik een aantal andere foto's binnenbrengen via animatiepaden. Je kan de presentatie hier downloaden:

Animatiepaden met afbeeldingen (6)

Het tweede voorbeeld bevat 4 gestapelde foto's. Iedere foto verschijnt met een klik en wordt met een animatiepad vervolgens automatisch verplaatst tot buiten het scherm. Na de laatste klik verdwijnt de laatste foto en je komt terecht op de achtergrond van de presentatie die ook bestaat uit een foto. Je kan de presentatie hier downloaden:

Animatiepaden met afbeeldingen (7)

Afbeelding met klik vergroten en verplaatsen, vervolgens terugkeren naar oorspronkelijke grootte en positie PPT 2013

Hieronder zie je een dia met drie afbeeldingen. Ik wil iedere afbeelding vergroten en verplaatsen naar de groene rechthoek, vervolgens met een klik terugkeren naar de oorspronkelijke positie in de oorspronkelijke grootte. Je kan het bestand hier downloaden:
Andalusië

Hiervoor gebruik je twee animaties, een animatiepad en een nadrukeffect Vergroten/verkleinen.

Om bij de positionering te helpen maak je best gebruik van hulplijnen. Druk Alt+F9 en verplaats de horizontale en verticale hulplijn door te slepen tot ze in het midden van de groene rechthoek staan.

Kies het tabblad Animatie, klik op de knop Animatie toevoegen, selecteer onderaan Meer animatiepaden en vervolgens Omlaag.

Sleep het rode eindpunt naar het snijpunt van de hulplijnen.

Klik naast het duplicaat.

Selecteer de foto opnieuw en voeg er de animatie Vergroten/verkleinen aan toe. Laat het effect starten met het vorige, pas een groeipercentage toe (dubbelklik op de animatie in het animatie taakvenster) tot de afbeelding past in de groene rechthoek. In dit geval heb ik het groeipercentage ingesteld op 235% (wat trial and error zal nodig zijn).

Selecteer dezelfde foto en pas een tweede animatiepad toe bv. Omhoog. Selecteer het animatiepad en sleep het groene (cirkel) beginpunt naar het snijpunt van de hulplijnen (het duplicaat laat je toe heel precies te werken). Het rode eindpunt sleep je naar de oorspronkelijk startpositie.

Selecteer de foto opnieuw en pas het nadrukeffect Vergroten/verkleinen toe, starten met het vorige, om het juiste percentage te bekomen deel je 100 door het groeipercentage. In mijn voorbeeld is dat dus 100/235%=42,55%.

Het animatiedeelvenster ziet er nu zo uit:

Kopieer nu deze animaties naar de tweede afbeelding. Selecteer de eerste foto, klik op de knop Animatie kopiëren/plakken, klik op de tweede foto met je muis, let op de verfborstel die bij de cursor verschijnt.

Roep het taakvenster  Selectie op (druk Alt+F10) en verberg de afbeeldingen waar je niet mee wil werken. Op deze manier is het gemakkelijker werken om de animatiepaden bij te werken.

Selecteer het tweede animatiepad door erop te klikken in het animatiedeelvenster en sleep het in de dia naar boven, het eerste animatiepad blijft staan:

Sleep het groene (cirkel) beginpunt naar het snijpunt van de twee hulplijnen. Sleep het rode (cirkel) eindpunt naar de oorspronkelijke beginpositie van de afbeelding:

Selecteer het eerste animatiepad door erop te klikken en sleep de rode cirkel naar het snijpunt van de twee hulplijnen.

Herhaal het proces voor de derde foto. Het eerste animatiepad loopt omhoog het tweede omlaag. De bestaande effecten kan je vervangen door deze te selecteren in het animatiedeelvenster en rechtsonder via de knop Meer in de groep animaties te kiezen voor Meer animatiepaden en het juiste effect te selecteren. Voor het nadrukeffect moet je wel een ander groeipercentage ingeven aangezien de afbeelding andere afmetingen heeft.

Enige nadeel is dat je de volgorde waarin de afbeeldingen verschijnen niet kunt kiezen.

Om daar wat aan te doen gaan we een trigger toepassen op de afbeelding. Dat is stof voor een volgende bijdrage.

Voor PPT 2016-2019

Dezelfde procedure is nog steeds geldig in PPT 2016 en 2019. Maar je kan nu ook de nieuwe Morphing diaovergang gebruiken om hetzelfde effect te bekomen. Zie onderstaande link:

https://lucpowerpoint.blogspot.com/2019/09/afbeelding-vergrotenverplaatsen.html

Wat is nieuw in PowerPoint 2013-14 - Animaties/2

Microsoft heeft een spookobject toegevoegd aan het einde van een animatiepad.

Veronderstel dat je een pad naar rechts hebt toegevoegd aan een object:

Als je klikt op het animatiepad, zie je een tweede object verschijnen op de eindpositie. Zo kan je beoordelen of het pad op de gewenste plaats eindigt.

What's new in PowerPoint 2013-14 - Animations/2

Microsoft has added a ghosted object that shows you the end position of a motion path.

Say you add a motion path to an object:

If you click on the path you get the object at its end position:

Reverse motion path on an animation part 4 - Animatiepad omkeren bij een animatie deel 4

Reverse path - Part four

Now you can drag the object independently from the path to it's real beginning point. Make sure you position it with the green arrow in the middle of the object. If you do not do this, the object may jump around during the animation.

Now you can go to slide 2, the object is already in it's starting position and you can take it from there.

Omkeren pad - Deel vier

Nu kan je het object naar zijn beginpunt slepen. Zorg er wel voor dat het groene beginpijltje van het animatiepad precies in het midden van het object terecht komt. Doe je dit niet dan zal het object verspringen naar het beginpunt tijdens de animatie.

Nu ben je klaar om met dia 2 verder te gaan. Het object staat al meteen op zijn juiste startpositie.

Reverse motion path on an animation part 3 - Animatiepad omkeren bij een animatie deel 3

Reverse path - Part three

Right-click on the motion path and choose Reverse path direction

Result:

In the Custom animation task pane, at the top next to Path, click on the listarrow and choose Locked. This will allow you to move the object without moving the path itself.

Pad omkeren - deel 3

Rechtsklik op het animatiepad. Kies in het snelmenu voor Omgekeerde padrichting.

In het taakvenster Aangepaste animatie klik je op het lijstpijltje naast Pad en kies Vergrendeld. Zo zal je het object kunnen verplaatsen zonder dat het pad mee wordt verplaatst.

Reverse motion path on an animation part 2 - Animatiepad omkeren bij een animatie deel 2

Reverse path - Part two

This is how you go about it. First position the object on it's final position on slide 1, then copy the slide. In PowerPoint 2003/2007/2010 just press Ctrl+D.

Now on the first slide draw a motion path from the end position to the spot you want the object to start on animation. Be sure to start right in the middle of the object.

Pad omkeren - Deel twee

Zo pakken wij het aan. Op dia 1 plaats je het object op de plaats waar het na animatie moet terechtkomen.

Kopieer dan de dia via de toetscombinatie Ctrl+D, deze combinatie werkt voor zowel PPT 2003 als PPT 2007/2010.

Teken nu een animatiepad vertrekkend vanuit het midden van het object naar het punt waar het object zijn af te leggen pad moet starten.

Reverse motion path on an animation part 1 - Animatiepad omkeren bij een animatie deel 1

Reverse path PPT 2003/2007

Recently someone asked me a question concerning animations having to continue from one slide to another. In this case he was talking about animation paths. His problem was that he wanted to continue a motion path exactly where it stopped on the previous slide but had troubles finding the exact position to do just that.

Below you can see the problem in the picture.

In some upcoming blog entries I will try to illustrate how this can be done.

Pad omkeren PPT 2003/2007

Niet lang geleden kreeg ik een vraag van een gebruiker over animatiepaden die moesten doorlopen van de ene naar de andere dia. Zijn probleem bestond erin dat hij moeilijkheden had de eindpositie van het geanimeerd object te bepalen op zowel de eerste als de volgende dia. Hierboven zie je een afbeelding die dat illustreert.
In de volgende blog berichten zal ik trachten te tonen hoe je dit probleem kunt oplossen.

Apply motion paths to Autoshapes (4)/Animatiepaden toepassen op AutoVormen (4)

Motion paths applied to AutoShapes (part four)

This time we animate a rectangle AutoShape, we apply an animation path to it so that it covers up another shape. The path is reversed so that the shape appears again. The timing is adapted using the advanced time line. You will need a solid background colour to make this work. The rectangle follows the background fill and has no line fill.

Animatiepaden toegepast op AutoVormen (deel vier)

Deze keer wordt een AutoVorm gebruikt waar het animatiepad omlaag is op toegepast. Het pad wordt vervolgens automatisch omgekeerd. Op deze manier verdwijnen de letters om vervolgens terug te verschijnen. De timing van de verschillende paden wordt scherper gesteld via het geavanceerd tijdschema.
Dit werkt enkel met een effen achtergrondkleur. De rechthoek volgt de achtergrondkleur en krijgt geen rand.

Bijlage/Attachment: Animatiepaden vormen (4) PPT 2007-2019
Motion paths Shapes (4) PPT 2007-2019

Apply motion paths to make an anagram/Animatiepaden toepassen voor een anagram

Motion paths applied to textboxes (part six)

This is sample six. A bit of fun transforming a word, letter by letter into another word. Anagrams are fun.
Enjoy

Animatiepaden toegepast op tekstvakken (deel 6)

Voorbeeld zeven van geanimeerde tekstvakken. Een woord wordt letter per letter omgezet naar een ander woord. Of hoe je je kan amuseren met een anagram.

Bijlage/Attachment: Animatiepaden anagram PPT 2007-2019

Apply motion paths to AutoShapes (3)/Animatiepaden toepassen op AutoVormen (3)

Motion paths applied to AutoShapes (part three)

This is sample three of an AutoShape animated with a motion path. This time we combine the motion path 'Square' with the entrance effect 'Dissolve'.

Animatiepaden toegepast op AutoVormen (deel drie)

In dit derde voorbeeld wordt een rechthoek in combinatie met een aantal tekstvakken geanimeerd. Het animatiepad vierkant wordt gecombineerd met het ingangseffect 'Oplossen in'. 

Bijlage/Attachment: Animatiepaden vormen (3) PPT 2007-2019
Motion paths Shapes (3) PPT 2007-2019

Apply animation paths to AutoShapes (2)/Animatiepaden toepassen op AutoVormen (2)

Animation paths applied to AutoShapes (part two)

In this second sample the first rectangle appears with the entrance effect 'faded zoom'.
Then four other rectangles appear from the top of the slide and move down till they are positioned under the first one.
The motion paths are locked so that you can move the shape independently from the path.

Animatiepaden toegepast op AutoVormen (deel twee)

In het tweede voorbeeld met AutoVormen worden vijf rechthoeken met tekst geanimeerd. De eerste rechthoek verschijnt met het ingangseffect 'Vervaagd in- en uitzoomen'. De overige vier worden met een animatiepad automatisch van buiten de dia tot onder de eerste rechthoek gebracht. De animatiepaden zijn vergrendeld zodat je de vorm onafhankelijk kunt verplaatsen van het pad.

Attachment: Animatiepaden vormen (2) PPT 2007-2019
Motion path Shapes (2) PPT 2007-2019

Apply motion paths to textboxes (5)/Animatiepaden toepassen op tekstvakken (5)

 Motion paths applied to textboxes (part five)

This is sample five. This time we have used textboxes with only one letter in them. These have been copied then the color has been changed. Finally we aligned them on top of each other so only one word shows.

There are four sets of motion paths, all animated with previous and with a time delay. The motion paths bring the letters upwards and downwards, then they diagonally leave the slide. To make the selection easier, you can use the multiple selection multiple objects button on the drawing toolbar (2003). Or the Selection and visibility pane in versions 2007-2010. Or simply Selection pane in version PPT 2013-2019.

 2003

2013

Animatiepaden toepassen op tekstvakken (deel 5)

Voorbeeld nummer 5 maakt gebruik van tekstvakken die slechts 1 letter bevatten. Deze vakken werden twee keer gekopieerd en voorzien van een andere kleur. Vervolgens werden ze boven elkaar uitgelijnd.
De twee gekopieerde stellen worden voorzien van elk twee animaties. De eerste haalt de vakken te voorschijn van onder het derde vak. En vervolgens worden de tekstvakken diagonaal verwijderd tot buiten de dia. Beide worden geanimeerd met vorige en met een verschillende vertraging.

Om het toepassen van de animaties wat vlotter te laten verlopen kan je beroep doen op de knop meerdere objecten selecteren op de tekenwerkbalk (2003) of het taakvenster Selectie en zichtbaarheid (2007-2010). Of simpelweg het taakvenster Selectie in versie (2013-2019)

In het venster kan je meerdere objecten selecteren en die vervolgens in het taakvenster aangepaste animatie van de gepaste animatie voorzien.

  2003
 

2007

2013

   Attachment: Animatiepaden tekstvakken (5) PPT 2007-2019

Motion paths text boxes (5) PPT 2007-2019

Apply motion paths to textboxes (4)/Animatiepaden toepassen op tekstvakken (4)

Motion paths applied to textboxes (part four)

Sample four, this time a few textboxes are animated using vertical, horizontal and diagonal motion paths. All animations are formatted to start with previous.
Only one textbox remains after all animation is done.
This requires some editing in the advanced time line scheme.

Animatiepaden toegepast op tekstvakken (deel 4)

Vierde voorbeeld, deze keer worden een aantal tekstvakken tegelijker tijd geanimeerd. Zij krijgen een verticaal, horizontaal of diagonaal pad mee. Alle tekstvakken verdwijnen behalve het laatste dat midden op de dia eindigt.
Om alles qua tijdsverloop goed te laten verlopen moet je beroep doen op het geavanceerd tijdschema. Dit activeer je als volgt in het taakvenster aangepaste animatie.

Sleep vervolgens met de tijdblokjes, vooraan om het begintijdstip te wijzigen, achteraan om het eindtijdstip te veranderen, of sleep met het blokje als geheel om het ten opzichte van de andere blokken te positioneren.

Bijlage/Attachment: Animatiepaden tekstvakken (4) PPT 2007-2019
Motion paths text boxes (4) PPT 2007-2019

Apply motion paths to textboxes (3)Animatiepaden toepassen op tekstvakken (3)

Motion paths applied to textboxes (part three)

This is the third sample of a motion path applied to a textbox.
In the sample a textbox is animated from outside the slide using two motion paths. Both paths are combined with an emphasis effect. This makes the textbox move and turn 180° at the same time. To get the timing right you have to expose the custom timing bars. Which allow you to finetune the whole process.

Animatiepaden toegepast op tekstvakken (deel drie)

Dit is het derde voorbeeld gewijd aan het gebruik van animatiepaden in combinatie met tekstvakken.
In het voorbeeld wordt een tekstvak geanimeerd van buiten de dia via twee op elkaar volgende animatiepaden. Beide paden worden gecombineerd met een nadrukeffect. Dit maakt dat het tekstvak tegelijkertijd beweegt en 180° draait.

Om de timing goed te krijgen is het nodig om het geavanceerd tijdschema weer te geven. Dat stelt je in staat alles perfect op elkaar af te stemmen.

Bijlage/Attachment: Animatiepaden tekstvakken (3) PPT 2007-2019
Motion paths text boxes (3) PPT 2007-2019

Apply motion paths to textboxes (2)/Animatiepaden toepassen op tekstvakken (2)

Motion paths applied to textboxes (part two)

A second sample illustrating the use of a motion path applied to a textbox.
The textbox starts outside the visible borders of the slide. It follows a custom motion path drawn by the user. It seems as if the box hits the side of the slide and is propelled to the other side as a billiard ball. Be aware that the textbox is outside the slide area.

Animatiepaden toegepast op tekstvakken (deel 2)

Een tweede voorbeeld van een animatiepad toegepast op een tekstvak.
Het vak start buiten de zichtbare grenzen van de dia en volgt een getekend animatiepad. Het lijkt alsof het vak van de ene naar de andere zijde van de dia stuitert, als een biljartbal. Opgelet het tekstvak staat buiten de dia!

Bijlage/Attachment: 
Animatiepaden tekstvakken (2) PPT 2007-2019
Motion paths textboxes (2) PPT 2007-2019

Apply motion paths to textboxes (1)/Animatiepaden toepassen op tekstvakken (1)

Motion paths applied to textboxes (part one)

This is the first in a series of samples dedicated to the animation of textboxes using a motion path.
In the first sample three textboxes are put on top of each other. Only the top one is visible. The motion paths make the other two boxes appear automatically. It gives you the impression that the textbox is split up.

Animatiepaden toegepast op tekstvakken (deel 1)

Dit is het eerste voorbeeld in een reeks gewijd aan het toepassen van animatiepaden op een tekstvak.

In dit eerste voorbeeld worden 3 tekstvakken bovenop elkaar gestapeld. Bij het starten van de presentatie is er maar een zichtbaar. De animatiepaden zorgen ervoor dat de andere twee automatisch verschijnen. Het lijkt alsof het woord zich opsplitst.

Bijlage/Attachment: 
Animatiepaden tekst (1) PPT 2007-2019
Motion paths text boxes (1) PPT 2007-2019

Apply motion paths to pictures (5)/Animatiepaden toepassen op afbeeldingen (5)

Apply motion paths to pictures (part five)

Time for the last of the motion path animation samples applied to pictures. This time a picture is animated using a custom animation path.

Animatiepaden toepassen op afbeeldingen (deel vijf)

Tijd voor het vijfde en laatste voorbeeld van animatiepaden toegepast op een afbeelding. Deze keer wordt een afbeelding geanimeerd met een zelfgetekend animatiepad.

Bijlage/Attachment: Animatiepaden afbeelding (5) PPT 2007-2019
Motion paths pictures (5) PPT 2007-2019

Apply motion paths to pictures (4)/Animatiepaden toepassen op afbeeldingen (4)

Motion paths applied to pictures (part four)

This is sample four illustrating the use of motion paths on pictures.
Four pictures on a slide all equally sized. Pictures are swapped in the diagonal on a two by two basis using a motion path. Then the pictures are swapped in the vertical using another motion path.

Animatiepaden toepassen op afbeeldingen (deel vier)

Dit is een vierde voorbeeld van animatiepaden toegepast op afbeeldingen.
Vier afbeeldingen op een dia worden, twee per twee, geanimeerd. Eerst worden de vier afbeeldingen twee per twee in de diagonaal gewisseld. Vervolgens wisselen de afbeeldingen, twee per twee, in de verticale as.

Bijlage/Attachment: Animatiepaden afbeelding (4) PPT 2007-2019
Motion paths pictures (4) PPT 2007-2019

Apply motion paths to pictures (3) / Animatiepaden toepassen op afbeeldingen (3)

Motion paths applies to pictures (part three)

This is the third sample of motion paths applied to a picture.
First we split up the image in four equal parts.
Then those parts are animated using a motion path twice. 
The first path brings the picture to the centre of the slide, immediately followed by a second path which shows the whole of the picture.

Animatiepaden toegepast op afbeeldingen (deel drie)

Dit is een derde voorbeeld van animatiepaden toegepast op een afbeelding. De afbeelding wordt opgesplitst in vier deelafbeeldingen via de functie bijsnijden uit de werkbalk 'Afbeelding'.

Eerst worden de vier deelafbeeldingen één na één met een animatiepad geanimeerd naar het midden van de dia. Vervolgens worden de vier afbeeldingen tegelijkertijd met een animatiepad naast elkaar op de dia gebracht zodat de totaalafbeelding verschijnt.

Bijlage/Attachment: Animatiepaden afbeelding (3) PPT 2007-2019
Motion paths pictures (3) PPT 2007-2019