Så här redigerar du rörelseinterpoleringar med rörelseredigeraren

  1. Användarhandbok för Adobe Animate
  2. Introduktion till Animate
    1. Nyheter i Animate
    2. Visuell ordlista
    3. Systemkrav för Animate
    4. Tangentbordsgenvägar för Animate
    5. Arbeta med flera filtyper i Animate
  3. Animering
    1. Grunderna vid animering i Animate
    2. Så här använder du bildrutor och nyckelbildrutor i Animate
    3. Animering bildruta för bildruta i Animate
    4. Arbeta med klassiska interpolerade animeringar i Animate
    5. Pensel
    6. Rörelseguide
    7. Rörelseinterpoleringar och ActionScript 3.0
    8. Om animeringar med rörelseinterpolering
    9. Animeringar med rörelseinterpolering
    10. Skapa en animering med rörelseinterpolering
    11. Använda nyckelbildrutor för egenskaper
    12. Animera placering med en interpolering
    13. Så här redigerar du rörelseinterpoleringar med rörelseredigeraren
    14. Redigera rörelsebanan för en interpolerad animering
    15. Ändra rörelseinterpoleringar
    16. Lägga till anpassade övergångar
    17. Skapa och använda förinställda rörelser
    18. Konfigurera interpoleringsintervall för animeringar
    19. Arbeta med rörelseinterpoleringar sparade som XML-filer
    20. Rörelseinterpoleringar jämfört med klassiska interpoleringar
    21. Forminterpolering
    22. Använda animeringar med benverktyget i Animate
    23. Arbeta med figurriggning i Animate
    24. Så här använder du maskeringslager i Adobe Animate
    25. Så här arbetar du med scener i Animate
  4. Interaktivitet
    1. Så här skapar du knappar med Animate
    2. Konvertera Animate-projekt till andra dokumenttypsformat
    3. Skapa och publicera HTML5 Canvas-dokument i Animate
    4. Lägga till interaktivitet med kodfragment i Animate
    5. Skapa anpassade HTML5-komponenter
    6. Använda komponenter i HTML5 Canvas
    7. Skapa anpassade komponenter: Exempel
    8. Kodfragment för anpassade komponenter
    9. God praxis - annonsera med Animate
    10. Redigera och publicera VR
  5. Arbetsyta och arbetsflöde
    1. Skapa och hantera målarpenslar
    2. Använda Google Fonts i HTML5 Canvas-dokument
    3. Använda Creative Cloud Libraries och Adobe Animate
    4. Använda scen- och verktygspanelerna i Animate
    5. Arbetsflöde och arbetsyta i Animate
    6. Använda webbteckensnitt i HTML5 Canvas-dokument
    7. Tidslinjer och ActionScript
    8. Arbeta med flera tidslinjer
    9. Ange inställningar
    10. Använda redigeringspanelerna i Animate
    11. Skapa tidslinjelager med Animate
    12. Exportera animeringar för mobilprogram och spelplattformar
    13. Flytta och kopiera objekt
    14. Mallar
    15. Söka och ersätta i Animate
    16. Ångra, gör om och panelen Historik
    17. Kortkommandon
    18. Så här använder du tidslinjen i Animate
    19. Skapa HTML-tillägg
    20. Optimeringsalternativ för bilder och animerade GIF-filer
    21. Exportinställningar för bilder och GIF-filer
    22. Panelen Resurser i Animate
  6. Multimedia och video
    1. Omforma och kombinera grafikobjekt i Animate
    2. Skapa och arbeta med symbolinstanser i Animate
    3. Bildkalkering
    4. Så här använder du ljud i Adobe Animate
    5. Exportera SVG-filer
    6. Skapa videofiler för användning i Animate
    7. Så här lägger du till en video i Animate
    8. Arbeta med videoreferenspunkter
    9. Rita och skapa objekt med Animate
    10. Omforma linjer och former
    11. Linjer, fyllningar och övertoningar med Animate CC
    12. Arbeta med Adobe Premiere Pro och After Effects
    13. Färgpaneler i Animate CC
    14. Öppna Flash CS6-filer i Animate
    15. Arbeta med klassisk text i Animate
    16. Placera grafik i Animate
    17. Importerade bitmappar i Animate
    18. 3D-grafik
    19. Arbeta med symboler i Animate
    20. Rita linjer och former med Adobe Animate
    21. Arbeta med bibliotek i Animate
    22. Exportera ljud
    23. Markera objekt i Animate CC
    24. Arbeta med Illustrator AI-filer i Animate
    25. Tillämpa mönster med sprejpenseln
    26. Använda blandningslägen
    27. Ordna objekt
    28. Automatisera uppgifter med kommandomenyn
    29. Flerspråkig text
    30. Använda kameran i Animate
    31. Använda Animate med Adobe Scout
    32. Arbeta med Fireworks-filer
    33. Grafikfilter
    34. Ljud och ActionScript
    35. Ritinställningar
    36. Rita med ritstift
  7. Plattformar
    1. Konvertera Animate-projekt till andra dokumenttypsformat
    2. Stöd för anpassade plattformar
    3. Skapa och publicera HTML5 Canvas-dokument i Animate
    4. Skapa och publicera ett WebGL-dokument
    5. Så här paketerar du AIR för iOS-program
    6. Publicera AIR for Android-program
    7. Publicera för Adobe AIR för datorprogram
    8. Inställningar för ActionScript-publicering
    9. God praxis – organisera ActionScript i ett program
    10. Så här använder du ActionScript med Animate
    11. God praxis – riktlinjer för hjälpmedel
    12. Hjälpmedel på arbetsytan i Animate
    13. Skriva och hantera skript
    14. Aktivera stöd för anpassade plattformar
    15. Översikt över stöd för anpassade plattformar
    16. Skapa hjälpmedelsanpassat innehåll
    17. Arbeta med plugin-program för anpassade plattformar
    18. Felsöka ActionScript 3.0
    19. Aktivera stöd för anpassade plattformar
  8. Exportera och publicera
    1. Så här exporterar du filer från Animate CC
    2. OAM-publicering
    3. Exportera SVG-filer
    4. Exportera bilder och video med Animate
    5. Publicera AS3-dokument
    6. Exportera animeringar för mobilprogram och spelplattformar
    7. Exportera ljud
    8. Exportera QuickTime-videofiler
    9. Styra extern videouppspelning med ActionScript
    10. God praxis – tips för att skapa innehåll på mobila enheter
    11. God praxis – videokonventioner
    12. God praxis – riktlinjer för utveckling av SWF-program
    13. God praxis – strukturera FLA-filer
    14. De bästa sätten att optimera FLA-filer för Animate
    15. Inställningar för ActionScript-publicering
    16. Ange publiceringsinställningar för Animate
    17. Exportera projektorfiler
    18. Exportera bilder och animerade GIF-filer
    19. Publiceringsmallar för HTML
    20. Arbeta med Adobe Premiere Pro och After Effects
    21. Dela och publicera animeringar snabbt

