Skapa tidslinjelager med Animate

Med lager kan du ordna grafiken i dokument. Du kan rita och redigera objekt på ett lager utan att det påverkar objekt på ett annat lager. I områden på scenen utan något på ett lager kan du se igenom det till lagren under.

Om du vill rita, måla eller ändra ett lager eller en mapp på något annat sätt markerar du lagret på tidslinjen så att det blir aktivt. En pennikon bredvid ett lager- eller mappnamn på tidslinjen anger att lagret eller mappen är aktiv(t). Endast ett lager i taget kan vara aktivt (men fler än ett lager i taget kan markeras).

När du skapar ett Animate-dokument innehåller det endast ett lager. Om du vill ordna teckningar, animeringar och andra element i ett dokument lägger du till fler lager. Du kan även dölja, låsa och ordna om lager. Antalet lager som du kan skapa begränsas endast av datorns minne. Lager ökar inte storleken på den publicerade SWF-filen. Endast objekt som du skapar i lager ökar filstorleken.

Om du vill ordna och hantera lager skapar du lagermappar och lägger lagren i dem. Du kan utöka och komprimera lagermappar på tidslinjen utan att det påverkar det som visas på scenen. Använd separata lager eller mappar för ljudfiler, ActionScript, bildruteetiketter och bildrutekommentarer. Separata lager gör det enklare att snabbt hitta objekten när du vill redigera dem.

Om du vill skapa avancerade effekter kan du använda speciella stödlinjelager för att göra det enklare att rita och redigera samt för att skapa maskeringslager.

Du kan använda fem typer av lager i Animate:

• Normala lager innehåller större delen av grafiken i en fla-fil.

• Maskeringslager innehåller objekt som används som masker för att dölja delar av lager under dem. Mer information finns i Använda maskeringslager.

• Maskerade lager ligger under ett maskeringslager och associeras med maskeringslagret. Endast den del av maskeringslagret som visas av masken syns. Mer information finns i Använda maskeringslager.

• Stödlinjelager innehåller linjer som kan användas för att hjälpa dig placera objekt i andra lager. Du kan även använda dem som stöd när det gäller rörelse för klassiska interpoleringar i andra lager. Mer information finns i Stödlinjelager och Skapa klassisk rörelseinterpolering längs en bana.

• Lager med stödlinjer är lager som är associerade med ett stödlinjelager. Objekten i lagret med stödlinjer kan ordnas och animeras längs linjerna i stödlinjelagret. Lager med stödlinjer kan innehålla statisk grafik och klassiska interpoleringar, men inte rörelseinterpoleringar.

• Rörelseinterpoleringslager innehåller objekt animerade med rörelseinterpoleringar. Mer information finns i Interpolerad animering.

• Armaturlager innehåller objekt med kopplade IK-ben (omvänd kinematik). Mer information finns i Använda benverktyget för animeringar med omvänd kinematik.

Normala lager, maskeringslager, maskerade lager och stödlinjelager kan innehålla rörelseinterpoleringar eller IK-ben (omvänd kinematik). När det finns sådana objekt i något av de här lagren begränsas vilka typer av innehåll som kan läggas till i lagret. Mer information finns i Rörelseinterpoleringar och Använda benverktyget för animeringar med omvänd kinematik.

Skapa ett lager

När du skapar ett lager visas det ovanför det markerade lagret. Det nya lagret blir aktivt lager.

Skapa en lagermapp

Ordna lager och lagermappar

Om du vill ordna dina dokument kan du ordna om lager och mappar på tidslinjen.

Med lagermappar kan du ordna arbetsflödet genom att placera lagren i en trädstruktur. Om du vill visa lagren i en mapp utan att påverka vilka lager som visas på scenen utökar eller komprimerar du mappen. Mappar kan innehålla både lager och andra mappar, vilket gör det möjligt att ordna lager på ungefär samma sätt som du ordnar filer på din dator.

Lagerkontrollerna på tidslinjen påverkar alla lager i en mapp. Om du låser en mapp låses till exempel alla lager i mappen.

