Användarhandbok Avbryt

Skapa HTML-tillägg

Sök
Animate

Animate

Öppna appen
  • Användarhandbok om Adobe 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
    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
    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
  • 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
    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
    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
    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
    1. Åtgärdade fel
    2. Kända fel
    1. Användarhandbok om Adobe 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
      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
      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
      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
      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
      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
      1. Åtgärdade fel
      2. Kända fel

     

    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:

    1. Starta Eclipse. 
    2. Använd guiden New Project och skapa ett nytt Application Extension Project. Ange ett beskrivande namn för projektet och klicka sedan på Next.
    3. Välj Adobe Animate på panelen New Adobe Application Extension Project. Klicka på Nästa.
    4. Konfigurera tillägget med de tillgängliga alternativen:
      1. Bundle ID är det unika ID:t för ditt tillägg.
      2. Menu name är tilläggets visningsnamn. Menynamnet visas på menyn Fönster > Tillägg i Animate.
      3. Window Details Använd de här alternativen för att anpassa fönstertyp och -storlek för tillägget.

        Klicka på Next.
    5. Du kan anpassa referensbiblioteken för tilläggen ytterligare i efterföljande skärmar:
      1. CEP Interface Library tillhandahåller funktioner för samverkan med värdprogrammet. Alternativet är som standard markerat.
      2. Frameworks är för gemensamma Javascript-bibliotek som jQuery.
      3. 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:

    1. Högerklicka på projektet och välj Kör som > Adobe Flash Extension. Det startar Animate.
    2. 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:

    1. 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.
    2. 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.
    3. Klicka på Finish.
    4. 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:

    1. 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.
    2. 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(&quot;com.adobe.events.flash.selectionChanged&quot;, CallbackFunction)
    csinterface.addEventListener(&quot;com.adobe.events.flash.selectionChanged&quot;, CallbackFunction)
    csinterface.addEventListener(&quot;com.adobe.events.flash.selectionChanged&quot;, 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.

    Få hjälp snabbare och enklare

    Ny användare?

    Snabblänkar

    Visa alla dina planer Hantera dina planer
    Visa snabblänkar
    Dölj snabblänkar

    Juridiska meddelanden    |    Sekretesspolicy online