Användarhandbok Avbryt

Exportera bilder och animerade GIF-filer

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
    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
  • 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
    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
      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
    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
      1. Åtgärdade fel
      2. Kända fel

     

    Läs den här artikeln om du vill veta mer om hur du exporterar bilder och animerade GIF-filer.

    Med funktionerna Exportera bild och Exportera animerad GIF, som är nya i Animate, kan du exportera resurser till PNG- och JPEG-format samt statiskt och animerat GIF-format på ett användarvänligt och interaktivt sätt.

    När du förbereder bilder för webben och andra onlinemedier måste du ofta kompromissa mellan visningskvalitet och filstorlek.

    Du kan använda optimeringsfunktionerna i dialogrutan Exportera bild för att förhandsgranska optimerade bilder i olika filformat och med olika filattribut. Du kan visa flera versioner av en bild samtidigt och ändra optimeringsinställningarna medan du förhandsvisar bilden, så att du kan välja den bästa kombinationen av inställningar för dina behov. Du kan också ange genomskinlighet och projektion, välja alternativ för gitterstyrning och ändra storlek på bilden till ett angivet pixelmått eller en angiven procentandel av den ursprungliga storleken.

    När du sparar en optimerad fil med kommandot Exportera bild kan du välja att generera en HTML-fil för bilden. Filen innehåller all nödvändig information som krävs för att visa bilden i en webbläsare.

    I Animate kan du spara en bild som en GIF-, JPEG- eller PNG-fil med kommandot Spara som. Beroende på vilket filformat du väljer kan du ange bildkvalitet, genomskinlighet eller projektionsyta för bakgrunden, färgvisning och hämtningsmetod. Webbfunktioner som du har lagt till i en fil, till exempel länkar och animeringar, bevaras dock inte.

    Du kan också använda bildprocessorn i Animate om du vill spara kopior av en mapp med bilder i JPEG-format. Med bildprocessorn kan du ändra storlek på och konvertera bildens färgprofil till webbstandarden sRGB.

    Exportera bilder

    Använd dialogrutan Exportera bild (Arkiv > Exportera > Exportera bild och Arkiv > Exportera > Exportera animerad GIF) för att välja optimeringsalternativ och förhandsgranska optimerade teckningar.

    A. Visningsalternativ B. Popup-menyn Optimera C. Förinställningsalternativ D. Alternativ för bildstorlek E. Animeringsalternativ F. Förhandsgranska G. Verktygsfält 

    Förhandsvisa bilder i dialogrutan

    Klicka på en flik högst upp i bildområdet för att välja ett visningsalternativ:

    Original

    Visar bilden utan optimering.

    Optimerad

    Visar bilden med aktuella optimeringsinställningar.

    Visa 2

    Visar två versioner av bilden sida vid sida.

    Om hela teckningen inte syns i dialogrutan Exportera bild kan du använda handverktyget för att flytta så en annan del blir synlig. Förstora eller förminska vyn med zoomverktyget.

    • Välj handverktyget (eller håll ned blankstegstangenten) och dra i vyområdet om du vill panorera över bilden.
    • Välj zoomverktyget   och klicka i en vy för att zooma in. Håll ned Alt (Windows) eller Option (Mac OS) och klicka i en vy för att zooma ut.

      Alternativt kan du ange förstoring i procent eller välja ett förstoringsvärde längst ned i dialogrutan.

    Visa information och hämtningstid för optimerade bilder

    På kommentarsytan under varje bild i dialogrutan Exportera bild hittar du optimeringsinformation. I kommentaren för originalbilden kan du se filnamnet och filstorleken. På den optimerade bildens kommentarsyta kan du se nuvarande optimeringsalternativ, storleken på den optimerade filen och beräknad hämtningstid med den valda modemhastigheten. Du kan välja modemhastighet på popup-menyn Förhandsvisa.

    Förhandsvisa bildgamma med olika värden

    Gammavärdet för en bildskärm påverkar hur ljus eller mörk bilden ser ut i en webbläsare. Du kan förhandsvisa hur bilderna kommer att se ut i system med andra gammavärden och göra gammajusteringar för att kompensera för skillnaderna. Du påverkar inte det slutliga bildresultatet genom att aktivera ett förhandsvisningsalternativ.

    • Välj ett av följande alternativ på popup-menyn Förhandsgranska i dialogrutan Exportera bild.

    Bildskärmsfärg

    Justerar inte bildens gamma. Standardinställningen är Bildskärmsfärg.

    Äldre Macintosh (ingen färghantering)

    Simulerar standardgammavärdet 1,8 som används i Mac OS 10.5 och tidigare.

    Windows (ingen färghantering)

    Simulerar standardgammavärdet 2,2 som används i Windows och Mac OS 10.6 och senare.

    Använd dokumentprofil

    Justera gammavärdet i enlighet med en kopplad dokumentfärgprofil i ett färghanterat dokument.

    Optimera en bild för webben

    1. Välj Arkiv > Exportera bild eller Arkiv > Exportera animerad GIF.

    2. Klicka på en flik längst upp i dialogrutan för att välja ett visningsalternativ: Optimerad eller 2-Up.

    3. (Valfritt) Om bilden innehåller flera segment väljer du ett eller flera segment som ska optimeras.

    4. Välj en förinställd optimeringsinställning på menyn Förinställning, eller ange optimeringsalternativ. Vilka alternativ som är tillgängliga beror på vilket filformat du väljer.

    5. Finjustera optimeringsinställningarna tills du är nöjd med balansen mellan bildkvalitet och filstorlek. Tänk på att optimera alla segment om bilden innehåller flera segment.

      Obs!

      Om du vill återställa en optimerad förhandsvisning till den ursprungliga versionen, markerar du den och väljer Original på popup-menyn Förinställningar.

    6. För att försäkra dig om att färgerna i den optimerade bilden ser likadana ut i olika webbläsare konverterar du bildfärgerna till sRGB.

    7. Välj följande alternativ:

      Inget

      Inga metadata sparas (utom copyrightinformationen i EXIF-format i JPEG-filer). Ger den minsta filstorleken.

      Copyright

      Sparar copyrightmeddelanden, användningsvillkor, copyrightstatus och URL-adresser för copyrightinformation.

      Copyright och kontaktinfo

      Sparar all copyrightinformation plus följande information: vem som skapat filen, befattning, e-postadress(er), adress, ort, region, postnummer, land, telefonnummer och webbplats(er).

      Alla Utom kamerainformation

      Sparar alla metadata, utom EXIF-data om kamerainställningar, till exempel slutarhastighet, datum och tid, brännvidd, exponeringskompensation, mätningsmönster och användning av blixt.

      Alla

      Sparar alla metadata i filen.

    8. Klicka på Spara.

    9. Gör följande i dialogrutan Spara optimerad som och klicka på Spara:

      1. Ange ett filnamn och välj en plats där filen eller filerna ska sparas.

      2. Välj ett formatalternativ om du vill ange vilken typ av filer du vill spara: en HTML-fil och bildfiler, endast bildfiler eller endast en HTML-fil.

      3. (Valfritt) Ange utdatainställningar för HTML- och bildfilerna.

      4. Om bilden innehåller flera segment väljer du ett alternativ för hur segment ska sparas på Segment-menyn: Alla segment eller Markerade segment.

        Obs!

        För att återställa optimeringsinställningarna till den senast sparade versionen håller du ned Alt (Windows) eller Alternativ (Mac OS) och klickar på Återställ. Om du vill behålla samma inställningar nästa gång du öppnar dialogrutan Spara för webben håller du ned Alt-tangenten och klickar på Kom ihåg.

        5. En videofilm om hur du sparar filer för webben i Illustrator finns på www.adobe.com/go/vid0063_se.

    Spara och ta bort förinställningar för optimering

    Du kan spara optimeringsinställningar som en namngiven uppsättning och använda inställningarna på andra bilder. Inställningarna som du sparar visas på popup-menyn Förinställning, tillsammans med de fördefinierade namngivna inställningarna. Om du ändrar en namngiven eller fördefinierad uppsättning visas ”Namnlös” på menyn Förinställning.

    1. Ange önskade optimeringsalternativ och välj Spara inställningar på palettmenyn Optimera.

    2. Namnge inställningarna och spara dem i lämplig mapp:

      Photoshop

      (Windows XP) Dokument och inställningar\[Användarnamn]\Application Data\Adobe\AdobePhotoshop CS5\Optimized Settings

      (Windows Vista) Användare\[Användarnamn]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimerade inställningar

      (Mac OS) Användare/[Användarnamn]/Library/Preferences/AdobePhotoshop CS5Settings/Optimized Settings

      Illustrator

      (Windows XP) Dokument och inställningar\[Användarnamn]\Application Data\Adobe\AdobeIllustrator CS5 Settings\[språk]\Save for Web Settings\Optimize

      (Windows Vista) Dokument och inställningar\[Användarnamn]\AppData\Roaming\Adobe\AdobeIllustrator CS5 Settings\[språk]\Save for Web Settings\Optimize

      (Mac OS) Användare/[Användarnamn]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Språk]/Spara för webben-inställningar/Optimera

      Obs!

      Om du sparar inställningarna på en annan plats kan de inte användas från popup-menyn Förinställningar.

    3. Du kan ta bort en förinställning genom att välja den på menyn Förinställningar och sedan välja Ta bort inställningar på menyn Optimera.

    Komprimera webbgrafik till en särskild filstorlek

    1. Välj Arkiv > Exportera > Exportera bild eller Arkiv > Exportera > Exportera animerad GIF.

    2. Klicka på en flik längst upp i dialogrutan Exportera bild eller Exportera animerad GIF för att välja ett visningsalternativ: Optimerad eller 2-Up. 

    3. (Valfritt) Välj segmenten som ska optimeras och filformatet som ska användas.

    4. Välj Optimera till filstorlek på menyn Optimera (till höger om menyn Förinställning).

    5. Ange önskad filstorlek.

    6. Ange ett alternativ för Starta med:

      Aktuella inställningar

      Använder aktuellt filformat.

      Automarkera GIF/JPEG

      Markerar automatiskt det optimala formatet beroende på bildinnehåll.

    7. Välj ett alternativ under Använd som anger om den valda filstorleken ska gälla bara för det aktuella segmentet, för varje segment i bilden eller för alla segment tillsammans. Klicka på OK.

    Ändra storlek på grafik under optimering

    I dialogrutan Exportera bild kan du ändra storlek på en bild till angivna pixlar eller till en procentandel av den ursprungliga storleken.

    1. Klicka på fliken Bildstorlek i dialogrutan Exportera bild.

    2. Ange något av följande alternativ:

      Bevara proportioner

      Upprätthåller aktuella proportioner mellan pixelbredd och pixelhöjd.

      Obs!

      Ingen av funktionerna på bildstorlekspaletten, förutom Beskär till rityta, kan användas med filformaten SWF och SVG.

    3. Ange nya pixeldimensioner eller ett procentvärde för storleksändringen och klicka på Använd.

    Förhandsvisa optimerade bilder i en webbläsare

    Du kan förhandsgranska optimerade bilder i valfri installerad webbläsare via dialogrutan Exportera bild (Arkiv > Exportera > Exportera bild eller Arkiv > Exportera > Exportera animerad GIF). I webbläsarens förhandsgranskning visas bilden med en beskrivning av bildens filtyp, pixelstorlek och filstorlek samt komprimeringsspecifikationer och annan HTML-information.

    • Om du vill förhandsgranska en bild i standardwebbläsaren klickar du på webbläsarikonen längst ned i dialogrutan Exportera bild.
    • I dialogrutan Webbläsare visas alla webbläsare på datorn och du kan ange en standardwebbläsare som du förhandsgranskar bilden med.

    Fler hjälpavsnitt

    Optimeringsalternativ för bilder och animerade GIF-filer

    Utdatainställningar för att exportera bilder och animerade GIF-filer

     

     

    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