Rita och skapa objekt med Animate

  1. Användarhandbok för 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. Arbeta med klassiska interpolerade animeringar i Animate
    5. Pensel
    6. Rörelseguide
    7. Rörelseinterpoleringar och ActionScript 3.0
    8. Om animeringar med rörelseinterpolering
    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. Forminterpolering
    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. Arbeta med videoreferenspunkter
    9. Rita och skapa objekt med Animate
    10. Omforma linjer och former
    11. Linjer, fyllningar och övertoningar med Animate CC
    12. Arbeta med Adobe Premiere Pro och After Effects
    13. Färgpaneler i Animate CC
    14. Öppna Flash CS6-filer i Animate
    15. Arbeta med klassisk text i Animate
    16. Placera grafik i Animate
    17. Importerade bitmappar i Animate
    18. 3D-grafik
    19. Arbeta med symboler i Animate
    20. Rita linjer och former med Adobe Animate
    21. Arbeta med bibliotek i Animate
    22. Exportera ljud
    23. Markera objekt i Animate CC
    24. Arbeta med Illustrator AI-filer i Animate
    25. Tillämpa mönster med sprejpenseln
    26. Använda blandningslägen
    27. Ordna objekt
    28. Automatisera uppgifter med kommandomenyn
    29. Flerspråkig text
    30. Använda kameran i Animate
    31. Använda Animate med Adobe Scout
    32. Arbeta med Fireworks-filer
    33. Grafikfilter
    34. Ljud och ActionScript
    35. Ritinställningar
    36. 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. God praxis – riktlinjer för hjälpmedel
    12. Hjälpmedel på arbetsytan i Animate
    13. Skriva och hantera skript
    14. Aktivera stöd för anpassade plattformar
    15. Översikt över stöd för anpassade plattformar
    16. Skapa hjälpmedelsanpassat innehåll
    17. Arbeta med plugin-program för anpassade plattformar
    18. Felsöka ActionScript 3.0
    19. 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. Exportera QuickTime-videofiler
    9. Styra extern videouppspelning med ActionScript
    10. God praxis – tips för att skapa innehåll på mobila enheter
    11. God praxis – videokonventioner
    12. God praxis – riktlinjer för utveckling av SWF-program
    13. God praxis – strukturera FLA-filer
    14. De bästa sätten att optimera FLA-filer för Animate
    15. Inställningar för ActionScript-publicering
    16. Ange publiceringsinställningar för Animate
    17. Exportera projektorfiler
    18. Exportera bilder och animerade GIF-filer
    19. Publiceringsmallar för HTML
    20. Arbeta med Adobe Premiere Pro och After Effects
    21. Dela och publicera animeringar snabbt

Rita

Med ritverktygen i Adobe Animate kan du skapa och ändra linjerna och formerna för grafik i dina dokument. Linjerna och formerna som du skapar i Animate består alla av den typ av vektorer som gör att filstorleken på FLA-filerna hålls nere.

Innan du börjar rita och måla i Animate är det viktigt att du förstår hur teckningar skapas i Animate och hur formerna i samma lager kan påverkas när du ritar, målar och ändrar former.

Vektor- och bitmappsgrafik

Datorer visar grafik i antingen vektor- eller bitmappsformat. Om du förstår skillnaden mellan dessa format kan du arbeta mer effektivt. Med Animate kan du skapa och animera kompakt vektorgrafik. Animate kan också importera och ändra vektor- och bitmappsgrafik som har skapats i andra program.

Vektorgrafik

Med vektorgrafik framställs bilder med hjälp av linjer och kurvor, så kallade vektorer, vilka även innehåller färg- och lägesegenskaper. Bilden av ett löv beskrivs t.ex. av punkter sammankopplade med linjer, som skapar lövets kontur. Lövets färg bestäms av konturens färg samt färgen på det område som konturen innesluter.

Linjer i vektorgrafik.

När du redigerar en vektorbild ändrar du egenskaperna för linjerna och kurvorna som beskriver dess form. Flytta och ändra storlek, form och färg på vektorgrafik utan att ändra bildens kvalitet. Bilder med vektorgrafik är oberoende av upplösningen, vilket innebär att de kan visas på utdataenheter med olika upplösningar utan att bildkvaliteten försämras.

Bitmappsgrafik

Bitmappsgrafik beskriver bilder med färgade punkter, så kallade pixlar, som är ordnade i ett rutnät. Exempelvis beskrivs bilden av ett löv genom de specifika läges- och färgvärdena för varje pixel i rutnätet, och bilden skapas på ungefär samma sätt som en mosaik.

Pixlar i en bitmappsbild.

