Hvordan du endrer størrelsen på Adobe Edge Animate Stage - dummies

Fasen er hvor du vil plassere elementene dine, for eksempel bilder, tekst og tegneobjekter. Scenen er et levende HTML-vindu, noe som betyr at det du ser på skjermen, er hva publikum ser når de ser på og samhandler med komposisjonen. Du kan formatere scenen på noen forskjellige måter:

• Piksler: Adobe Edge Animate CC lar deg sette scenen til å forbli en bestemt størrelse uansett størrelsen på nettleservinduet.

• Prosent: For de som foretrekker et mer responsivt webdesign.

• Testing responsive webdesign: Du vil kanskje endre bakgrunnsfargen på scenen for å teste designens respons.

Størrelsen av scenen din med pikselverdier

Sannsynligvis er et av de første trinnene du vil ta, å skreddersy din scene riktig. Hvis du planlegger å sette inn animasjonen din i en eksisterende nettside, må du først bestemme hvor mye plass du vil at animasjonen skal ta opp på den siden, og deretter formatere scenen tilsvarende.

Hvis du vil endre størrelsen på scenen, klikker du på oransje tallene i trinn-delen av Egenskaper-panelet - i kolonnen til venstre til venstre øverst på skjermen - som vist. Ved å klikke på bredde- eller høyde tallet kan du skrive inn de eksakte dimensjonene (i piksler) som du vil at scenen din skal ha.

Hvis du ikke vil skrive inn tallene, gir Edge Animate deg en alternativ metode for å endre størrelsen på scenen: Bare plasser markøren over ett av oransnumrene. Når markøren blir en dobbel pil (som vist), kan du klikke og dra for å øke eller redusere størrelsen på scenen.

Forstørre scenen din i prosent av skjermstørrelsen

Hvis du vil lage en animasjon som ikke må passe til en bestemt dimensjon, bør du bytte fra piksler (px) til prosentandel (%), ved å klikke på vekselen (se denne figuren). Dette er ett skritt for å skape et responsivt webdesign. Når du formaterer scenen med skjermprosent i stedet for med pikselverdier, vil trinnstørrelsene selv være i samsvar med størrelsen på overordnet elementet.

Et eksempel på et foreldreelement kan være selve nettleservinduet - hvis animasjonen er en frittstående nettside. Men hvis animasjonen er en del av en nettside, kan foreldreelementet være et div-element der animasjonen er nestet.

For å få scenen til å fylle hele nettleservinduet, still inn trinnbredden og høyden til 100%, som vist på denne figuren. For å få scenen til å fylle halvparten av nettleservinduet, still scenen til 50%; og så videre, avhengig av hvor mye av nettleservinduet du vil at animasjonen skal okkupere.

Som standard er bakgrunnen til scenen hvit. Derfor ser du ingen forskjell i scenen når du bytter mellom px og%.

For å teste forskjellen mellom bruk av px og% for trinnstørrelse, endre bakgrunnsfargen til scenen til noe annet enn hvitt, for eksempel rødt. Deretter eksperimentere med forskjellige prosenter og px dimensjoner for å se de forskjellige effektene.

Hvis du vil endre bakgrunnsfargen på scenen (som vist), klikker du på det hvite torget for å hente en fargevalg.

Du kan fortelle Edge Animate å holde bredde og høyde proporsjoner like ved å klikke på ikonet Link Width and Height (fremhevet i denne figuren). Som standard er ikonet Link Width and Height slått av. Med denne standarden har Edge Animate ikke bredden (eller høyden) i samme andel når du endrer størrelsen.