Användarhandbok Avbryt

Tidpunkt

  1. Användarhandbok om 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. Så här arbetar du med klassiska övergångsanimeringar i Animate
    5. Pensel
    6. Rörelseguide
    7. Rörelseinterpoleringar och ActionScript 3.0
    8. Om övergångsanimeringar med rörelse
    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. Skapa övergångar
    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. Rita och skapa objekt med Animate
    9. Omforma linjer och former
    10. Linjer, fyllningar och övertoningar med Animate CC
    11. Arbeta med Adobe Premiere Pro och After Effects
    12. Färgpaneler i Animate CC
    13. Öppna Flash CS6-filer i Animate
    14. Arbeta med klassisk text i Animate
    15. Placera grafik i Animate
    16. Importerade bitmappar i Animate
    17. 3D-grafik
    18. Arbeta med symboler i Animate
    19. Rita linjer och former med Adobe Animate
    20. Arbeta med bibliotek i Animate
    21. Exportera ljud
    22. Markera objekt i Animate CC
    23. Arbeta med Illustrator AI-filer i Animate
    24. Använda blandningslägen
    25. Ordna objekt
    26. Automatisera uppgifter med kommandomenyn
    27. Flerspråkig text
    28. Använda kameran i Animate
    29. Grafikfilter
    30. Ljud och ActionScript
    31. Ritinställningar
    32. 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. Hjälpmedel på arbetsytan i Animate
    12. Skriva och hantera skript
    13. Aktivera stöd för anpassade plattformar
    14. Översikt över stöd för anpassade plattformar
    15. Arbeta med plugin-program för anpassade plattformar
    16. Felsöka ActionScript 3.0
    17. 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. God praxis – tips för att skapa innehåll på mobila enheter
    9. God praxis – videokonventioner
    10. God praxis – riktlinjer för utveckling av SWF-program
    11. God praxis – strukturera FLA-filer
    12. De bästa sätten att optimera FLA-filer för Animate
    13. Inställningar för ActionScript-publicering
    14. Ange publiceringsinställningar för Animate
    15. Exportera projektorfiler
    16. Exportera bilder och animerade GIF-filer
    17. Publiceringsmallar för HTML
    18. Arbeta med Adobe Premiere Pro och After Effects
    19. Dela och publicera animeringar snabbt
  9. Felsökning
    1. Åtgärdade fel
    2. Kända fel

 

Läs den här artikeln när du vill veta mer om de olika tidskomponenterna i Animate.

Tidslinje

Tidslinje i animering med rörelseinterpolering

På tidslinjen i Adobe Animate  ordnar och styr du innehållet i ett dokument över tid i lager och bildrutor. Precis som i en film så delas tiden i Animate-dokument in i bildrutor. Lager är som flera filmremsor som staplas ovanpå varandra och alla innehåller olika bilder som visas på scenen. Huvudkomponenterna på tidslinjen är lager, bildrutor och spelhuvudet.

  • Lager i ett dokument visas i en kolumn till vänster om tidslinjen.
  • Ramar i varje lager visas på en rad till höger om lagrets namn.
  • I sidhuvudet högst upp på tidslinjen anges bildrutenummer.
  • Spelhuvudet anger den aktuella bildrutan som visas på scenen. När ett dokument spelas upp rör sig spelhuvudet från vänster till höger på tidslinjen.

Som standard går spelhuvudet tillbaka till början när det kommer till slutet. Tidslinjens status längst ned på tidslinjen anger numret på den aktuella bildrutan, aktuell bildrutefrekvens och förfluten tid till aktuell bildruta.

Mer information om tidslinjen finns i Så här använder du tidslinjen i Animate.

Bildrutor

Bildrutor är kärnan i en animering och de bestämmer varje segment av tid och rörelse. Det totala antalet bildrutor i filmen och hur snabbt de spelas upp avgör filmens totala längd.

Mer information om bildrutor finns i artikeln om bildrutor samt artikeln om att skapa animeringar bildruta för bildruta.

