Senast uppdaterad den
24 maj 2023
- Användarhandbok om Adobe Animate
- Introduktion till Animate
- Animering
- 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
- 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
Animate kan utökas med HTML-tillägg. Med Adobe Extension Builder 3 kan du skapa HTML-tillägg för Animate. Tidigare kunde du bara utöka Animate med SWF-tillägg. Men med Adobe Extension Builder 3 kan du nu skapa HTML-tillägg för Creative Cloud-program. För att komma igång måste du hämta och installera Eclipse och Extension Builder 3.0.
Skapa ett HTML-tillägg
Så här skapar du ett HTML-tillägg:
- Starta Eclipse.
- Använd guiden New Project och skapa ett nytt Application Extension Project. Ange ett beskrivande namn för projektet och klicka sedan på Next.
- Välj Adobe Animate på panelen New Adobe Application Extension Project. Klicka på Nästa.
- Konfigurera tillägget med de tillgängliga alternativen:
- Bundle ID är det unika ID:t för ditt tillägg.
- Menu name är tilläggets visningsnamn. Menynamnet visas på menyn Fönster > Tillägg i Animate.
- Window Details Använd de här alternativen för att anpassa fönstertyp och -storlek för tillägget.
Klicka på Next.
- Du kan anpassa referensbiblioteken för tilläggen ytterligare i efterföljande skärmar:
- CEP Interface Library tillhandahåller funktioner för samverkan med värdprogrammet. Alternativet är som standard markerat.
- Frameworks är för gemensamma Javascript-bibliotek som jQuery.
- Services inkluderar Adobe IPC Communication Toolkit, som möjliggör kommunikation mellan Adobe-program, tillägg och externa program. Det tillhandahåller ett protokoll för meddelanden via CEP Service Manager, som fungerar som hubb för Creative Cloud-kommunikation.
Klicka på Finish för att skapa det nya Eclipse-projektet.
Felsöka tillägg i Animate
Du kan köra tillägget direkt från Eclipse:
- Högerklicka på projektet och välj Kör som > Adobe Flash Extension. Det startar Animate.
- I Animate väljer du menyalternativet Fönster > Tillägg. Då öppnas tilläggspanelen.
Exportera tillägg
Om du vill distribuera tillägget måste du exportera det som ett ZXP-paket. ZXP-paketet laddas sedan ned och körs av Adobe Extension Manager i Creative Cloud-program:
- I Eclipse växlar du till Script Explorer-vyn och högerklickar på projektet. Välj Export > Adobe Extension Builder 3 > Application Extension. Då visas exportguiden.
- Du måste ha ett certifikat för att signera tilläggspaketet. Bläddra till ett befintligt certifikat eller klicka på Create för att skapa ett nytt.
- Klicka på Finish.
- När exporten är klar finns ZXP-paketet för tillägget i projektmappen, redo för distribution.
Obs! För att kunna installera måste du öppna filen <extension>\.staged-extension\CSXS\manifest.xml och uppdatera taggen host så att lägsta version av Animate är 13.0.
Installera tillägg i Animate
Du kan installera HTML-tillägg i Animate med Adobe Extension Manager. Med HTML-tillägg kan du utöka funktionerna i Animate.
Lägga till interaktivitet i HTML-tillägg
Du kan skapa ett HTML-tillägg för interaktion med Animate genom att lägga till kontroller, definiera beteenden och hämta information om värdmiljön (inklusive Animate och operativsystemet). Detta kan du göra på två sätt:
- Med CEP Interface Library: CEP Interface Library innehåller API:er för att hämta information om värdmiljön och ett eval-skript som behövs för att köra JSFL-filer. Om du vill veta mer om CEP Interface Library väljer du Help > Help Contents > Adobe Extension Builder > References i Eclipse.
- Med JSFL: JSFL-skript kan köras med Eval-skriptets API i CEP Interface Library.
Utöver JSFL-skript har CEP-infrastrukturen i Animate även följande händelser, som bara kan användas på HTML-paneler.- com.adobe.events.flash.documentChanged utlöses på grund av en ändring i det aktuella aktiva dokumentet.
- com.adobe.events.flash.timelineChanged utlöses när du ändrar något i tidslinjen för det aktuella aktiva dokumentet.
- com.adobe.events.flash.documentSaved utlöses när du sparar det aktuella dokumentet.
- com.adobe.events.flash.documentOpened utlöses när du öppnar ett nytt dokument.
- com.adobe.events.flash.documentClosed utlöses när du stänger det aktuella aktiva dokumentet.
- com.adobe.events.flash.documentNew utlöses när du skapar ett nytt dokument.
- com.adobe.events.flash.layerChanged utlöses när du väljer ett annat lager.
- com.adobe.events.flash.frameChanged utlöses när du väljer en annan bildruta.
- com.adobe.events.flash.selectionChanged utlöses när du väljer ett annat objekt på scenen.
- com.adobe.events.flash.mouseMove utlöses när du flyttar musen över scenen.
Exempel
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)
I ovanstående kodfragment.
- csinterface: Objekt i CEP Interface Library.
- com.adobe.events.flash.selectionChanged: Händelse som utlöser en ändring av markeringen av ett objekt. Du kan använda vilken du vill av ovanstående händelser också.
- CallbackFunction: Metod som avlyssnar utlösta händelser.