Animatie in beweging herhalen

• April 25, 2024

Er zijn verschillende methoden om gedrag in Apple Motion te herhalen. Maar als u volledige controle over de animatie wilt, kunt u deze bouwen met behulp van hoofdframes en de tijdlijn en de animatie herhalen / herhalen met de Keyframe-editor. Laten we de stappen doorlopen.

We zullen een eenvoudige Bokeh-animatie bouwen met behulp van 5 cirkels, die we afzonderlijk in de tijdlijn zullen besturen. We hebben al een achtergrondafbeelding voor de animatie, dat is een 1080 x 1080 px Instagram-postafbeelding, die ik gebruikte om een ​​bericht over Adobe Spark aan te kondigen. De foto, rode rechthoek en witte tekst zijn afgevlakt en geïmporteerd in Motion. De foto heeft een klein Bokeh-gebied, dat we zullen verbeteren met onze animatie.

Open Motion 5 en laten we aan de slag gaan.

1. Start een nieuw project met de volgende instellingen (zie screenshot).
   
   Voorinstelling: aangepast
   Resolutie: 1080 x 1080 pixels
   Veldvolgorde: standaard - Bovenste eerste oneven
   Beeldverhouding: Vierkant
   Framesnelheid: 30 fps
   Duur: 3:00
   Timecode
   
   
2. Klik met de afspeelkop op het eerste frame op Bestand - Importeren en kies de achtergrondafbeelding. De afbeelding moet de hele tijdlijn beslaan. Wijzig de standaardgroep in "kunst".
   
   De bokehcirkels in de afbeelding zijn wit en rood. Dus dat zijn de kleuren die we zullen gebruiken, waardoor het lijkt alsof onze animatie echt deel uitmaakt van de foto "tot leven komen".
   
   
3. Teken met het gereedschap Cirkel en houd de Shift-toets ingedrukt een cirkel van dezelfde grootte als de cirkel in de bokeh in de foto (zie screenshot).
   
   
4. Selecteer het tabblad Vorm in het infovenster.
   
   
5. Schakel het selectievakje naast Opvullen in en stel het vak Opvulkleur in op wit.
   
   
6. Stel in het gedeelte Overzicht de penseelkleur in op wit, de breedte op 3 tot 15 en de penseeldekking op 40 - 50%. Dit zal de rand van de cirkel verzachten (zie screenshot).
   
   Nu we de vorminstellingen hebben zoals we willen, kunnen we de animatie bouwen. We zullen zowel de vulling als de omtrek van de vorm in / uitfaden met de eigenschap Dekking.
   
   
7. Terwijl de cirkel nog steeds is geselecteerd, gaat u naar het tabblad Eigenschappen.
   
   
8. Klik met de afspeelkop op het eerste frame van de tijdlijn op het Keyframe-pictogram voor de eigenschap Opacity. Houd de schuifregelaar Dekking ingesteld op 100% (zie screenshot).
   
   Nu zullen we de cirkel over 1/2 seconde vervagen (15 frames).
   
   
9. Verplaats de afspeelkop naar frame 15 en klik nogmaals op het pictogram Dekking hoofdframe op het tabblad Eigenschappen.
   
   
10. Verplaats de schuifregelaar Dekking naar 0% om de cirkel te vervagen.
    
    
11. Verplaats de afspeelkop naar frame 30 en voeg een keyframe toe. Zet de schuifregelaar Dekking terug op 100% om in de cirkel te vervagen.
    
    Nu hebben we de basisfade-in-out animatie van 1 seconde (30 frames), maar we willen dat deze gedurende de volledige 3 seconden van de tijdlijn wordt herhaald. We zullen de Tijdlijn-editor gebruiken om dit te doen.
    
    
12. Met de Playhead ingesteld op het laatste frame van onze animatie (frame 30), klik met de rechtermuisknop op de keyframedriehoek en kies Tonen in Keyframe-editor in het menu (zie screenshot).
    
    
13. U ziet de Keyframe-editor geopend onder de tijdlijn.
    
    
14. Klik op de pijl op de cirkellaag om de eigenschap Blending Opacity te openen.
    
    
15. Klik op de pijl aan de rechterkant van de laag Blending Opacity en kies Na laatste keyframe - herhalen in het menu (zie screenshot).
    
    
16. Verplaats de afspeelkop naar frame 1 en test de animatie. De cirkel moet drie keer knipperen.
    
    
17. Nu kun je het proces nog een paar cirkels herhalen. Stel de keyframes op de tijdlijn in op verschillende locaties (zie screenshot).
    
    Circle One: Frame 1 - Frame 15 - Frame 30
    Circle Two: Frame 1 - Frame 40 - Frame 110
    Circle Three: Frame 1 - Frame 25 - Frame 45
    Circle Four: Frame 1 - Frame 12 - Frame 24
    Circle Five: Frame 1 - Frame 9 - Frame 18
    
    

Ik krijg meestal de beste resultaten door de animatie uit Motion te exporteren als een .mov-videobestand. Open vervolgens het .mov-bestand in HandBreak om het bestand te comprimeren naar een .mp4-bestand dat gereed is om te uploaden naar Instagram.

Bekijk de Instagram-post

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen. CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.

Video-Instructies: 14. Infinity; cerebellum stimulatie oefening. (April 2024).