Si të ndryshoni përmasat e Adobe Edge Animate Stage

Skena është vendi ku do të vendosni elementet tuaja, të tilla si imazhe, tekst dhe objekte të vizatuara. Stage është një dritare e drejtpërdrejtë HTML, që do të thotë se ajo që shihni në ekran, është ajo që shikon audienca juaj kur shikon dhe ndërvepron me përbërjen tuaj. Ju mund ta përmasoni skenën në disa mënyra të ndryshme:

• Pixels: Adobe Edge Animate CC ju mundëson të vendosni Stage të mbetet një madhësi specifike, pavarësisht nga madhësia e dritares së shfletuesit.

• Përqindja: Për ata që preferojnë një dizajn uebi më të përgjegjshëm.

• Testimi i dizajnit të përgjegjshëm të uebit: Ju mund të dëshironi të ndryshoni ngjyrën e sfondit të Stage për të testuar përgjegjshmërinë e dizajnit tuaj.

Përmasat e Fazës tuaj sipas vlerave të pikselit

Me shumë mundësi, një nga hapat e parë që dëshironi të ndërmerrni është të përmasoni siç duhet Stage-n tuaj. Nëse planifikoni të futni animacionin tuaj në një faqe interneti ekzistuese, së pari përcaktoni se sa hapësirë ​​dëshironi që animacioni juaj të zërë në atë faqe dhe më pas përmasoni skenën në përputhje me rrethanat.

Për të ndryshuar përmasat e Stages, klikoni numrat portokalli në seksionin Stage të panelit Properties - në kolonën majtas në pjesën e sipërme të ekranit - siç tregohet. Klikimi i numrave të gjerësisë ose lartësisë ju lejon të shkruani përmasat e sakta (në piksel) që dëshironi të ketë Stage juaj.

Nëse nuk dëshironi të shkruani numrat, Edge Animate ju jep një metodë alternative për ndryshimin e përmasave të Stage: Thjesht vendoseni kursorin mbi një nga numrat portokalli. Kur kursori kthehet në një shigjetë të dyfishtë (siç tregohet), mund të klikoni dhe tërhiqni për të rritur ose ulur madhësinë e Stages.

Përmasat e skenës tuaj sipas përqindjes së madhësisë së ekranit

Nëse dëshironi të krijoni një animacion që nuk duhet të përshtatet me ndonjë dimension specifik, atëherë duhet të kaloni nga pikselët (px) në përqindje (%), duke klikuar butonin e ndryshimit (shih këtë figurë). Ky është një hap për të krijuar një dizajn të përgjegjshëm në internet. Kur përmasat e përqindjes Stage me ekran në vend të vlerave të pikselit, Stage e përmason veten sipas madhësisë së elementit prind.

Një shembull i një elementi prind mund të jetë vetë dritarja e shfletuesit - nëse animacioni është një faqe interneti e pavarur. Megjithatë, nëse animacioni është një pjesë e një faqeje interneti, atëherë elementi prind mund të jetë një element div brenda të cilit animacioni është i ndërthurur.

Që Stage juaj të mbushë të gjithë dritaren e shfletuesit, vendosni gjerësinë dhe lartësinë e skenës në 100%, siç tregohet në këtë figurë. Që Stage juaj të mbushë gjysmën e dritares së shfletuesit, vendosni Stage në 50%; dhe kështu me radhë, në varësi të asaj se sa nga dritarja e shfletuesit dëshironi të zërë animacioni juaj.

Si parazgjedhje, sfondi i skenës është i bardhë. Prandaj, nuk do të shihni ndonjë ndryshim në Stage kur kaloni midis px dhe %.

Për të testuar ndryshimin midis përdorimit të px dhe % për madhësinë e skenës, ndryshoni ngjyrën e sfondit të Stage në diçka tjetër përveç të bardhës, si p.sh. e kuqe. Më pas eksperimentoni me përqindje dhe dimensione të ndryshme px për të parë efektet e ndryshme.

Për të ndryshuar ngjyrën e sfondit të skenës (siç tregohet), klikoni katrorin e bardhë për të shfaqur një përzgjedhës ngjyrash.

Mund t'i thuash Edge Animate të mbajë të njëjtat proporcione të gjerësisë dhe lartësisë duke klikuar ikonën Lidhja Width and Height (e theksuar në këtë figurë). Si parazgjedhje, ikona e lidhjes Width and Height është e fikur; me atë parazgjedhje në fuqi, Edge Animate nuk do ta mbajë gjerësinë (ose lartësinë) në të njëjtin proporcion kur ndryshoni madhësinë.