Skatuves ir vieta, kur novietosiet savus elementus, piemēram, attēlus, tekstu un zīmētus objektus. Stage ir tiešraides HTML logs, kas nozīmē, ka tas, ko redzat ekrānā, ir tas, ko redz jūsu auditorija, kad viņi skatās jūsu kompozīciju un mijiedarbojas ar to. Stage izmēru var iestatīt vairākos dažādos veidos:
Pikseļi: Adobe Edge Animate CC ļauj iestatīt, lai Stage saglabātu noteiktu izmēru neatkarīgi no pārlūkprogrammas loga izmēra.
Procenti: tiem, kas dod priekšroku atsaucīgākam tīmekļa dizainam.
Adaptīvā tīmekļa dizaina testēšana: iespējams, vēlēsities mainīt Stage fona krāsu, lai pārbaudītu sava dizaina atsaucību.
Visticamāk, viens no pirmajiem soļiem, ko vēlēsities veikt, ir pareiza Stage izmēra noteikšana. Ja plānojat ievietot animāciju esošajā tīmekļa lapā, vispirms nosakiet, cik daudz vietas animācijai šajā lapā vēlaties aizņemt, un pēc tam attiecīgi izmēriet Stage.
Lai mainītu Stage izmērus, noklikšķiniet uz oranžajiem cipariem Rekvizītu paneļa sadaļā Stage — galējā kreisajā kolonnā netālu no ekrāna augšdaļas — kā parādīts attēlā. Noklikšķinot uz platuma vai augstuma cipariem, varat ievadīt precīzus izmērus (pikseļos), kādus vēlaties iegūt savam Stage.
Ja nevēlaties rakstīt skaitļus, Edge Animate piedāvā alternatīvu metodi skatuves izmēra maiņai: vienkārši novietojiet kursoru virs viena no oranžajiem cipariem. Kad kursors pārvēršas par dubultbultiņu (kā parādīts attēlā), varat noklikšķināt un vilkt, lai palielinātu vai samazinātu Stage izmēru.
Ja vēlaties izveidot animāciju, kurai nav jāatbilst nevienai noteiktai dimensijai, pārslēdzieties no pikseļiem (pikseļi) uz procentiem (%), noklikšķinot uz slēdža (skatiet šo attēlu). Šis ir viens solis, lai izveidotu adaptīvu tīmekļa dizainu. Ja izmēra Stage pēc ekrāna procentuālās vērtības, nevis pēc pikseļu vērtībām, posma izmērs tiek noteikts atbilstoši vecākelementa izmēram.
Viens no vecākelementa piemēriem var būt pats pārlūkprogrammas logs — ja animācija ir atsevišķa tīmekļa lapa. Tomēr, ja animācija ir viena tīmekļa lapas daļa, vecākais elements var būt div elements, kurā animācija ir ligzdota.
Lai jūsu Stage aizpildītu visu pārlūkprogrammas logu, iestatiet Stage platumu un augstumu uz 100%, kā parādīts šajā attēlā. Lai jūsu Stage aizpildītu pusi pārlūkprogrammas loga, iestatiet Stage uz 50%; un tā tālāk atkarībā no tā, cik lielu daļu pārlūkprogrammas loga vēlaties aizņemt animācijai.
Pēc noklusējuma Stage fons ir balts. Tāpēc, pārslēdzoties starp pikseļiem un %, posmā jūs neredzēsit nekādas atšķirības.
Lai pārbaudītu atšķirību starp px un % Stage izmēram, mainiet Stage fona krāsu uz kaut ko citu, nevis baltu, piemēram, sarkanu. Pēc tam eksperimentējiet ar dažādiem procentiem un pikseļu izmēriem, lai redzētu dažādus efektus.
Lai mainītu Stage fona krāsu (kā parādīts attēlā), noklikšķiniet uz baltā kvadrāta, lai atvērtu krāsu atlasītāju.
Varat norādīt Edge Animate saglabāt vienādas platuma un augstuma proporcijas, noklikšķinot uz ikonas Saites platums un augstums (izcelta šajā attēlā). Pēc noklusējuma ikona Saites platums un augstums ir izslēgta; ar šo noklusējuma darbību, Edge Animate nesaglabās platumu (vai augstumu) tādā pašā proporcijā, kad mainīsit izmēru.
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.
Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]
Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]
Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]
Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]
Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]
Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]
Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]