Med rörelseredigeraren i Animate CC kan du skapa komplexa rörelseinterpoleringar på ett enkelt sätt. I rörelseredigeraren visas en kompakt vy över alla egenskaper som använts på det markerade interpoleringsintervallet som tvådimensionella diagram. Du kan ändra vart och ett av dessa diagram, och deras motsvarande interpolerade egenskaper, separat. Tack vare exakta kontroller på detaljnivå kan du förfina animeringarna avsevärt för att emulera verkliga beteenden med hjälp av rörelseredigeraren.

Om rörelseredigeraren

Rörelseredigeraren har utformats för att förenkla arbetet med att skapa komplexa interpoleringar. Med rörelseredigeraren kan du styra och hantera egenskaperna för en interpolering. När du har skapat en rörelseinterpolering kan du använda rörelseredigeraren för att finjustera den på detaljnivå. Rörelseredigerare underlättar fokuserad redigering av interpoleringar, eftersom du kan markera och ändra en egenskap i taget.

Varför ska jag använda rörelseredigeraren?

Rörelseredigeraren har utformats för att förenkla arbetet med att skapa komplexa interpoleringar. Med rörelseredigeraren kan du styra interpoleringar och deras egenskaper på detaljnivå. Följande saker kan du bara göra med rörelseredigeraren:

  • Enkelt komma åt och ändra alla egenskaper som använts på en interpolering på en och samma panel.
  • Lägga till olika förinställningar för övergångar eller anpassade övergångar: Med rörelseredigeraren kan du lägga till olika och flera förinställningar eller skapa en anpassad övergång. Att lägga till en övergång i en interpolerad egenskap är ett enkelt sätt att emulera hur objekt beter sig i verkligheten.
  • Resulterande kurva: Du kan använda övergångar på enskilda egenskaper och se effekten av dem på separata egenskapskurvor med hjälp av den resulterande kurvan. En resulterande kurva är en representation av den faktiska interpoleringen.
  • Ankarpunkter och kontrollpunkter: Du kan isolera och redigera delar av en interpolering med hjälp av ankarpunkter och kontrollpunkter.
  • Förfinade animeringar: Det är bara med rörelseredigeraren du kan göra vissa typer av animeringar, som att skapa en interpolering med en kurva på en enskild egenskap genom att justera dess egenskapskurva.