• Om du vill flytta ett lager eller en lagermapp till en lagermapp drar du namnet på lagret eller lagermappen till namnet på lagermappen dit du vill flytta dem.
• Om du vill ändra ordningen på lager eller mappar drar du ett eller flera lager eller mappar på tidslinjen till rätt plats.
• Om du vill utöka eller komprimera en mapp klickar du på triangeln till vänster om mappnamnet.
• Om du vill utöka eller komprimera alla mappar högerklickar (Windows) eller Control-klickar (Macintosh) du och väljer Visa alla mappars innehåll eller Dölj alla mappars innehåll.

Byta namn på ett lager eller en mapp

Som standard tilldelar Animate namn till nya lager namn efter ordningen de skapas i: Lager 1, Lager 2 och så vidare. Du kan byta namn på lagren efter innehållet.

Markera ett lager eller en mapp

Kopiera bildrutor från ett enskilt lager

Kopiera bildrutor från en lagermapp

Ta bort ett lager eller en mapp

Låsa eller låsa upp ett eller flera lager eller en eller flera mappar

• Om du vill låsa ett lager eller en mapp klickar du i låskolumnen till höger om namnet. Om du vill låsa upp lagret eller mappen klickar du i kolumnen Lås igen.

• Om du vill låsa alla lager och mappar klickar du på hänglåsikonen. Om du vill låsa upp alla lager och mappar klickar du på den igen.

• Om du vill låsa eller låsa upp flera lager eller mappar drar du genom kolumnen Lås.

• Om du vill låsa alla andra lager eller mappar Alt-klickar (Windows) eller Option-klickar (Macintosh) du i låskolumnen. Om du vill låsa upp alla lager eller mappar Alt-klickar eller Option-klickar (Macintosh) du i låskolumnen igen.

Kopiera och klistra in lager (endast CS5.5)

Du kan kopiera hela lager och lagermappar på tidslinjen, och klistra in dem på samma tidslinje eller på olika tidslinjer. Det går att kopiera alla typer av lager.

När du kopierar och klistrar in lager behålls lagermappsstrukturen för det kopierade lagret.

Lagren visas på tidslinjen ovanför det markerade lagret. Om du har en lagermapp markerad kommer de inklistrade lagren att visas i den mappen.

Om du vill placera ett lager i en mask eller ett stödlinjelager, måste du först markera ett lager under masken eller stödlinjen och sedan klistra in det. Du kan varken klistra in en mask, en stödlinje eller ett mapplager under ett mask- eller stödlinjelager.

Du kan även duplicera lager genom att markera dem och välja Redigera > Tidslinje > Duplicera lager. De nya lagren kommer att ha ordet ”kopia” bifogat till lagernamnet.

Ange egenskaper för flera lager

Visa eller dölja ett lager eller en mapp

Ett rött X bredvid ett lager- eller mappnamn på tidslinjen anger att lagret eller mappen är dold. I publiceringsinställningarna kan du välja om dolda lager ska inkluderas när du publicerar en SWF-fil.

• Om du vill dölja ett lager eller en mapp klickar du i ögonkolumnen till höger om namnet på lagret eller mappen på tidslinjen. Om du vill visa lagret eller mappen klickar du i den igen.

• Om du vill dölja alla lager och mappar på tidslinjen klickar du på ögonikonen. Om du vill visa alla lager och mappar klickar du på den igen.

• Om du vill visa eller dölja flera lager eller mappar drar du genom ögonikonskolumnen.

• Om du vill dölja alla lager och mappar utom det aktuella lagret eller den aktuella mappen Alt-klickar (Windows) eller Option-klickar (Macintosh) du i ögonikonskolumnen. Om du vill visa alla lager och mappar Alt-klickar eller Option-klickar du i den igen.

Visa innehållet i ett lager som konturer

Om du vill avgöra vilket lager ett objekt tillhör visar du alla objekt i lagret som färgade konturer.

• Om du vill visa alla objekt på lagret som konturer klickar du i konturkolumnen till höger om lagrets namn. Om du vill slå av konturvisning klickar du i den igen.

• Om du vill visa objekt på alla lager som konturer klickar du på konturikonen. Om du vill slå av konturvisning på alla lager klickar du på den igen.

• Om du vill visa objekt i alla lager utom det aktuella lagret som konturer Alt-klickar (Windows) eller Option-klickar (Macintosh) du i konturkolumnen. Om du vill stänga av konturvisning för alla lager Alt‑klickar eller Option-klickar du i den igen.

 Lagrets konturfärg används även för rörelsebanorna i lagret.

Ändra ett lagers konturfärg

Visa lager och lagermappar