När du redigerar bitmappsgrafik ändrar du pixlar snarare än linjer och kurvor. Bitmappsgrafik är beroende av upplösningen eftersom de data som beskriver bilden är låsta till ett rutnät med en viss storlek. När du redigerar bitmappsgrafik kan bildens kvalitet ändras. Speciellt om du storleksändrar bitmappsgrafik kan bildens kanter bli taggiga när pixlarna fördelas på nytt inom rutnätet. Att visa bitmappsgrafik på en utdataenhet som har lägre upplösning än bilden försämrar också dess kvalitet.

Banor

När du ritar en linje eller en form i Animate skapar du en linje kallad en bana. En bana består av ett eller flera raka eller böjda segment. Början och slutet av varje segment är markerade med ankarpunkter, som kan liknas vid nålar som håller fast en bit snöre. En bana kan vara stängd (t.ex. en cirkel) eller öppen med distinkta slutpunkter (t.ex. en vågig linje).

Du ändrar formen för en bana genom att dra dess ankarpunkter, riktningspunkterna i slutet av riktningslinjerna som visas på ankarpunkter, eller själva bansegmentet.

Komponenter i en bana

A. Markerad (helfylld) slutpunkt B. Markerad ankarpunkt C. Avmarkerad ankarpunkt D. Böjt bansegment E. Riktningspunkt F. Riktningslinje. 

Banor kan ha två sorters ankarpunkter: hörnpunkter och utjämnade punkter. Vid en hörnpunkt ändrar en bana skarpt riktning. Vid en utjämnad punkt är bansegment anslutna som en kontinuerlig kurva. Du kan rita en bana med hjälp av en kombination av hörnpunkter och utjämnade punkter. Om du ritar fel typ av punkt kan du ändra den.

Punkter i en bana

A. Fyra hörnpunkter B. Fyra utjämnade punkter C. En kombination av hörnpunkter och utjämnade punkter. 

En hörnpunkt kan ansluta till vilka två raka eller böjda som helst, medan en utjämnad punkt alltid ansluter till två kurvsegment.

En hörnpunkt kan ansluta till både raka segment och kurvsegment.

Obs!

Blanda inte ihop hörnpunkter och utjämnade punkter med raka segment och kurvsegment.

En banas kontur kallas en linje. En färg eller övertoning som tillämpas på en öppen eller sluten banas inre kallas en fyllning. En ramlinje kan ha tyngd (tjocklek), färg och streckat mönster. När du har skapat en bana eller form kan du ändra dess egenskaper för ramlinje och fyllning.

Riktningslinjer och riktningspunkter

När du markerar en ankarpunkt som ansluter till kurvsegment (eller markerar själva segmentet) visar ankarpunkterna för de anslutna segmenten riktningshandtag, vilka består av riktningslinjer som slutar i riktningspunkter. Riktningslinjernas vinkel och längd bestämmer kurvsegmentens storlek och form. Om du flyttar riktningspunkterna omformas kurvorna. Riktningslinjer visas inte i färdiga utdata.

En utjämnad punkt har alltid två riktningslinjer som flyttas tillsammans som en rak enhet. När du flyttar en riktningslinje för en utjämnad punkt justeras kurvsegment på båda sidor av punkten samtidigt, så att en kontinuerlig kurva bevaras vid den aktuella ankarpunkten.

En hörnpunkt kan å andra sidan ha två, en eller inga riktningslinjer, beroende på om den ansluter till två, en eller inga kurvsegment. Riktningslinjerna för en hörnpunkt bevarar hörnet genom att använda olika vinklar. När du flyttar en riktningslinje på en hörnpunkt justeras bara kurvan på samma sida av punkten som riktningslinjen.

När en ankarpunkt (vänster) har markerats visas riktningslinjer på alla kurvsegment som är anslutna till ankarpunkten (höger).

Justering av riktningslinjer på en utjämnad punkt (vänster) och en hörnpunkt (höger).

Riktningslinjer tangerar alltid (lodrät mot radien hos) kurvan vid ankarpunkterna. Vinkeln hos varje riktningslinje bestämmer kurvans lutning och längden på varje riktningslinje bestämmer kurvand höjd eller djup.

När du flyttar och ändrar storlek på riktningslinjer ändras kurvans lutning.

Ritlägen och grafiska objekt

I Animate kan du skapa flera typer av grafikobjekt med hjälp av de olika ritlägena och ritverktygen. Varje typ har särskilda fördelar och nackdelar. Om du förstår hur de olika grafikobjekten fungerar blir det lättare att välja rätt typer av objekt.

Obs!

I Animate är grafikobjekt objekt på scenen. Med Animate kan du flytta, kopiera, ta bort, omvandla, stapla, justera och gruppera grafiska objekt. ”Grafiska objekt” i Animate skiljer sig från ”ActionScript-objekt”, som ingår i programmeringsspråket ActionScript®. Blanda inte ihop de två användningarna av termen ”objekt”. Mer information om objekt i programmeringsspråket finns i avsnittet Om datatyper i Om ActionScript 2.0 i Adobe Animate och Datatyper i Utvecklarhandbok för ActionScript® 3.0.

