Cum să redimensionați Adobe Edge Animate Stage

Scena este locul în care veți plasa elementele dvs., cum ar fi imagini, text și obiecte desenate. Stadiul este o fereastră HTML live, ceea ce înseamnă că ceea ce vedeți pe ecran este ceea ce aude publicul dvs. când văd și interacționează cu compoziția. Puteți dimensiona scenariul în câteva moduri diferite:

• Pixeli: Adobe Edge Animate CC vă permite să setați Scena să rămână o anumită dimensiune, indiferent de dimensiunea ferestrei browserului.

• Procentaj: Pentru cei care preferă un design web mai receptiv.

• Testarea unui design web receptiv: Este posibil să doriți să modificați culoarea de fundal a scenei pentru a testa capacitatea de reacție a designului dvs.

Sizing Your Stage după valorile pixelilor

Cel mai probabil, unul dintre primii pași pe care doriți să-i faceți este să vă măriți corect stadiul. Dacă intenționați să inserați animația într-o pagină web existentă, stabiliți mai întâi cât spațiu doriți să se desfășoare animația dvs. pe acea pagină și apoi dimensionați etapa corespunzătoare.

Pentru a redimensiona Etapa, faceți clic pe numerele portocalii din secțiunea Etapă a panoului Proprietăți - în coloana din partea stângă în partea de sus a ecranului - după cum se arată. Dând clic pe numerele de lățime sau înălțime, puteți să introduceți dimensiunile exacte (în pixeli) pe care doriți să le aveți în scenă.

Dacă nu doriți să tastați numerele, Edge Animate vă oferă o metodă alternativă de redimensionare a scenei: plasați pur și simplu cursorul peste unul dintre numerele portocalii. Când cursorul se transformă într-o săgeată dublă (după cum se arată), puteți face clic și trageți pentru a mări sau micșora dimensiunea Etapei.

Dimensiunea stadiului după procentajul dimensiunii ecranului

Dacă doriți să creați o animație care nu trebuie să se potrivească unei anumite dimensiuni, atunci ar trebui să treceți de la pixeli (px) la procent (%), făcând clic pe comutare (consultați această imagine). Acesta este un pas pentru a crea un design web receptiv. Atunci când dimensiunea fazei în funcție de procentajul ecranului în loc de valorile pixelilor, stadiul se mări în sine în funcție de mărimea elementului părinte.

Un exemplu de element parent poate fi fereastra browserului însuși - dacă animația este o pagină web autonomă. Cu toate acestea, dacă animația face parte dintr-o pagină web, atunci elementul părinte poate fi un element div în care animația este imbricată.

Pentru ca etapa dvs. să umple întreaga fereastră a browserului, setați lățimea și înălțimea scenei la 100%, după cum se arată în această figură. Pentru ca etapa dvs. să umple jumătate din fereastra browserului, setați etapa la 50%; și așa mai departe, în funcție de câtă parte din fereastra browserului doriți să o ocupați.

În mod prestabilit, fundalul Etapei este alb. Prin urmare, nu veți vedea nicio diferență în scenă când comutați între px și%.

Pentru a testa diferența dintre utilizarea px și% pentru dimensiunea Stage, schimbați culoarea de fundal a scenei la altceva decât alb, cum ar fi roșu. Apoi experimentați diferite procente și dimensiuni ale pixelilor pentru a vedea diferitele efecte.

Pentru a modifica culoarea de fundal a scenei (după cum se arată), faceți clic pe pătratul alb pentru a afișa un selector de culori.

Puteți spune Edge Animate pentru a menține proporțiile de lățime și înălțime la fel făcând clic pe pictograma Link Width and Height (lățime de legătură și înălțime) (evidențiată în această figură). Implicit, pictograma Lățime și înălțime de legătură este dezactivată; cu această valoare implicită, Edge Animate nu va păstra lățimea (sau înălțimea) în aceeași proporție atunci când redimensionați.