Visa eller dölja ett lager eller en mapp

Ett rött X bredvid ett lager- eller mappnamn på tidslinjen anger att lagret eller mappen är dold. I publiceringsinställningarna kan du välja om dolda lager ska inkluderas när du publicerar en SWF-fil.

• Om du vill dölja ett lager eller en mapp klickar du i ögonkolumnen till höger om namnet på lagret eller mappen på tidslinjen. Om du vill visa lagret eller mappen klickar du i den igen.

• Om du vill dölja alla lager och mappar på tidslinjen klickar du på ögonikonen. Om du vill visa alla lager och mappar klickar du på den igen.

• Om du vill visa eller dölja flera lager eller mappar drar du genom ögonikonskolumnen.

• Om du vill dölja alla lager och mappar utom det aktuella lagret eller den aktuella mappen Alt-klickar (Windows) eller Option-klickar (Macintosh) du på i ögonikonskolumnen. Om du vill visa alla lager och mappar Alt-klickar eller Option-klickar du i den igen.

Visa innehållet i ett lager som konturer

Om du vill avgöra vilket lager ett objekt tillhör visar du alla objekt i lagret som färgade konturer.

• Om du vill visa alla objekt på lagret som konturer klickar du i konturkolumnen till höger om lagrets namn. Om du vill slå av konturvisning klickar du i den igen.

• Om du vill visa objekt på alla lager som konturer klickar du på konturikonen. Om du vill slå av konturvisning på alla lager klickar du på den igen.

• Om du vill visa objekt på alla lager utom det aktuella lagret Alt-klickar (Windows) eller Option-klickar (Macintosh) du i konturkolumnen. Om du vill slå av konturvisning för alla lager Alt‑klickar eller Option-klickar du i den igen.

Ändra ett lagers konturfärg

 Lagrets konturfärg används även för rörelsebanorna i lagret.

Ställa in lagergenomskinlighet

 Lagergenomskinlighet har ingen effekt på dolda lager.

Använda avancerade lager

I Animate med läge för avancerade lager publiceras alla lager i tidslinjen som symboler. I läget för avancerade lager kan du använda följande funktioner:

• Lagereffekter
• Lagerdjup
• Överordnade lager
• Kamera

Läget för Avancerade lager är aktiverat som standard. Du kan aktivera eller inaktivera avancerade lager med hjälp av inställningen Ändra > Dokument. När du har tillämpat ändringarna klickar du på Använd som standard om du vill bevara aktuell inställning för kommande dokument och i alla Animate-sessioner.

När du vill komma åt de här symbolerna med hjälp av skript i Animate måste du anropa dem med "layer" som objekt. När du inte använder avancerade lager kan du till exempel komma åt en symbol direkt med ett skript som ser ut ungefär som detta:

getchildbyname("symbol1");

Om du använder avancerade lager kan du däremot bara komma åt symbolen via ett lager och genom att använda ett skript som ser ut ungefär som detta:

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

En exempelkod för att komma åt symboler med avancerade lager för dokumenttypen AS3:

En exempelkod för att komma åt symboler med avancerade lager för dokumenttypen HTML5 Canvas:

Följande bild visar hur du kommer åt en symbol med hjälp av skript med avancerade lager och utan avancerade lager. 

 Storleken på publicerade animeringsprojekt kan öka när du använder avancerade lager i Animate. Om du stöter på problem när du använder kamera- eller lagerdjupsfunktioner ska du kontrollera om de avancerade lagren är PÅ. Om läget är inaktiverat ska du aktivera det för att få förväntad funktion.

Tillämpa lagereffekter

Filtren och färgeffekterna brukade endast kunna tillämpas på filmklipp. Med de avancerade lagren kan filter och färgeffekter nu tillämpas på markerade bildrutor, där de i sin tur tillämpas på allt deras innehåll inklusive former, ritobjekt, grafiska symboler och så vidare. Lagereffekter kan också interpoleras med hjälp av klassiska, form- och IK-interpoleringar på alla bildrutor.

Du kan tillämpa lagereffekter på individuella eller flera bildrutor genom att välja önskade bildrutor. Du kan också tillämpa lagereffekter på alla bildrutor i ett lager genom att välja hela lagret. Lagereffekter kan också tillämpas på en symbols tidlinje, som filmklipp och grafiska symboler och på alla scener.

 Lagereffekter kan endast tillämpas när läget för avancerade lager är PÅ. Du kanske måste aktivera läget för avancerade lager uttryckligen specifikt för filer för att kunna använda denna funktionalitet.