Bildruteintervall

Bildruteintervall i animeringar med rörelseinterpoleringar

En nyckelbildruta och intervallet med vanliga bildrutor som kommer efter den, kallas för en nyckelbildrutesekvens. Tidslinjen kan innehålla valfritt antal nyckelbildrutesekvenser. Om nyckelbildrutan i en sekvens innehåller grafiskt innehåll som syns på scenen kommer de vanliga bildrutorna som kommer efter den att visas i grått. Om nyckelbildrutan i en sekvens inte innehåller grafiskt innehåll kommer de vanliga bildrutorna som kommer efter den att visas i vitt.

Nyckelbildrutor

Bildrutor och nyckelbildrutor i Animate CC

I Adobe Animate-dokument delas tidslängden in i bildrutor på ungefär samma sätt som i filmer. På tidslinjen arbetar du med de här bildrutorna för att ordna och styra dokumentets innehåll. Du placerar bildrutor på tidslinjen i den ordning du vill att objekten i bildrutorna ska visas i det slutliga innehållet.

En nyckelbildruta är en bildruta i Adobe Animate där en ny symbolinstans visas på tidslinjen. En nyckelbildruta kan också vara en bildruta som innehåller ActionScript-kod för att styra någon del av dokumentet.

Du kan också lägga till en tom nyckelbildruta på tidslinjen som en platshållare för symboler som du planerar att lägga till senare eller om du vill lämna bildrutan tom. En svart punkt i tidslinjen indikerar en enskild nyckelbildruta. Ljusgrå bildrutor efter en enskild nyckelbildruta har samma innehåll utan ändringar.

Dessa bildrutor har en lodrät svart linje och en ofylld rektangel som sista bildruta i intervallet. En svart punkt vid den första nyckelbildrutan med en svart pil och blå bakgrund anger en klassisk interpolering.

Förväxla inte nyckelbildrutor med egenskapsnyckelbildrutor. Tidslinjeikonen för en egenskapsnyckelbildruta är en fylld romb, medan ikonen för en vanlig nyckelbildruta är en tom eller fylld cirkel.

Redigera flera bildrutor

Redigera flera bildrutor i animeringar med rörelseinterpolering

Redigera flera bildrutor.

FPS

Bildrutor per sekund

Bildrutefrekvensen (uppspelningshastigheten för animeringen i Adobe Animate ) mäts i antal bildrutor per sekund (FPS). En för låg bildrutefrekvens gör att animeringen ser ut att stoppa och starta. En för hög bildrutefrekvens gör detaljerna i animeringen oskarpa. Bildrutefrekvensen för nya Animate-dokument är som standard 24 fps och ger oftast bäst resultat på webben. (Standardfrekvensen för filmer är också 24 fps.)

Hur mjuk uppspelningen är beror på animeringens komplexitet och hastigheten på datorn som animeringen visas på. Testa dina animeringarna på olika datorer med olika processorer för att bestämma den optimala bildrutefrekvensen. Var noga med att ställa in den önskade bildrutefrekvensen innan du skapar dina animeringar eftersom du bara anger en bildfrekvens för hela Animate-dokumentet. Bildrutefrekvensen avgör i princip i vilken hastighet som spelhuvudet rör sig över tidslinjen.

Läs artikeln om grunderna för animering om du vill veta mer om bildrutor per sekund.

Övergång

En övergång är en teknik för att ändra hur Adobe Animate beräknar egenskapsvärden mellan nyckelbildrutor för egenskaper i en interpolering. Om du inte använder övergångar flyttar Animate interpolerade objekt med samma hastighet som bildrutorna i animeringen. Med en övergång kan du justera hastigheten för de interpolerade objekten och göra så att rörelserna ser naturligare ut och du kan skapa mer komplexa animeringar. En övergång är en matematisk kurva som används på egenskapsvärden för en interpolering.

