Klicka på ett lagernamn för att göra det till det aktiva lagret och markera en bildruta i lagret där animeringen ska börja.
Senast uppdaterad den
24 maj 2023
- Grunderna vid animering i Animate
- Så här använder du bildrutor och nyckelbildrutor i Animate
- Animering bildruta för bildruta i Animate
- Så här arbetar du med klassiska övergångsanimeringar i Animate
- Pensel
- Rörelseguide
- Rörelseinterpoleringar och ActionScript 3.0
- Om övergångsanimeringar med rörelse
- Animeringar med rörelseinterpolering
- Skapa en animering med rörelseinterpolering
- Använda nyckelbildrutor för egenskaper
- Animera placering med en interpolering
- Så här redigerar du rörelseinterpoleringar med rörelseredigeraren
- Redigera rörelsebanan för en interpolerad animering
- Ändra rörelseinterpoleringar
- Lägga till anpassade övergångar
- Skapa och använda förinställda rörelser
- Konfigurera interpoleringsintervall för animeringar
- Arbeta med rörelseinterpoleringar sparade som XML-filer
- Rörelseinterpoleringar jämfört med klassiska interpoleringar
- Skapa övergångar
- Använda animeringar med benverktyget i Animate
- Arbeta med figurriggning i Animate
- Så här använder du maskeringslager i Adobe Animate
- Så här arbetar du med scener i Animate
- Så här skapar du knappar med Animate
- Konvertera Animate-projekt till andra dokumenttypsformat
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Lägga till interaktivitet med kodfragment i Animate
- Skapa anpassade HTML5-komponenter
- Använda komponenter i HTML5 Canvas
- Skapa anpassade komponenter: Exempel
- Kodfragment för anpassade komponenter
- God praxis - annonsera med Animate
- Redigera och publicera VR
- Skapa och hantera målarpenslar
- Använda Google Fonts i HTML5 Canvas-dokument
- Använda Creative Cloud Libraries och Adobe Animate
- Använda scen- och verktygspanelerna i Animate
- Arbetsflöde och arbetsyta i Animate
- Använda webbteckensnitt i HTML5 Canvas-dokument
- Tidslinjer och ActionScript
- Arbeta med flera tidslinjer
- Ange inställningar
- Använda redigeringspanelerna i Animate
- Skapa tidslinjelager med Animate
- Exportera animeringar för mobilprogram och spelplattformar
- Flytta och kopiera objekt
- Mallar
- Söka och ersätta i Animate
- Ångra, gör om och panelen Historik
- Kortkommandon
- Så här använder du tidslinjen i Animate
- Skapa HTML-tillägg
- Optimeringsalternativ för bilder och animerade GIF-filer
- Exportinställningar för bilder och GIF-filer
- Panelen Resurser i Animate
- Omforma och kombinera grafikobjekt i Animate
- Skapa och arbeta med symbolinstanser i Animate
- Bildkalkering
- Så här använder du ljud i Adobe Animate
- Exportera SVG-filer
- Skapa videofiler för användning i Animate
- Så här lägger du till en video i Animate
- Rita och skapa objekt med Animate
- Omforma linjer och former
- Linjer, fyllningar och övertoningar med Animate CC
- Arbeta med Adobe Premiere Pro och After Effects
- Färgpaneler i Animate CC
- Öppna Flash CS6-filer i Animate
- Arbeta med klassisk text i Animate
- Placera grafik i Animate
- Importerade bitmappar i Animate
- 3D-grafik
- Arbeta med symboler i Animate
- Rita linjer och former med Adobe Animate
- Arbeta med bibliotek i Animate
- Exportera ljud
- Markera objekt i Animate CC
- Arbeta med Illustrator AI-filer i Animate
- Använda blandningslägen
- Ordna objekt
- Automatisera uppgifter med kommandomenyn
- Flerspråkig text
- Använda kameran i Animate
- Grafikfilter
- Ljud och ActionScript
- Ritinställningar
- Rita med ritstift
- Konvertera Animate-projekt till andra dokumenttypsformat
- Stöd för anpassade plattformar
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Skapa och publicera ett WebGL-dokument
- Så här paketerar du AIR för iOS-program
- Publicera AIR for Android-program
- Publicera för Adobe AIR för datorprogram
- Inställningar för ActionScript-publicering
- God praxis – organisera ActionScript i ett program
- Så här använder du ActionScript med Animate
- Hjälpmedel på arbetsytan i Animate
- Skriva och hantera skript
- Aktivera stöd för anpassade plattformar
- Översikt över stöd för anpassade plattformar
- Arbeta med plugin-program för anpassade plattformar
- Felsöka ActionScript 3.0
- Aktivera stöd för anpassade plattformar
- Så här exporterar du filer från Animate CC
- OAM-publicering
- Exportera SVG-filer
- Exportera bilder och video med Animate
- Publicera AS3-dokument
- Exportera animeringar för mobilprogram och spelplattformar
- Exportera ljud
- God praxis – tips för att skapa innehåll på mobila enheter
- God praxis – videokonventioner
- God praxis – riktlinjer för utveckling av SWF-program
- God praxis – strukturera FLA-filer
- De bästa sätten att optimera FLA-filer för Animate
- Inställningar för ActionScript-publicering
- Ange publiceringsinställningar för Animate
- Exportera projektorfiler
- Exportera bilder och animerade GIF-filer
- Publiceringsmallar för HTML
- Arbeta med Adobe Premiere Pro och After Effects
- Dela och publicera animeringar snabbt
- Användarhandbok om Adobe Animate
- Introduktion till Animate
-
Interaktivitet
- Så här skapar du knappar med Animate
- Konvertera Animate-projekt till andra dokumenttypsformat
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Lägga till interaktivitet med kodfragment i Animate
- Skapa anpassade HTML5-komponenter
- Använda komponenter i HTML5 Canvas
- Skapa anpassade komponenter: Exempel
- Kodfragment för anpassade komponenter
- God praxis - annonsera med Animate
- Redigera och publicera VR
-
Arbetsyta och arbetsflöde
- Skapa och hantera målarpenslar
- Använda Google Fonts i HTML5 Canvas-dokument
- Använda Creative Cloud Libraries och Adobe Animate
- Använda scen- och verktygspanelerna i Animate
- Arbetsflöde och arbetsyta i Animate
- Använda webbteckensnitt i HTML5 Canvas-dokument
- Tidslinjer och ActionScript
- Arbeta med flera tidslinjer
- Ange inställningar
- Använda redigeringspanelerna i Animate
- Skapa tidslinjelager med Animate
- Exportera animeringar för mobilprogram och spelplattformar
- Flytta och kopiera objekt
- Mallar
- Söka och ersätta i Animate
- Ångra, gör om och panelen Historik
- Kortkommandon
- Så här använder du tidslinjen i Animate
- Skapa HTML-tillägg
- Optimeringsalternativ för bilder och animerade GIF-filer
- Exportinställningar för bilder och GIF-filer
- Panelen Resurser i Animate
-
Multimedia och video
- Omforma och kombinera grafikobjekt i Animate
- Skapa och arbeta med symbolinstanser i Animate
- Bildkalkering
- Så här använder du ljud i Adobe Animate
- Exportera SVG-filer
- Skapa videofiler för användning i Animate
- Så här lägger du till en video i Animate
- Rita och skapa objekt med Animate
- Omforma linjer och former
- Linjer, fyllningar och övertoningar med Animate CC
- Arbeta med Adobe Premiere Pro och After Effects
- Färgpaneler i Animate CC
- Öppna Flash CS6-filer i Animate
- Arbeta med klassisk text i Animate
- Placera grafik i Animate
- Importerade bitmappar i Animate
- 3D-grafik
- Arbeta med symboler i Animate
- Rita linjer och former med Adobe Animate
- Arbeta med bibliotek i Animate
- Exportera ljud
- Markera objekt i Animate CC
- Arbeta med Illustrator AI-filer i Animate
- Använda blandningslägen
- Ordna objekt
- Automatisera uppgifter med kommandomenyn
- Flerspråkig text
- Använda kameran i Animate
- Grafikfilter
- Ljud och ActionScript
- Ritinställningar
- Rita med ritstift
-
Plattformar
- Konvertera Animate-projekt till andra dokumenttypsformat
- Stöd för anpassade plattformar
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Skapa och publicera ett WebGL-dokument
- Så här paketerar du AIR för iOS-program
- Publicera AIR for Android-program
- Publicera för Adobe AIR för datorprogram
- Inställningar för ActionScript-publicering
- God praxis – organisera ActionScript i ett program
- Så här använder du ActionScript med Animate
- Hjälpmedel på arbetsytan i Animate
- Skriva och hantera skript
- Aktivera stöd för anpassade plattformar
- Översikt över stöd för anpassade plattformar
- Arbeta med plugin-program för anpassade plattformar
- Felsöka ActionScript 3.0
- Aktivera stöd för anpassade plattformar
-
Exportera och publicera
- Så här exporterar du filer från Animate CC
- OAM-publicering
- Exportera SVG-filer
- Exportera bilder och video med Animate
- Publicera AS3-dokument
- Exportera animeringar för mobilprogram och spelplattformar
- Exportera ljud
- God praxis – tips för att skapa innehåll på mobila enheter
- God praxis – videokonventioner
- God praxis – riktlinjer för utveckling av SWF-program
- God praxis – strukturera FLA-filer
- De bästa sätten att optimera FLA-filer för Animate
- Inställningar för ActionScript-publicering
- Ange publiceringsinställningar för Animate
- Exportera projektorfiler
- Exportera bilder och animerade GIF-filer
- Publiceringsmallar för HTML
- Arbeta med Adobe Premiere Pro och After Effects
- Dela och publicera animeringar snabbt
- Felsökning
Skapa bildruta-för-bildruta-animeringar
Vid animering bildruta-för-bildruta ändras innehållet på scenen i varje bildruta. Det är bäst för komplexa animeringar där en bild ändras i varje bildruta i stället för att bara flyttas över scenen. Med bildruta-för-bildruta-animering ökar filstorleken snabbare än med interpolerad animering. Med bildruta-för-bildruta-animering lagrar Animate värdena för varje komplett bildruta.
Om du vill skapa en bildruta-för-bildruta-animering definierar du varje bildruta som en nyckelbildruta och skapar en ny bild för varje bildruta. Varje ny nyckelbildruta innehåller från början samma innehåll som föregående nyckelbildruta, så att du kan ändra bildrutorna i animeringen inkrementellt.
-
-
Om inte bildrutan redan är en nyckelbildruta väljer du Infoga > Tidslinje > Nyckelbildruta.
-
Skapa grafiken för den första bildrutan i sekvensen. Använd ritverktygen, klistra in grafik från Urklipp eller importera en fil.
-
Klicka på nästa bildruta till höger i samma rad om du vill lägga till en nyckelbildruta vars innehåll är identiskt med den första nyckelbildrutan. Välj Infoga > Tidslinje > Nyckelbildruta eller högerklicka (Windows) eller kontroll‑klicka (Macintosh) och Välj Infoga nyckelbildruta.
-
Om du vill utveckla nästa steg i animeringen ändrar du innehållet i den här bildrutan på scenen.
-
Slutför bildruta-för-bildruta-animeringssekvensen genom att upprepa stegen 4 och 5 tills du erhåller önskad rörelse.
-
Testa animeringssekvensen genom att välja Kontroll > Spela upp eller klicka på knappen Spela upp på kontrollenheten (Fönster > Verktygsfält > Kontrollenhet).
Skapa bildruta-för-bildruta-animeringar genom att konvertera klassiska interpoleringar eller rörelseinterpoleringar
Du kan konvertera en klassisk interpolering eller ett rörelseinterpoleringsintervall till en bildruta-för-bildruta-animering. I en bildruta-för-bildruta-animering innehåller varje bildruta separata nyckelbildrutor (inte nyckelbildrutor för egenskap) som i sin tur innehåller separata instanser av den animerade symbolen. Bildruta-för-bildruta-animeringar innehåller inte interpolerade egenskapsvärden.
-
Högerklicka (Windows) eller Control-klicka (Macintosh) på det interpoleringsintervall som du vill konvertera och välj Konvertera till bildruta-för-bildruta-animering på snabbmenyn.
Använda cellanimering
Normalt visas en bildruta i animeringssekvensen åt gången på scenen. Cellanimering hjälper dig att rita, placera och redigera bildruta-för-bildruta-animeringar genom att du ser innehållet i föregående och efterföljande bildrutor på scenen och på så vis får sammanhang. Bildrutan under spelhuvudet visas i fullfärg och färg och alfa används för att skilja mellan föregående och kommande bildrutor.
De föregående och följande bildrutorna med cellanimering har standardfärgtoner. Om du vill anpassa dessa färger använder du alternativet Avancerade inställningar.
Aktivera och inaktivera cellanimering
- Klicka på cellanimeringsknappen
när du vill aktivera och inaktivera cellanimering. - Om du vill utesluta eller inkludera bildrutor högerklickar du i tidslinjerubriken på valfri cellanimeringsbildruta inom cellanimeringsområdet.
- Håll musknappen intryckt på cellanimeringsknappen när du vill visa och välja alternativ.
Avancerade inställningar i cellanimering
Klicka och håll ned musen på cellanimeringsknappen och välj Avancerade inställningar.
Anpassa räckvidd
Anpassa färger för visning av cellanimeringar
- Välj cellanimeringsbildrutan på tidslinjens list när du vill anpassa färgen i cellanimeringsbildrutorna.
- Klicka och håll ned musen på cellanimeringsknappen och välj Avancerade inställningar.
- Ändra färgtonen på föregående och efterföljande bildrutor.
Kontur- och fyllningsläge
Anpassa opacitet
-
Om du vill modulera opaciteten i cellanimeringsbildrutan på vardera sidan av den aktiva bildrutan klickar du på och drar skjutreglaget Startopacitet.
-
Om du vill minska deltat för varje cellanimeringsbildruta i procent drar du skjutreglaget Minska med.
Visa endast nyckelbildrutor
- Välj cellanimeringsbildrutan på tidslinjens list när du vill anpassa färgen i cellanimeringsbildrutorna.
- Välj Redigera > Inställningar.
- I alternativet Cellanimeringsfärg kan du välja färgrutor när du vill anpassa och ange färger för tidigare, nuvarande och kommande bildrutor.
Ankarpunktsmarkörer
Visa flera bildrutor i en animering på samma gång på scenen
Klicka på knappen Lökskal . Alla bildrutor mellan markörerna Starta cellanimering och Stoppa cellanimering (i sidhuvudet på tidslinjen) placeras på varandra som en bildruta i dokumentfönstret.
Färgkodad cellanimering
Färgkodad cellanimering hjälper dig att skilja mellan föregående, nuvarande och kommande bildrutor. Cellanimeringsbildrutor som rör sig bort från den aktiva bildrutan visas med allt mindre genomskinlighet.
Anpassa färger för visning av cellanimeringar
- Välj cellanimeringsbildrutan på tidslinjens list när du vill anpassa färgen i cellanimeringsbildrutorna.
- Välj Redigera > Inställningar.
- I alternativet Cellanimeringsfärg kan du välja färgrutor när du vill anpassa och ange färger för tidigare, nuvarande och kommande bildrutor.
Obs!
Färgkoden fungerar även i konturläge.
- Om du vill ändra position för en cellanimeringsmarkör drar du dess pekare till en ny plats. Normalt flyttas cellanimeringsmarkörerna tillsammans med den aktuella bildrutepekaren. Använd Control/Command + dra när du vill öka eller minska läget på båda sidorna.
- Om du vill aktivera redigering av alla bildrutor mellan cellanimeringsmarkörer klickar du på knappen Redigera flera bildrutor
. Normalt kan du bara redigera den aktuella bildrutan med cellanimering. Du kan visa innehållet i varje bildruta mellan cellanimeringsmarkörerna och redigera det. - Använd markörerna på tidslinjen för att hålla ned skift-tangenten och dra intervallet när du vill flytta loopintervallet över tidslinjen till en position som innehåller spelhuvudet.
- Om du vill ställa in intervallmarkörerna använder du skifttangenten och drar intervallmarkörerna eller loopintervallet med hjälp av markörerna över tidslinjen.
Obs!
Låsta lager (med en hänglåsikon) visas inte när cellanimering är aktiverat. Om du vill undvika en massa förvirrande bilder låser eller döljer du de lager du inte vill använda med cellanimering.
Förhandsgranska ditt arbete
Håll musen över hela intervallet på tidslinjen när du vill se hur cellanimeringen ser ut. Animeringen spelas upp i färgade konturer som ger en exakt förhandsvisning av ändringarna.