Använda filter för bildrutor

Om du vill lägga till filter för en viss bildruta väljer du först bildrutan. Panelen Egenskapsinspektören läser in de bildrutespecifika egenskaperna. Klicka på +-ikonen i Filter-listrutan.

När du lägger till filter på bildrutor visas egenskapsinspektören som i följande skärmbild. 

Du kan ställa in egenskaperna för varje filter enligt vad du behöver och tillämpa dem på bildrutenivå. Interpolering kan tillämpas på alla bildrutefilter. 

 Lagereffekter stöds endast i dokumenttypen ActionScript 3. Rörelseinterpolering och kameralager stödjer inte lagereffekter.

Använda färgeffekter

Välj först bildrutan för att tillämpa färgeffekt på en viss bildruta. Panelen Egenskapsinspektör läser in de bildrutespecifika egenskaperna. Välj önskad färgegenskap på panelen Egenskapsinspektör.

Använda blandningslägen

Om du vill använda blandningslägen på en viss bildruta måste du först välja bildruta och sedan ett blandningsläge i avsnittet Visa på bildrutepanelen.

När du använder blandning på lager eller bildrutor används det på allt dess innehåll, inklusive former, ritobjekt och grafiska symboler. Alla objekt på ett lager blandas med objekt på ett annat lager enligt det blandningsläge som används på den bildrutan.

Mer information om blandningslägen finns i Använda blandningslägen.

Så här förbättrar du animeringar med lagereffekter

Tillämpa lagerdjup

Som animatör kan du placera lager på olika plan i en 2D-animering, vilket skapar en illusion av djup. 

Du kan ändra djupet på lagren dynamiskt på panelen Lagerdjup. Klicka på Fönster > Lagerdjup när du vill öppna panelen Lagerdjup.

 Du kan ställa in minimi- och maximivärdena för lagerdjup inom intervallet –-5  000 till 10  000.

Värdena för lagerdjup står bredvid varje lagernamn för respektive bildruta så som bilden ovan visar.

• Håll musen över ett värde, klicka och dra skjutreglaget åt höger eller vänster.
• Om du vill minska djupet drar du skjutreglaget åt vänster. Om du vill öka djupet drar du skjutreglaget åt höger. 
• Du kan använda lägre positiva värden för objekt som är närmare och högre positiva värden för objekt som är längre bort.

Du kan interpolera lagerdjupsvärdena i samtliga interpoleringsintervall för animeringen. 

Varje lager representeras med unika färgade linjer på panelen för lagerdjup. Du kan visa färgerna som representerar de olika lagren i tidslinjen. 

Du kan också öka eller minska djupet på objekten i varje lager genom att flytta de flerfärgade linjerna uppåt eller nedåt.

• Klicka på och dra linjen uppåt om du vill minska djupet för objekten i ett lager.
• Klicka på och dra linjen nedåt om du vill öka djupet för objekten i ett lager.

En bild som visar animeringar med och utan lagerdjup:

En bild som visar en animering när lagerdjup används:

Du kan använda kameran på lager med flera plan för att skapa en parallaxeffekt eller zooma in i innehållet på ett plan. Du kan även låsa kameran på ett specifikt lager eller använda kameraeffekter vid körning med hjälp av interaktiva API:er. Mer information finns i Skapa parallaxeffekt med kamera och lagerdjup.

 Lagerdjup är endast tillämpbart endast på huvudtidslinjen.

Bevara lagerdjupets storlek

Du kan ändra objekts lagerdjup utan att påverka objektens format och position. Klicka på Bevara storlek i det övre högra hörnet på panelen Lagerdjup när du vill använda funktionen för att bevara storlek.

Du kan använda alternativet för att bevara storleken på två sätt:

• Klicka på Bevara storlek och ändra lagerdjupet på det önskade lagret. Knappen Bevara storlek ändras automatiskt.
• Håll Alt-tangenten intryckt när du tillfälligt vill aktivera Bevara storlek samtidigt som du drar värdena för lagerdjup.

Tillämpa lagerdjup vid körning