(A) Egenskaper som använts på interpoleringen (B) Knappen Lägg till ankarpunkt (C) Anpassa till vy (av/på) (D) Knappen Ta bort egenskap (E) Lägg till övergång (F) Lodrätt zoom (av/på)

Öppna panelen Rörelseredigerare

I den här artikeln förutsätts att du redan har skapat en rörelseinterpolering och att du använder rörelseredigeraren för att finjustera den. Mer information om att skapa en rörelseinterpolering finns i Animera rörelseinterpoleringar.

Så här öppnar du rörelseredigeraren:

  1. Markera det rörelseinterpoleringsintervall som du vill finjustera på tidslinjen och dubbelklicka på interpoleringsintervallet. Du kan också högerklicka på interpoleringsintervallet och välja Förfina interpolering för att visa rörelseredigeraren.

Egenskapskurvor

Rörelseredigeraren representerar egenskaperna för en interpolering med hjälp av tvådimensionella diagram som kallas egenskapskurvor. Dessa diagram sätts samman i ett rutnät i rörelseredigeraren. Varje egenskap har sin egen egenskapskurva som ritas i förhållande till tiden på den vågräta axeln (från vänster till höger) och ändringen av ett egenskapsvärde på den lodräta axeln.

Du kan hantera rörelseinterpoleringar genom att redigera egenskapskurvor i rörelseredigeraren. Med rörelseredigeraren är det smidigt att redigera egenskapskurvor, och du får större och mer exakt kontroll över interpoleringen. Du kan styra en egenskapskurva genom att lägga till nyckelbildrutor eller ankarpunkter för egenskaper. På så sätt kan du hantera viktiga delar av egenskapskurvan, där du vill att interpoleringen ska visa övergångar för den aktuella egenskapen.

Lägg märke till att du i rörelseredigeraren bara kan redigera sådana egenskaper som kan ändras i ett interpoleringsintervall. Egenskapen Kvalitet för filtret Övertoningsavfasning kan till exempel bara tilldelas ett värde i ett interpoleringsintervall, och du kan därför inte redigera den med rörelseredigeraren.

(A) Egenskapskurvor i lager ovanpå varandra. (B) Egenskapskurva i fokus för den valda egenskapen.

Ankarpunkter

Med ankarpunkter får du större kontroll över egenskapskurvor, eftersom du kan ändra viktiga delar av en kurva separat. Du kan styra formen på de flesta kurvor exakt i rörelseredigeraren genom att lägga till nyckelbildrutor eller ankarpunkter för egenskaper.

