Skapa tidslinjelager med Animate CC

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 dokument i Animate CC (tidigare Flash Professional CC) 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.

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

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.

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.

• 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.

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.

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.

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.

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.

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.

I Animate CC 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 genom 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. 

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.

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. 

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 i panelen Egenskapsinspektör.

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 i panelen Lagerdjup. Klicka på Fönster > Lagerdjup när du vill öppna panelen Lagerdjup.

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 i 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.

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.

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. 

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. 

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.

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.

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 dDu kan också klicka på det vågräta utrymmet och klicka på Ta bort överordnad som i skärmbilden under. 

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.