Sådan ændres størrelsen på Adobe Edge Animation Stage - dummies

Scenen er, hvor du vil placere dine elementer, såsom billeder, tekst og tegneobjekter. Scenen er et levende HTML-vindue, hvilket betyder, at det, du ser på skærmen, er, hvad dit publikum ser, når de ser og interagerer med din sammensætning. Du kan dimensionere scenen på flere forskellige måder:

• Pixels: Adobe Edge Animate CC giver dig mulighed for at indstille scenen til at forblive en bestemt størrelse uanset størrelsen af ​​browservinduet.

• Procent: For dem der foretrækker et mere lydhurt webdesign.

• Testing responsivt webdesign: Du vil muligvis ændre baggrundsfarven på scenen for at teste dit designs lydhørhed.

Formatering af dit trin med pixelværdier

Det er sandsynligvis, at et af de første trin du vil tage, er at dimensionere dit trin korrekt. Hvis du planlægger at indsætte din animation på en eksisterende webside, skal du først bestemme, hvor meget plads du vil have din animation til at optage på den pågældende side, og dimensionere scenen i overensstemmelse hermed.

Hvis du vil ændre størrelsen på scenen, skal du klikke på de orange tal i afsnittet Stage i panelet Egenskaber - i kolonnen til venstre til venstre øverst på skærmen - som vist. Hvis du klikker på bredden eller højdenumrene, kan du indtaste de nøjagtige dimensioner (i pixels), som du vil have dit scenarie.

Hvis du ikke vil indtaste tallene, giver Edge Animate dig en alternativ metode til at ændre størrelsen på scenen: Placer blot markøren over et af de orange tal. Når markøren bliver til en dobbeltpil (som vist), kan du klikke og trække for at øge eller reducere størrelsen på scenen.

Hvis du vil oprette en animation, der ikke passer til en bestemt dimension, skal du skifte fra pixels (px) til procent %) ved at klikke på skiftet (se denne figur). Dette er et skridt til at skabe et lydhurt webdesign. Når du formaterer scenen i forhold til skærmprocenten i stedet for pixelværdier, skal trinstørrelserne være i overensstemmelse med størrelsen af ​​overordnet element.

Et eksempel på et overordnet element kan være selve browservinduet - hvis animationen er en frittstående webside. Men hvis animationen er en del af en webside, kan overordnet elementet være et div-element, inden for hvilket animationen er nestet.

For at få dit sceneblad til at fylde hele browservinduet, skal du indstille trinbredden og højden til 100% som vist i denne figur. For at få dit trin til at fylde halvdelen af ​​browservinduet, indstil scenen til 50%; og så videre afhængigt af hvor meget af browservinduet du vil have din animation til at besætte.

Som standard er baggrunden for scenen hvid. Derfor vil du ikke se nogen forskel i scenen, når du skifter mellem px og%.

For at teste forskellen mellem at bruge px og% for trinstørrelse, skal du ændre baggrundsfarven på scenen til noget andet end hvidt, f.eks. Rødt. Derefter eksperimentere med forskellige procentdele og px dimensioner for at se de forskellige effekter.

Hvis du vil ændre baggrundsfarven på scenen (som vist), skal du klikke på det hvide firkant for at få vist en farvevælger.

Du kan fortælle Edge Animate at holde bredden og højdeforholdene ens ved at klikke på ikonet Link Width and Height (fremhævet i denne figur). Som standard er ikonet Link Width and Height slukket; Med denne standard i virkeligheden vil Edge Animate ikke holde bredden (eller højden) i samme forhold, når du ændrer størrelsen.