Ankarpunkterna visas som fyrkanter i rutnätet. Med hjälp av rörelseredigeraren kan du styra beteendet för interpoleringen genom att lägga till ankarpunkter i en egenskapskurva eller genom att ändra deras placering. När du lägger till en ankarpunkt skapas ett hörn, där kurvan passerar genom vinklarna. Du kan jämna till en del av en egenskapskurva med bezierkontroller för kontrollpunkter.

Kontrollpunkter

Med hjälp av kontrollpunkterna kan du jämna till eller ändra en egenskapskurva på båda sidorna av en ankarpunkt. Du kan ändra kontrollpunkterna med vanliga bezierkontroller.

Redigera egenskapskurvor

Så här redigerar du egenskaperna för en interpolering:

  1. I Animate CC markerar du ett interpoleringsintervall, högerklickar och väljer Förfina interpolering för att visa rörelseredigeraren (du kan också dubbelklicka på det markerade interpoleringsintervallet).
  2. Rulla ned och välj den egenskap som du vill redigera. Om du vill invertera markeringen högerklickar du och väljer Invertera markering.
  3. När egenskapskurvan för den valda egenskapen visas i vyn kan du göra följande:
    1. Lägga till en ankarpunkt genom att klicka på knappen  och sedan klicka på önskad bildruta på egenskapskurvan. Du kan också dubbelklicka på kurvan för att lägga till en ankarpunkt.
    2. Markera och flytta en befintlig ankarpunkt (i valfri riktning) till önskad bildruta i rutnätet. Rörelsen begränsas i höjdled av egenskapens värdeintervall.
    3. Ta bort en ankarpunkt genom att markera den och trycka på Ctrl + klicka (Cmd + klicka på Mac).

Redigera egenskapskurvor med hjälp av kontrollpunkter

Så här redigerar du egenskapskurvor med hjälp av kontrollpunkter:

  1. I Animate CC markerar du ett interpoleringsintervall, högerklickar och väljer Förfina interpolering för att visa rörelseredigeraren (du kan också dubbelklicka på det markerade interpoleringsintervallet).
  2. Rulla ned och välj den egenskap som du vill redigera. Om du vill invertera markeringen högerklickar du och väljer Invertera markering.
  3. När egenskapskurvan för den valda egenskapen visas i vyn kan du göra följande:
    1. Lägga till en ankarpunkt genom att klicka på knappen  och sedan klicka på önskad bildruta i rutnätet. Du kan också dubbelklicka på kurvan för att lägga till en ankarpunkt.

      ELLER

    2. Markera en befintlig ankarpunkt i rutnätet.
  4. Markera ankarpunkten och håll Alt-tangenten nedtryckt samtidigt som du drar lodrätt för att aktivera kontrollpunkter. Du kan ändra kurvans form och på så sätt jämna till hörnsegment med hjälp av bezierkontroller. 

Kopiera egenskapskurvor

Du kan också kopiera egenskapskurvor mellan egenskaper i rörelseredigeraren.

Så här kopierar du en egenskapskurva:

  1. I Animate CC markerar du ett interpoleringsintervall, högerklickar och väljer Förfina interpolering för att visa rörelseredigeraren (du kan också dubbelklicka på det markerade interpoleringsintervallet).
  2. Markera den egenskap vars kurva du vill kopiera och högerklicka > Kopiera ELLER tryck på Ctrl + C (Cmd + C på Mac).
  3. Om du vill klistra in kurvan med absoluta värden markerar du den egenskap i vilken du vill klistra in den kopierade egenskapskurvan och högerklickar och väljer Klistra in eller trycker på Ctrl + V (Cmd + V på Mac).
  4. Om du vill klistra in kurvan inom målkurvans intervall markerar du den egenskap i vilken du vill klistra in den kopierade egenskapskurvan och högerklickar och väljer Klistra in i det aktuella området.

Invertera en egenskapskurva

