Det finns flera metoder för att slinga ett beteende i Apple Motion. Men om du vill ha full kontroll över animeringen kan du bygga den med hjälp av nyckelramar och tidslinjen och slinga / upprepa animationen med hjälp av Keyframe Editor. Låt oss gå genom trappan.
Vi kommer att bygga en enkel Bokeh-animation med 5 cirklar, som vi kommer att styra individuellt på tidslinjen. Vi har redan en bakgrundsbild för animationen, som är en 1080 x 1080 px Instagram-inlägg, som jag brukade meddela ett inlägg om Adobe Spark. Fotoet, den röda rektangeln och den vita texten plattades och importerades till Motion. Bilden har ett litet Bokeh-område, som vi kommer att förbättra med vår animering.
Öppna Motion 5 och låt oss komma igång.
- Starta ett nytt projekt med följande inställningar (se skärmdump).
Förinställning: Anpassad
Upplösning: 1080 x 1080 pixlar
Fältordning: Standard - övre första udda
Bildkvot: Kvadrat
Bildfrekvens: 30 fps
Längd: 3:00
Tidskod
- Med Playhead i den första bilden klickar du på File - Import och väljer bakgrundsbilden. Bilden ska sträcka sig över hela tidslinjen. Byt namn på standardgruppen till "konst".
Bokeh-cirklarna i bilden är vita och röda. Så det är de färgerna kommer att använda, vilket ger utseendet att vår animering verkligen är en del av fotot "kommer till liv".
- Rita en cirkel i samma storlek som cirkeln i Bokeh på fotot med cirkelverktyget och håll nere Shift-tangenten (se skärmdump).
- Välj fliken Form i inspektören.
- Markera rutan bredvid Fyll och ställ in rutan Fyllfärg på vit.
- Ställ in borstfärgen på vit, bredden till 3 till 15 och borstens opacitet till 40 - 50%. Detta mjuker upp cirkelns kant (se skärmdump).
Nu när vi har forminställningarna som vi vill kan vi bygga animationen. Vi kommer att bleka in / ut både formen och konturerna med formen med hjälp av Opacity-egenskapen.
- När cirkeln fortfarande är vald går du till fliken Egenskaper.
- Klicka på Keyframe-ikonen för Opacity-egenskapen med Playhead vid den första ramen på tidslinjen. Håll skjutreglaget Opacity inställt på 100% (se skärmdump).
Nu tappar vi ut cirkeln på 1/2 sekund (15 bilder).
- Flytta Playhead till ram 15 och klicka på Opacity Keyframe-ikonen på fliken Egenskaper igen.
- Flytta skjutreglaget Opacity till 0% för att bleka ut cirkeln.
- Flytta Playhead till ram 30 och lägg till ett keyframe. Ställ skjutreglaget Opacity tillbaka till 100% för att bleka i cirkeln.
Nu har vi den grundläggande 1 sekunden (30 bildrutor) blekna in / ut animationsnyckeln inramad men vi vill att den ska upprepas under hela 3 sekunder på tidslinjen. Vi kommer att använda tidslinjeditoren för att göra detta.
- Med Playhead-inställningen vid den sista bilden av vår animation (ram 30), högerklicka på keyframe-triangeln och välj Visa i Keyframe Editor från menyn (se skärmdump).
- Du kommer att se Keyframe Editor öppen under tidslinjen.
- Klicka på pilen på cirkellagret för att öppna egenskapen Blending Opacity.
- Klicka på pilen på höger kant av lagret Blending Opacity och välj After Last Keyframe - Upprepa från menyn (se skärmdump).
- Flytta Playhead till ram 1 och testa animeringen. Cirkeln bör blinka tre gånger.
- Nu kan du upprepa processen i några kretsar till. Ställ in Keyframes på tidslinjen på olika platser (se skärmdump).
Cirkel en: ram 1 - ram 15 - ram 30
Cirkel två: ram 1 - ram 40 - ram 110
Cirkel tre: ram 1 - ram 25 - ram 45
Cirkel fyra: Ram 1 - Ram 12 - Ram 24
Cirkel fem: ram 1 - ram 9 - ram 18
Jag får vanligtvis bästa resultat genom att exportera animationen från Motion som en .mov-videofil. Öppna sedan .mov-filen till HandBreak för att komprimera filen till en .mp4-fil som är klar att ladda upp till Instagram.
Visa Instagram-inlägget
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie och Mac är varumärken som tillhör Apple Inc., registrerade i USA och andra länder. CoffeBreakBlog är en oberoende publikation och har inte godkänts, sponsras eller på annat sätt godkänts av Apple Inc. Skärmbilder som används med tillstånd.
Video Instruktioner: WW2 - OverSimplified (Part 1) (Maj 2024).