Du kan också använda kameran på objekt vid körning och lägga till effekter genom att använda kamera-API:er. Mer information finns i Använda den interaktiva kameran vid körning.

Lagerdjups-API för AS3

Du kan hantera lagren vid körning genom att använda API:er, till exempel om du vid körning vill lägga till ett extra lager i animeringen eller minska djupet för ett av lagren i animeringen. 

Lagerdjups-API för HTML Canvas

Överordnade lager

Med Animate kan ett lager underordnas ett annat. Med överordnade lager är det lätt att göra så att ett lager/objekt i animeringen styr ett annat lager/objekt. Det gör att animeringstiden minskar för animerings- och speldesigners eftersom rörelserna i figurens olika delar kan styras lättare.

Avancerade lager måste vara aktiverade när du vill använda den överordnade lagervyn. Som standard är Avancerade lager aktiverade för nya filer. Du kan aktivera den överordnade lagervyn genom att klicka på hierarkiikonen överst till höger på tidslinjen.

 Överordning för förvrängda objekt fungerar endast när det underordnade lagerobjektets omformningspunkt finns på det överordnade lagerobjektet.

Överordnade och underordnade lager

Om du drar lager 1 ovanpå lager 2 i den överordnade lagervyn blir lager 1 underordnat lager till det överordnade lagret 2. Objektet på det underordnade lagret ärver positionen och rotationen hos objektet på det överordnade lagret i tillägg till sina egna egenskaper. När du flyttar eller roterar det överordnade objektet kommer det underordnade objektet att flyttas eller roteras tillsammans med det överordnade objektet. Du kan skapa flera överordnade och underordnade relationer för att skapa en hierarki.

Överordnade lager

Du kan koppla ett lager till ett annat genom att klicka på lagerhandtaget (färghuvud) och dra det över ett annat lager. Eller också kan du så klickar du någonstans på det vågräta rektangulära området bredvid ett lagernamn och dra det över det andra lagret. Du kan också klicka en gång på ett lager och välja överordnat lager åt det i popup-listan. 

En streckad linje visas i närheten av lagrets färghuvud när du klickar och drar i linjen. En överordnad/underordnad koppling skapas mellan de två lagren så fort du slutar att klicka och dra.

Färghuvudet längst till vänster i hierarkivyn representerar det överordnade lagret. Hierarkin flyttar sig från vänster till höger.

Du kan ta bort kopplingen genom att klicka på något lagers färghuvud och att dra den streckade linjen och släppa den. Eller också kan du klicka på det vågräta utrymmet och klicka på Ta bort överordnad som i skärmbilden nedan.

På skärmbilderna nedan kan du se lagrens hierarki och deras positioner före och efter det att du använt överordnade lager.

Ett exempel som visar användningen av överordnade lager på mänskliga kroppsdelar visas nedan.

På bilden ovan

• Överkroppen är överordnad alla andra kroppsdelar.
• Ben_lår är överordnat andra delar av benet som gymnastiksko, ben_under och ankel.
• Huvudet är underordnat halsen och överkroppen är överordnad halsen. När du drar halsen bort från kroppen så flyttas huvudet tillsammans med den.

 Överordnade lager är en bildruteegenskap som du måste ställa in för varje nyckelbildruta i det underordnade lagret. I en nyckelbildruta kan du koppla bort och ansluta ett underordnat lager till ett annat överordnat lager.

Stöd för skalning, skevning och vändning i överordnade objekt

Från och med Animate 2022 har överordnade lager förbättrats så att det överordnade objektets egenskaper för skalning, skevning och vändning samt för position och rotation sprids. Som standard sprids alla egenskaper, men spridningen av egenskaperna för skalning, skevning och vändning kan inaktiveras eller aktiveras från popup-menyn Överordnad, som kan anropas genom att trycka länge på knappen Visa överordnad vy på tidslinjepanelen enligt nedanstående.

Dessutom kan du växla mellan inställningarna för propagering av skala, skevning och vändning för tillfälliga ändringar med hjälp av en ändringsnyckel vid ändring med verktyget Omforma fritt. Du kan tillfälligt åsidosätta denna inställning genom att hålla accent-tangenten (') nedtryckt medan du skalar eller skevar objektet med verktyget Omforma fritt. Detta är praktiskt när du tillfälligt vill växla propageringsbeteende för de nyligen tillagda egenskaperna.

En självstudieutbildning om överordnade lager