Så här inverterar du en egenskapskurva:

  1. Välj en egenskap i rörelseredigeraren.
  2. Högerklicka och välj Omvänd för att invertera egenskapskurvan.

Använda förinställningar och anpassade övergångar

Med hjälp av övergångar kan du styra hastigheten på en interpolering för att skapa en realistisk rörelse. Genom att använda övergångar på rörelseinterpoleringar kan du styra början och slutet av en animering för att skapa en mer naturlig rörelse för objektet. Ett vanligt användningsområde för övergångar är till exempel att lägga till realistisk hastighetsökning och hastighetsminskning i slutet av ett objekts rörelsebanor. I korthet kan man säga att Animate CC förändrar hur fort ett egenskapsvärde ändras beroende på vilken övergång som används på den.

En övergång kan vara enkel eller komplex. I Animate ingår en rad förinställda övergångar, som du kan använda för att skapa enkla eller komplexa effekter. Du kan också tilldela en styrka till en övergång för att förstärka en interpolerings visuella effekt. I rörelseredigeraren kan du även skapa egna anpassade övergångskurvor.

Eftersom övergångskurvorna i rörelseredigeraren kan vara komplexa kan du använda dem för att skapa komplexa rörelser på scenen, utan att du behöver skapa komplexa rörelsebanor på scenen. Du kan också använda övergångskurvor för att skapa komplexa interpoleringar för andra egenskaper, utöver de spatiala egenskaperna som Plats X och Y.

Kurva som ritats för den förinställda övergången Hoppa

Anpassade övergångar

Med anpassade övergångar kan du skapa egna övergångar med kurvan Anpassad övergång i rörelseredigeraren. Sedan kan du använda den anpassade övergången på valfri egenskap i den markerade interpoleringen.

Kurvan för den anpassade övergången representerar rörelsen över tid. Den vågräta axeln representerar bildrutor, och den lodräta axeln representerar interpoleringens procentuella ändring. Det första värdet i animeringen är vid 0 %, och den sista nyckelbildrutan kan anges från 0 till 100 %. Den interpolerade instansens ändringshastighet framgår av kurvans lutning. Om kurvan du skapar är en vågrät linje (ingen lutning) är hastigheten noll, och om kurvan du skapar är en lodrät linje är förändringen omedelbar.

Använda en övergångskurva på en egenskapskurva

Så här lägger du till en övergång i en interpolerad egenskap:

  1. Markera den egenskap på vilken du vill använda övergången i rörelseredigeraren och klicka sedan på knappen Lägg till övergång för att visa panelen Övergång.
  2. På panelen Övergång kan du göra följande:
    1. Använda en förinställd övergång genom att markera den i den vänstra delen. Ange övergångens styrka genom att ange ett värde i fältet Övergång.
    2. Skapa en anpassad övergång genom att välja Anpassad övergång i den vänstra delen och sedan ändra övergångens kurva. Mer information finns i Skapa och använda anpassade övergångskurvor.
  3. Klicka var som helst utanför panelen Övergång för att stänga den. Lägg märke till att knappen Lägg till övergång får namnet på den övergång du använder på egenskapen.

Skapa och använda anpassade övergångskurvor

Så här skapar och använder du en anpassad övergång på en interpolerad egenskap:

  1. Markera den egenskap på vilken du vill använda den anpassade övergången i rörelseredigeraren och klicka sedan på knappen Lägg till övergång för att visa panelen Övergång.
  2. På panelen Övergång kan du ändra kurvan för den anpassade övergången genom att:
    1. Trycka på Alt + klicka för att lägga till ankarpunkter på kurvan. Du kan dessutom flytta dessa punkter till valfri plats i rutnätet.
    2. Aktivera kontrollpunkter på en ankarpunkt (Alt+klicka på en ankarpunkt) för att jämna till kurvsegment på båda sidorna av ankarpunkten.
  3. Klicka var som helst utanför panelen Övergång för att stänga den. Lägg märke till att knappen Lägg till övergång får namnet Anpassad för att visa att en anpassad övergång används på egenskapen.