Den slutliga effekten av interpoleringen är resultatet av en kombination av intervallet med egenskapsvärden i interpoleringen och övergångskurvan, vilket gör att de interpolerade objekten startar långsamt och ökar i hastighet, startar snabbt och avtar i hastighet eller en kombination av dessa effekter.

Om du till exempel animerar en bild av en bil som kör över scenen, blir rörelsen mer realistisk om bilen startar sakta från stoppläget och gradvis ökar i hastighet eftersom det ger ett intryck av fart. De övergångar du tillämpar i egenskapsinspektören påverkar alla egenskaper i en interpolering. De övergångar du tillämpar i rörelseredigeraren kan påverka en enskild egenskap, grupper av egenskaper eller alla egenskaper i en interpolering.

SeForma interpoleringar ochSå här redigerar du rörelseinterpoleringar om du vill ha mer information om övergångar.

Cellanimering

Cellanimering i Animate CC

Använd cellanimering när du vill jämföra föregående och kommande bildrutor och justera objekten i den aktuella bildrutan. När cellanimering är inaktiverat (standardinställningen) visas en bildruta i animeringssekvensen åt gången på scenen.

Den bildruta som visas motsvarar platsen för spelhuvudet på tidslinjen. När cellanimering är aktiverat visas bildrutan under spelhuvudet i helfärg medan omgivande bildrutor är nedtonade, som om bildrutorna ritats på ett ark genomskinligt lökskalspapper och arken placerats ovanpå varandra.

Det går inte att redigera nedtonade bildrutor, de visas bara som visuell referens.

Mer information om cellanimering finns i Skapa animeringar bildruta för bildruta och Tidslinje.

Lager

Lager i animeringar med rörelseinterpoleringar

Med lager är det enklare att ordna teckningarna i Adobe Animate-dokument. Du kan rita och redigera objekt på ett lager utan att påverka objekt på ett annat lager. I områden på scenen där det inte finns något på ett lager kan du se igenom till lagren under. Aktivera ett lager på tidslinjen genom att markera det om du vill rita, måla eller ändra på lagret eller mappen på något annat sätt. En pennikon bredvid ett lager- eller mappnamn på tidslinjen anger att lagret eller mappen är aktiv.

Endast ett lager kan vara aktivt i taget, men du kan markera flera lager samtidigt. När du skapar ett Animate-dokument innehåller det bara ett lager. Om du vill ordna teckningar, animeringar och andra element i ett dokument lägger du till fler lager. Du kan även dölja, låsa och ordna om lager. 

Antalet lager som du kan skapa begränsas endast av datorns minne och lager ökar inte storleken på den publicerade SWF-filen. Endast objekt som du placerar på lager ökar projektets filstorlek. Om du vill skapa avancerade effekter kan du använda speciella stödlinjelager för att göra det enklare att rita och redigera samt skapa maskeringslager.

Om du vill veta mer om lager ska du gå till Skapa tidslinjelager.

Maskeringslager

Maskeringslager i Animate CC

Maskeringslager innehåller objekt som används som masker för att dölja delar av lager under dem. Endast den del av maskeringslagret som inte täcks av masken syns.

Om du vill veta hur du använder maskeringslager ska du läsa Använda maskeringslager i Animate.

Stödlinjelager

Stödlinjelager i animeringar med rörelseinterpoleringar

Skapa stödlinjelager och justera objekt på andra lager mot de objekt som du skapar på stödlinjelagren om du vill justera objekt när du ritar i Adobe Animate.  Alla lager kan vara stödlinjelager. Stödlinjelager visar en stödlinjeikon till vänster om lagrets namn. Stödlinjelager exporteras inte och visas inte i en publicerad SWF-fil.

Även om du kan inte dra ett rörelseinterpoleringslager eller ett lager med omvänd kinematik till ett stödlinjelager, kan du dra ett vanligt lager till ett stödlinjelager. Detta gör att stödlinjelagret konverteras till ett lager med stödlinjerörelser och det normala lagret länkas till det nya lagret med stödlinjerörelser.

Få hjälp snabbare och enklare

Ny användare?