Sammanfoga ritläge

I standardritläget sammanfogas automatiskt de former du ritar om de överlappar varandra. När du ritar former som överlappar varandra i samma lager klipps den del bort på den understa formen som överlappas av den översta formen. Detta är ett destruktivt ritläge. Om du till exempel ritar en cirkel, täcker över den med en mindre cirkel och sedan markerar och flyttar den mindre cirkeln, så raderas den del av den andra cirkeln som överlappade den första cirkeln.

Om en form har både en linje och en fyllning betraktas dessa som separata grafiska element som kan markeras och flyttas oberoende av varandra.

Former som skapas i Sammanfoga ritläge sammanfogas när de täcker varandra. Om du markerar och flyttar en form ändras den täckta formen.

Aktivera läget Sammanfogande ritning

  1. Markera alternativet Sammanfoga ritning på verktygspanelen.

  2. Markera ett ritverktyg på verktygspanelen och rita på scenen

Obs!

Läget för sammanfogande ritning används som standard i Animate.

Objektritläge

Skapar former som kallas för ritobjekt. Ritobjekt är separata grafikobjekt som inte sammanfogas automatiskt när de överlappar varandra. Det innebär att du kan placera formerna ovanpå varandra utan att formernas utseende påverkas om du flyttar isär dem eller ordnar om dem. Animate skapar varje form som ett separat objekt som du kan ändra individuellt.

Om ett ritverktyg är aktiverat i Objektritläge är formerna som du skapar med verktyget fristående. Linje och fyllning i en form är inte separata element, och former som överlappar varandra påverkas inte av varandra. När du markerar en form som har skapats i objektritläge lägger Animate till en rektangulär begränsningsram runt formen.

Obs!

Ange inställningar för kontaktkänslighet när du markerar former som har skapats i objektritläge.

Former som skapas i Objektritläge är separata objekt som kan ändras individuellt.

Aktivera Objektritläge

Innan du kan rita former i objektritläge måste du aktivera läget.

  1. Välj ett ritverktyg som har stöd för objektritläge (Penna, Linje, Ritstift, Pensel, Oval, Rektangel eller Polygon).

  2. Klicka på knappen Rita objekt i kategorin Alternativ på verktygspanelen eller tryck på J för att växla mellan objektritläge och sammanfogande ritläge. Med knappen Rita objekt växlar du mellan sammanfogande ritläge och objektritläge. Du kan ange inställningar för kontaktkänslighet när du markerar former som skapas i objektritläge.

  3. Rita på scenen.

Konvertera en form som har skapats med sammanfogande ritläge till en form för objektritläge

  1. Markera formen på scenen.

  2. Konvertera formen till en objektritlägesform genom att välja Ändra > Kombinera objekt > Förening. Efter konverteringen behandlas formen som ett vektorbaserat ritobjekt vars utseende inte ändras när det interagerar med andra former.

Obs!

Använd kommandot Förening om du vill förena två eller fler former till en enda objektbaserad form.

Primitiva objekt

Primitiva objekt är former vilkas egenskaper kan justeras i egenskapsinspektören. Du kan definiera storleken, hörnradien och andra egenskaper för formen när som helst när du har skapat den, utan att du behöver rita om den från början.

Det finns två typer av primitiver, rektanglar och cirklar.

  1. Välj verktyget Primitiv rektangel  eller Primitiv oval  på verktygspanelen.

  2. Rita på scenen.

Överlappande former

När du drar en linje över en annan linje eller ritad form i läget Sammanfogande ritning delas de överlappande linjerna in i segment vid överlappningspunkterna. Använd markeringsverktyget för att markera, flytta och ändra form på varje segment för sig.

En fyllning, fyllningen med en korsande linje och tre linjesegment som har skapats genom segmentering.

När du ritar ovanpå former och linjer ersätts de underliggande områdena med det du ritar över formerna och linjerna. Ritar du med samma färg smälter färgerna samman. Ritar du med olika färger hålls de åtskilda. Använd dessa funktioner när du vill skapa masker, urklipp och andra negativa bilder. Följande urklipp har t.ex. skapats genom att drakens uppdelade grupp har flyttats till den gröna formen. Därefter har draken avmarkerats och slutligen har de fyllda delarna av draken flyttats från den gröna formen.

Skapa ett urklipp med drakbilden.

Om du vill förhindra att former och linjer ändras oavsiktligt kan du överlappa dem, gruppera formerna eller använda lager för att skilja dem åt.

Adobes logotyp

Logga in på ditt konto