Kopiera övergångskurvor

Så här kopierar du en övergångskurva:

  1. Markera den övergångskurva du vill kopiera på panelen Övergång och tryck på Ctrl + C (Cmd + C på Mac).
  2. Markera den egenskap i vilken du vill klistra in den kopierade övergångskurvan och tryck på Ctrl + V (Cmd + V på Mac).

Använda övergångar på flera egenskaper

Nu kan du använda en förinställd eller anpassad övergång på egenskapsgrupper. I rörelseredigeraren ordnas egenskaperna hierarkiskt i egenskapsgrupper och underegenskaper. Du kan välja att använda en övergång på vilken nivå som helst, alltså antingen på enskilda egenskaper eller hela egenskapsgrupper, inom denna hierarki.

När du väl har använt en egenskap på en egenskapsgrupp kan du fortsätta att redigera underegenskaperna individuellt. Det innebär att du kan använda en annan övergång (en annan än gruppens) på en underegenskap.

Så här använder du en övergång på flera egenskaper:

  1. Markera önskad egenskapsgrupp i rörelseredigeraren och klicka sedan på knappen Lägg till övergång för att visa panelen Övergång.
  2. Välj en förinställd övergång eller skapa en anpassad övergång på panelen Övergång. Klicka utanför panelen Övergång för att använda den valda övergången på egenskapsgruppen.

Resulterande kurva

När du använder en övergångskurva på en egenskapskurva visas en visuell överlappning, som kallas resulterande kurva, i rutnätet. Den resulterande kurvan är en korrekt representation av övergångens effekt på en egenskapskurva. Den visar det interpolerade objektets slutliga animering. Tack vare den resulterande kurvan är det enklare att förstå effekten som visas på scenen när animeringen testas.

(A) Resulterande kurva för den förinställda övergången Hoppa in på egenskapen Plats X.

Styra visningen av rörelseredigeraren

I rörelseredigeraren kan du bestämma vilka egenskapskurvor som ska visas för redigering och visningsstorleken för varje egenskapskurva. Det är enklare att redigera egenskapskurvorna om du förstorar dem.

  • Den nya rörelseredigeraren visar bara de egenskaper som använts på en interpolering.
  • Du kan använda Anpassa till vy () för att anpassa rörelseredigeraren till tidlinjens bredd.
  • Du kan justera storleken på rörelseredigeraren och välja att visa färre () eller fler bildrutor () med kontrollerna för tidslinjezoomning. Du kan också använda skjutreglaget för att ställa in önskad vy för rörelseredigeraren.
  • Rörelseredigeraren har även en knapp för att växla lodrätt zoom av och på. Du kan använda den lodräta zoomen för att visa ett lämpligt intervall av egenskapsvärden i rörelseredigeraren. Genom att zooma kan du också utföra mer fokuserade och exakta redigeringar av en egenskapskurva.
  • Egenskaperna visas som standard i den vänstra delen av rörelseredigeraren. Om du vill kan du komprimera listan genom att klicka på ett egenskapsnamn.

Kortkommandon

Dubbelklicka på en egenskapskurva för att lägga till en ankarpunkt.

Alt+dra en ankarpunkt för att aktivera kontrollpunkter.

Alt+dra för att hantera en markerad kontrollpunkt (ensidig redigering).

Alt-klicka på en ankarpunkt för att inaktivera kontrollpunkter (hörnpunkt).

Skift+dra för att flytta en ankarpunkt längs en linje.

Cmd/Ctrl + klicka för att ta bort en ankarpunkt.

Uppåt- och nedåtpilarna för att flytta den markerade ankarpunkten lodrätt.

Cmd/Ctrl + C/V för att kopiera/klistra in den markerade kurvan.

Cmd/Ctrl + R för att invertera den markerade kurvan.

Cmd/Ctrl + rulla för att zooma in/ut.

Adobes logotyp

Logga in på ditt konto