Ställ in synligheten för element

Du kan formatera och animera synligheten för ett element - det vill säga om tittaren kan se ett element på scenen. Även om du stänger av synlighet och du inte längre ser elementet på scenen, kan du fortfarande välja det från elementpanelen eller tidslinjen och arbeta med det. Du har dessa alternativ:

  • Du kan slå av, på eller alltid på synlighet.

  • Du kan animera synlighetsinställningen så att element visas eller försvinner när animeringen spelas upp.

Element synlighet på scenen

Om din komposition börjar bli rörig med för många element kan du stänga av och aktivera synligheten för specifika element för att hjälpa till att städa upp röran. När du stänger av ett elements synlighet försvinner det från scenen men det finns fortfarande; du kan fortfarande se den när du förhandsgranskar din animation i en webbläsare.

Den här bilden visar var ikonen Set Element Visibility är på tidslinjen och hur den ser ut när den är på eller av.

Ställ in synligheten för element

Ställa in ett elements synlighet på scenen från tidslinjen.

Animera synligheten av element

Du kan använda elementvisningsfunktionen på nästan vad som helst i Edge Animate, inklusive textrutor, bilder och rektanglar. Visningsfunktionen finns i egenskapspanelen (som visas).

Standard är alltid på, vilket innebär att din publik alltid kommer att se elementet på scenen.

Ställ in synligheten för element

Element Display-funktionen.

Använd visningsfunktionen för att växla element från ett läge till ett annat, oavsett om det är alltid på, på eller av. Klicka på den lilla pilen bredvid Alltid på för att öppna menyn som visas.

Ställ in synligheten för element

Funktionsmenyn Display.

Element Display-funktionen är användbar genom att du kan tala om för Edge Animate när du vill att ett visst element ska visas i animationen. Detta är praktiskt om du till exempel vill att lite text ska dyka upp sent i animeringen och sedan försvinna.

Istället för att lägga till Opacitetsattribut för att få text att visas vid en viss punkt på tidslinjen – genom att animera Opaciteten från 0 % till 100 % – kan du helt enkelt använda elementet Display-funktionen. Mer information om Opacitet finns i det här kapitlet.

Standardinställningen för elementvisningsfunktionen är alltid på. Så om du vill att din publik alltid ska se elementet, behöver du inte göra något för att se till att ditt element alltid är på.

För att växla ett element från Av till På måste du först skapa ett element som en rektangel. Från egenskapspanelen klickar du sedan på rullgardinsmenyn för Display och väljer Av. Om du gör det infogas en nyckelbildruta (diamant) i tidslinjen som visas i den här bilden – som också visar visningsinställningen, som visas på tidslinjen tillsammans med nyckelbildrutan.

Ställ in synligheten för element

Element Display av.

Från tidslinjen kan du växla visning mellan av och på, men för att återgå till Alltid på måste du göra det från panelen Egenskaper. När du återställer elementet till Always On, varnar Edge Animate dig om att alla nyckelrutor kommer att tas bort (som visas).

Ställ in synligheten för element

Återgå till Alltid på tar bort alla nyckelrutor som är associerade med Display.

Bli inte orolig över att se din textruta plötsligt försvinna från scenen när du stänger av den. På samma sätt, oroa dig inte när du inser att du inte kan välja det avstängda elementet från scenen. I huvudsak, när ett element är Av, kan det lika gärna inte vara en del av kompositionen alls.

Du kan dock fortfarande välja det från elementpanelen i det övre högra hörnet och du kan också se det listat på tidslinjen. Det är så du vet att elementet fortfarande finns.

Följ dessa steg för att animera synligheten för ett element från Av till På till Av igen:

Skapa ett element på scenen.

Flytta uppspelningshuvudet till den punkt på tidslinjen där du vill att elementet ska bli synligt.

Välj elementet och välj sedan På från Display-menyn.

Om du gör det stänger du automatiskt av synlighet under tiden fram till att den är på.

4. Flytta uppspelningshuvudet till den punkt på tidslinjen där du vill att elementet ska bli osynligt.

Välj Av från Display-menyn.

Grattis! Du har nu skapat en animation där ett element börjar osynligt, blir synligt och sedan försvinner igen. För att testa att det fungerar kan du förhandsgranska animationen i webbläsaren eller så kan du se från scenen.

Den här bilden visar hur din tidslinje ska se ut efter att du har slutfört de snabba stegen för att animera synlighet. De skuggade områdena representerar när elementet är avstängt. Tidslinjesegmentet mellan de två ihåliga diamanterna representerar den tid under vilken elementet är synligt.

Ställ in synligheten för element

Tidslinje för ett elements synlighet går från Av till På till Av igen.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]