Adobe Edge Animate Stagei suuruse muutmine

Lava on koht, kuhu paigutate oma elemendid, nagu pildid, tekst ja joonistatud objektid. Lava on reaalajas HTML-aken, mis tähendab, et see, mida te ekraanil näete, näeb teie publik, kui nad teie kompositsiooni vaatavad ja sellega suhtlevad. Saate lava suurust määrata mitmel erineval viisil:

• Pikslid: Adobe Edge Animate CC võimaldab teil määrata Stage'i, et see jääks kindla suurusega olenemata brauseriakna suurusest.

• Protsent: neile, kes eelistavad tundlikumat veebikujundust.

• Tundliku veebidisaini testimine: võite soovida muuta Stage'i taustavärvi, et testida oma kujunduse reageerimisvõimet.

Lava suuruse muutmine piksliväärtuste järgi

Tõenäoliselt on üks esimesi samme, mida soovite teha, oma Stage'i õige suuruse määramine. Kui kavatsete lisada animatsiooni olemasolevale veebilehele, määrake esmalt kindlaks, kui palju ruumi soovite, et animatsioon sellel lehel võtaks, ja seejärel suurendage Stage vastavalt.

Lava suuruse muutmiseks klõpsake paneeli Atribuudid jaotises Stage oranžidel numbritel ekraani ülaosas asuvas vasakpoolses veerus, nagu näidatud. Laiuse või kõrguse numbritel klõpsamine võimaldab teil sisestada täpsed mõõtmed (pikslites), mida soovite oma Laval saada.

Kui te ei soovi numbreid sisestada, pakub Edge Animate teile alternatiivset meetodit lava suuruse muutmiseks: lihtsalt viige kursor ühe oranži numbri kohale. Kui kursor muutub topeltnooleks (nagu näidatud), saate lava suuruse suurendamiseks või vähendamiseks klõpsata ja lohistada.

Lava suuruse määramine ekraani suuruse protsendi järgi

Kui soovite luua animatsiooni, mis ei pea sobima ühelegi kindlale mõõtmele, siis peaksite lülitit klõpsates lülituma pikslitelt (px) protsendile (%) (vt seda joonist). See on üks samm tundliku veebidisaini loomisel. Kui määrate Stage'i suuruse ekraaniprotsendi, mitte piksliväärtuste järgi, määrab Stage end vastavalt emaelemendi suurusele.

Üks näide vanemelemendist võib olla brauseriaken ise – kui animatsioon on eraldiseisev veebileht. Kui aga animatsioon on veebilehe üks osa, võib lähteelemendiks olla div-element, mille sees animatsioon on pesastatud.

Et lava täidaks kogu brauseriakna, määrake Stage'i laiuseks ja kõrguseks 100%, nagu on näidatud sellel joonisel. Et teie etapp täidaks poole brauseriaknast, määrake Stage väärtuseks 50%; ja nii edasi, olenevalt sellest, kui suure osa brauseriaknast soovite oma animatsiooniga hõivata.

Vaikimisi on Lava taust valge. Seetõttu ei näe te staadiumis erinevust, kui vahetate px ja % vahel.

Et testida erinevust Stage size jaoks px ja % vahel, muutke Stage'i taustavärv millekski muuks kui valgeks, näiteks punaseks. Seejärel katsetage erinevate protsentide ja pikslimõõtmetega, et näha erinevaid efekte.

Lava taustavärvi muutmiseks (nagu näidatud), klõpsake värvivalija kuvamiseks valget ruutu.

Saate käskida Edge Animate'il jätta laiuse ja kõrguse proportsioonid samaks, klõpsates ikooni Link Width and Height (sellel joonisel esile tõstetud). Vaikimisi on ikoon Link Width and Height välja lülitatud; selle vaikeväärtuse korral ei hoia Edge Animate suuruse muutmisel laiust (või kõrgust) samas proportsioonis.