Användarhandbok Avbryt

Arbetsflöde och arbetsyta i Animate

  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

 

Vad är Animate?

Adobe

Allmänt arbetsflöde i Animate

Om du vill bygga ett Animate-program utför du vanligtvis följande grundläggande steg:

Planera programmet

Bestäm vilka grundläggande uppgifter programmet ska utföra.

Lägg till medieelement

Skapa och importera medieelement, t.ex. bilder, video, ljud och text.

Ordna elementen

Ordna medieelementen på scenen och på tidslinjen om du vill definiera när och hur de visas i ditt program.

Tillämpa specialeffekter

Tillämpa grafikfilter (t.ex. oskärpa, glöd och avfasning), blandning och andra specialeffekter som du vill ha med.

Styr beteendet med ActionScript

Skriv ActionScript®-kod om du vill styra medieelementens funktion, inklusive hur elementen svarar på användarinteraktioner.

Testa och publicera programmet

Testa FLA-filen (Kontroll > Testa filmen) om du vill bekräfta att programmet fungerar som du avsåg, samt hitta och korrigera eventuella buggar. Du bör testa programmet löpande medan du skapar det. Du kan testa filen i Animate och AIR Debug Launcher.

Publicera din FLA-fil (Arkiv > Publicera) som en SWF-fil som kan visas på en webbsida och spelas upp med Flash® Player.

Beroende på projekt och arbetssätt kan du följa de här stegen i annan ordning.

Arbetsyta - översikt

Du skapar och redigerar dina dokument och filer med hjälp av olika element, till exempel paneler, fält och fönster. Hur dessa element ordnas kallas för en arbetsyta. Arbetsytorna i de olika programmen i Adobe® Creative Suite® 5 har samma utseende, så att du lätt kan flytta mellan programmen. Du kan också anpassa varje program efter hur du arbetar utifrån flera förinställda arbetsytor eller genom att skapa en egen.

Även om standardlayouten för arbetsytor varierar i olika produkter, kan du hantera elementen i dem på ungefär samma sätt.

  • Programfältet utmed överkanten innehåller en arbetsyteväxlare, menyer (enbart Windows) och andra programkontroller. I vissa av programmen kan du använda Fönster-menyn (på Mac) för att visa eller dölja programfältet.

  • Panelen Verktyg innehåller verktyg för att skapa och redigera bilder, grafik, sidelement o.s.v. Likartade verktyg grupperas.

  • kontrollpanelen visas alternativ för det valda verktyget. På kontrollpanelen i Illustrator visas alternativ för det valda objektet. (I Adobe Photoshop® kallas detta för alternativfältet. I Adobe Animate®, Adobe Dreamweaver® och Adobe Fireworks® kallas det egenskapsinspektören och innehåller egenskaper för det valda elementet.)

  • I dokumentfönstret visas filen som du arbetar med. Dokumentfönster kan ordnas med hjälp av flikar och, i vissa fall, grupperas och dockas.

  • Med paneler blir det enklare att övervaka och ändra arbetet. Några exempel är tidslinjen i Animate, penselpanelen i Illustrator, lagerpanelen i Adobe Photoshop® och panelen CSS-format i Dreamweaver. Paneler kan grupperas, skiktas och dockas.

  • I programramen grupperas alla arbetsyteelement i ett enda integrerat fönster där du kan behandla programmet som en enda enhet. När du flyttar eller ändrar storlek på programramen eller något av elementen i det så flyttas elementen så att de inte överlappar varandra. Panelerna försvinner inte när du växlar program eller när du av misstag klickar utanför programmet. Om du arbetar med två eller flera program, kan du placera de olika programmen sida vid sida på skärmen eller på flera skärmar.

    Om du använder Mac och föredrar det traditionella frihandsgränssnittet kan du inaktivera programramen. I t.ex. Adobe Illustrator® väljer du Fönster > Programram när du vill aktivera eller inaktivera den. (I Animate för Mac är programramen alltid aktiverad och Dreamweaver för Mac använder inte en programram.)

 

Standardarbetsyta i Illustrator

A. Dokumentfönster med flikar B. Programfält C. Arbetsyteväxlare D. Panelens namnlist E. Kontrollpanelen F. Verktygspanelen G. Knappen Komprimera till ikoner H. Fem panelgrupper i en lodrät docka 

Dölja eller visa alla paneler

  • (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Om du vill visa eller dölja alla paneler, inklusive panelen Verktyg och kontrollpanelen, trycker du på Tabb.

  • (Illustrator, InCopy, InDesign, Photoshop) Om du vill visa eller dölja alla paneler, utom panelen Verktyg och kontrollpanelen, trycker du på Skift+Tabb.

    Tips: Du kan tillfälligt visa dolda paneler om Visa dolda paneler automatiskt är markerat i inställningarna för gränssnittet. Alternativet är alltid markerat i Illustrator. Flytta pekaren till kanten av programfönstret (Windows®) eller till kanten på skärmen (Mac OS®) och hovra över remsan som visas.

  • (Animate, Dreamweaver, Fireworks) Om du vill dölja eller visa alla paneler trycker du på F4.

Visa panelalternativ

  1. Klicka på ikonen för panelmenyn i panelens övre högra hörn.

    Tips: Du kan öppna en panelmeny även om panelen är minimerad.

    Tips: I Photoshop kan du ändra teckenstorleken på texten i paneler och verktygstips. Välj en storlek på menyn Teckensnittsstorlek på gränssnitt i gränssnittsinställningarna.

(Illustrator) Justera panelens ljusstyrka

  1. Flytta skjutreglaget för ljusstyrka i inställningarna för användargränssnittet. Detta påverkar alla paneler, bland annat kontrollpanelen.

Konfigurera om panelen Verktyg

Du kan visa verktygen på panelen Verktyg i en enda kolumn, eller sida vid sida i två kolumner. (Den här funktionen är inte tillgänglig på panelen Verktyg i Fireworks och Animate.)

 I InDesign och InCopy kan du också växla från att visa en kolumn till två kolumner (eller en enskild rad) genom att ange ett alternativ i inställningarna för gränssnittet.

  1. Klicka på dubbelpilen högst upp på panelen Verktyg.

Hantera fönster och paneler

Du kan skapa en anpassad arbetsyta genom att flytta och justera dokumentfönster och paneler. Du kan också spara arbetsytor och växla mellan dem. För Fireworks: Om du byter namn på anpassade arbetsytor i Fireworks kan det leda till oönskat beteende.

 I exemplen nedan används Photoshop som exempel. Arbetsytan fungerar på samma sätt i alla produkter.

Ordna om, docka eller skapa flytande dokumentfönster

När du öppnar fler än en fil visas dokumentfönstren som flikar.

  • Du ändrar ordning på flikarna (dokumentfönstren) genom att dra en fönsterflik till en ny plats i gruppen.

  • Om du vill avdocka ett dokumentfönster från en grupp fönster, drar du fönsterfliken bort från gruppen.

     I Photoshop kan du också välja Fönster > Ordna > Flyt i fönster om ett enskilt dokumentfönster ska vara flytande, eller Fönster > Ordna > Flyt alla i fönster om alla dokumentfönster ska vara flytande. Mer information finns i kb405298.

     I Dreamweaver går det inte att docka och avdocka dokumentfönster. Använd minimeringsknappen i dokumentfönstret om du vill skapa flytande fönster (Windows) eller välj Fönster > Sida vid sida om du vill visa dokumentfönstren sida vid sida. Sök efter "sida vid sida" i Dreamweaver-hjälpen om du vill ha mer information. Arbetsflödet skiljer sig något för Macintosh-användare.

  • Om du vill docka ett dokumentfönster vid en separat grupp med dokumentfönster, drar du fönstret till den gruppen.

  • Om du vill skapa grupper med grupperade eller upprepade dokument drar du fönstret till något av de släppningsområden som finns överst, nederst eller vid sidan i ett annat fönster. Du kan också välja en layout för gruppen med hjälp av knappen Layout i programfältet.

     Vissa produkter har inte stöd för den här funktionen. Kommandona Överlappande och Sida vid sida kan dock finnas på menyn Fönster i produkten som hjälp för dig att utforma dina dokument.

  • Om du vill växla till ett annat dokument i en grupp med flikar när du drar en markering, drar du markeringen över fliken för dokumentet en kort stund.

     Vissa produkter har inte stöd för den här funktionen.

Docka och avdocka paneler

En docka är en samling paneler eller panelgrupper som visas tillsammans, för det mesta lodrätt. Du kan docka och avdocka paneler genom att flytta dem in och ut från en docka.

  • Om du vill docka ett skikt drar du det i fliken till dockan, högst upp, längst ned eller mellan andra paneler.

  • Om du vill docka en panelgrupp drar du den i namnlisten (det heltäckande tomma fältet ovanför flikarna) till dockan.

  • Om du vill ta bort en panel eller en panelgrupp drar du den ut från dockan i dess flik eller namnlist. Du kan dra den till en annan docka eller frigöra den.

Överblickspanelen dras ut till en ny docka, vilket anges med en blå, lodrät markering

Överblickspanelen finns i en egen docka

 Du kan förhindra att panelerna fyller upp hela ytan i en docka. Dra uppåt i nederkanten på dockan så att den inte längre nuddar kanten på arbetsytan.

Flytta paneler

När du flyttar paneler visas blåmarkerade släppningsområden, områden dit du kan flytta panelen. Du kan till exempel flytta en panel uppåt eller nedåt i en docka genom att dra den till det smala blå släppningsområdet ovanför eller under en annan panel. Om du drar till ett område som inte är ett släppningsområde börjar panelen att flyta fritt i arbetsytan.

 Musmarkörens position (snarare än panelens position) aktiverar släppzonen, så om du inte ser släppzonen kan du försöka dra musmarkören dit du vill att släppzonen ska vara.

  • Om du vill flytta en panel drar du i dess flik.

  • Om du vill flytta en panel drar du i namnlisten.

Det smala blå släppningsområdet anger att panelen Färg kommer att dockas separat ovanför panelgruppen Lager.

A. Namnlist B. Tabb C. Släppningsområde 

 Tryck på Ctrl (Windows) eller Kommando (Mac OS) medan du flyttar en panel om du inte vill att den ska dockas. Tryck på Esc medan du flyttar panelen om du vill avbryta åtgärden.

Lägga till och ta bort paneler

Om du tar bort alla paneler från en docka, försvinner dockan. Du kan skapa en docka genom att flytta paneler mot högerkanten av arbetsytan tills ett släppningsområde visas.

  • Om du vill ta bort en panel högerklickar du (Windows) eller Ctrl-klickar (Mac) på fliken och väljer sedan Stäng, eller avmarkerar den direkt på Fönster-menyn.

  • Om du vill lägga till en panel markerar du den på Fönster-menyn och dockar den där du vill ha den.

Hantera panelgrupper

  • Om du vill flytta en panel i en grupp drar du i panelens flik till det markerade släppningsområdet i gruppen.

en panel i en panelgrupp

  • Om du vill ordna om panelerna i en grupp drar du i fliken på en panel till en ny plats i gruppen.

  • Om du vill ta bort en panel från en grupp så att den flyter fritt, drar du panelen i dess flik till en plats utanför gruppen.

  • Om du vill flytta en grupp drar du i namnlisten (området ovanför flikarna).

Skikta flytande paneler

När du drar en panel till en plats utanför dockan men inte till ett släppningsområde, flyter panelen fritt. En flytande panel kan du placera var som helst i arbetsytan. Du kan skikta flytande paneler eller panelgrupper så att de flyttas som en enhet när du drar i den översta namnlisten.

Fritt flytande skiktade paneler

  • Om du vill skikta flytande paneler drar du panelen i dess flik till släppzonen längst ned på en annan panel.

  • Om du vill ändra skiktordning drar du en panel uppåt eller nedåt i dess flik.

     Kontrollera att du släpper fliken över det smala släppningsområdet mellan panelerna, och inte i det breda släppningsområdet i en namnlist.

  • Om du vill ta bort en panel eller panelgrupp från skiktet, så att den kan börja flyta fritt, drar du den i fliken eller namnlisten.

Ändra storlek på paneler

  • Om du vill minimera eller maximera en panel, panelgrupp eller ett skikt med paneler dubbelklickar du på en flik. Du kan också dubbelklicka på flikområdet (det tomma utrymmet bredvid flikarna).

  • Om du vill ändra storlek på en panel drar du i sidan på panelen. Vissa paneler, till exempel panelen Färg i Photoshop, kan du inte ändra storlek på genom att dra.

Komprimera eller expandera panelikoner

Du kan komprimera panelerna till ikoner om du vill rensa arbetsytan. I vissa fall är panelerna komprimerade till ikoner i standardarbetsytan.

Paneler komprimerade till ikoner

Paneler som har expanderats från ikoner

  • Om du vill komprimera eller expandera alla panelikoner i en kolumn klickar du på dubbelpilen högst upp i dockan.

  • Om du vill expandera en enskild panelikon klickar du på den.

  • Om du vill ändra storlek på panelikonerna så att bara ikonerna (och inte etiketterna) visas, justerar du bredden på dockan tills texten försvinner. Om du vill visa ikontexten igen gör du dockan bredare.

  • Om du vill komprimera en expanderad panel till en ikon igen, klickar du på fliken, på ikonen eller på dubbelpilen i panelens namnlist.

    Obs! Om du i vissa produkter aktiverar alternativet för att komprimera panelikoner automatiskt i inställningarna för gränssnittet, komprimeras en expanderad panelikon automatiskt när du klickar någon annanstans.

  • Om du vill lägga till en flytande panel eller panelgrupp i en ikondocka, drar du i dess flik eller namnlist. (Paneler komprimeras automatiskt till ikoner när de läggs till i en ikondocka.)

  • Om du vill flytta en panelikon (eller panelikongrupp) drar du i ikonen. Du kan dra panelikoner uppåt och nedåt i dockan, till andra dockor (där de visas i den dockans panelformat) eller utanför dockan (där de visas som flytande ikoner).

Spara och växla arbetsytor

Genom att spara aktuell storlek och placering för paneler som en namngiven arbetsyta, kan du återskapa den arbetsytan även om du flyttar eller stänger en panel. Namnen på de sparade arbetsytorna visas i arbetsyteväxlaren i programfältet.

Spara en egen arbetsyta

  1. Gör något av följande när arbetsytan har den sammansättning som du vill spara:

    • (Illustrator) Välj Fönster > Arbetsyta > Spara arbetsyta.

    • (Photoshop, InDesign, InCopy) Välj Fönster > Arbetsyta > Ny arbetsyta.

    • (Dreamweaver) Välj Fönster > Layout för arbetsyta > Spara arbetsyta.

    • (Animate) Välj Ny arbetsyta från arbetsyteväxlaren i programfältet.

    • (Fireworks) Välj Spara nuvarande från arbetsyteväxlaren i programfältet.

  2. Ange ett namn på arbetsytan.

  3. (Photoshop, InDesign) Markera ett eller flera alternativ under Samla in:

    Panelernas plats

    Sparar de aktuella panelplaceringarna (endast InDesign).

    Kortkommandon

    Sparar den aktuella uppsättningen kortkommandon (endast Photoshop).

    Menyer och anpassade menyer

    Sparar den aktuella uppsättningen menyer.

Visa eller växla arbetsytor

  1. Markera en arbetsyta i arbetsyteväxlaren i programfältet.

 I Photoshop kan du koppla kortkommandon till de olika arbetsytorna om du snabbt vill kunna växla mellan dem.

Ta bort en egen arbetsyta

  • Välj Hantera arbetsytor i arbetsyteväxlaren i programfältet, markera arbetsytan och klicka på Ta bort. (Det här alternativet är inte tillgängligt i Fireworks.)

  • (Photoshop, InDesign, InCopy) Välj Ta bort arbetsyta i arbetsyteväxlaren.

  • (Illustrator) Välj > Arbetsyta > Hantera arbetsytor, markera arbetsytan och klicka på ikonen Ta bort.

  • (Photoshop, InDesign) Välj Fönster > Arbetsyta > Ta bort arbetsyta, markera arbetsytan och klicka på Ta bort.

Återställa standardarbetsytan

  1. Välj mellan arbetsytorna Standard eller Grundläggande i arbetsyteväxlaren i programfältet.

     Designer är standardarbetsyta i Dreamweaver.

  2. (Photoshop, InDesign, InCopy) Välj Fönster > Arbetsyta > Återställ [namn på arbetsyta].

(Photoshop) Återställa en sparad arbetsyta

I Photoshop visas arbetsytorna automatiskt som de såg ut när du senast använde dem, men du kan också återställa panelernas ursprungliga, sparade placering.

  • Om du vill återställa en enskild arbetsyta väljer du Fönster > Arbetsyta > Återställ namnet på arbetsytan.

  • Om du vill återställa alla arbetsytor som installerats med Photoshop klickar du på Återställ standardarbetsytor i gränssnittsinställningarna.

 Om du vill ändra ordningen på arbetsytorna i programfältet drar du dem.

 Adobe

Få hjälp snabbare och enklare

Ny användare?