Pjesa 3 e Si të Krijo Video Sfondi

01 nga 05

Shtimi i videos tek Adobe Muse

Videoja e sfondit është e lehtë të shtohet në Muse falë një widget të lirë.

Aspekti me të vërtetë interesant i Adobe Muse është se ju lejon të krijoni faqe web duke përdorur një rrjedhë pune të ngjashme me atë që përdoret për të nxjerrë botime. Ju nuk keni nevojë për një kuptim të thellë të kodit që ndërton një faqe apo faqe, por një familjaritet me HTML5, CSS dhe JavaScript nuk do të dëmtohen.

Megjithëse videoja tradicionale web zakonisht shtohet përmes përdorimit të API-s HTML5, Adobe Muse realizon të njëjtën gjë përmes asaj që e quan "Widgets". Widgetet krijojnë HTML 5 që kërkohen për detyra të veçanta, por përdorin një ndërfaqe të thjeshtë në Muse për të shkruar kodin kur faqja është botuar.

Në këtë ushtrim, ne do të përdorim një widget që mund ta shkarkoni falas nga Burimet e Muse. Kur shkarkoni widget, të gjithë ju duhet të bëni është të hapni skedarin .zip dhe të dyfisni.. Skedarin .mulib në dosjen e plotë të ekranit të ekranit. Kjo do ta instalojë në kopjen tuaj të Adobe Muse.

02 nga 05

Si të përgatitësh një faqe për video sfondi në Adobe Muse CC

Fillojmë duke krijuar një faqe të re dhe duke vendosur dimensionet e faqes.

Me widget-in e instaluar, tani mund të krijoni faqen që do të përdorë videon.

Para se të filloni, krijoni një dosje për faqen tuaj Muse. Brenda kësaj dosjeje krijon një tjetër dosje - përdor " media " - dhe lëviz versionet mp4 dhe webm të videos në atë dosje.

Kur nisni Muse zgjidhni File> New Site . Kur hapni kutinë e dialogut Layout zgjidhni Desktop si Layout fillestare dhe ndryshoni vlerat e gjerësisëfaqes dhe lartësisë së faqes1200 dhe 900 . Kliko OK .

Double klikoni në faqen Master në pamjen e Planit për të hapur faqen Master. Kur të hapet faqja kryesore, drejtuesit dhe platformat udhëzojnë në krye dhe në fund të faqes. Ju me të vërtetë nuk keni nevojë për një Header dhe Footer për këtë shembull.

03 nga 05

Si të përdorni videoklipin me ekran të plotë në Adobe Muse CC

Të gjithë ju duhet të bëni është të shtoni emrat e videos dhe të lejoni widget të merret me pjesën tjetër.

Përdorimi i widget-it është i vdekur i thjeshtë. Gjëja e parë që duhet të bëni është që të ktheheni në Pamjen e Planit duke zgjedhur View> Plan Mode . Kur Pamja e Planit hap dy herë klikoni në faqen Kryesore për ta hapur atë.

Hapni panelin e Bibliotekës - nëse nuk është i hapur në anën e djathtë të Interface select Window> Library - dhe rrotulloni poshtë [MR] Fullscreen Background Video folder. Drag widget në dosjen në faqe.

Ju do të vini re se Opsionet ju kërkojnë të shkruani emrat e versioneve të mp4 dhe webm të videove. Futni emrat pikërisht ashtu siç janë shkruar në dosjen ku i keni vendosur ato. Një mashtrim i vogël për të siguruar që ju të mos bëni një gabim është të kopjoni emrin e videos mp4 dhe ta ngjisni atë në zonat MP4 dhe WEBMmenysëOpsioneve .

Një mashtrim tjetër: E gjithë kjo widget është të shkruani kodin HTML 5 për ju. Ju mund ta tregoni këtë, sepse ju shihni <> në widget. Në këtë rast, mund ta vendosni widgetin nga faqja e internetit në kartelën dhe ajo do të vazhdojë të funksionojë. Në këtë mënyrë nuk ndërhyn me ndonjë përmbajtje që do të vendosni në faqe.

04 nga 05

Si të shtoni video dhe provoni një faqe në Adobe Muse CC

Videoja e saj luan kur provoni faqen ose faqen.

Edhe pse e keni shtuar kodin që do të luajë videot, Muse ende nuk ka një indikacion ku ndodhen këto video. Për të rregulluar këtë, zgjidhni Skedari> Shto skedarë për ngarkim . Kur të hapet kutia e dialogut Ngarko të navigojë në dosjen që përmban videot e tua, zgjidh ato dhe kliko Hap . Për të siguruar që ato janë ngarkuar, hapni panelin e Pasurive dhe ju duhet të shihni dy videot tuaja. Vetëm lini ato në panel. Ata nuk kanë nevojë të vendosen në faqe.

Për të testuar projektin, përzgjidhni Skedar> Paraprak Pamja në Shfletues ose, për shkak se kjo është një faqe e vetme, Skedari> Parapamja e faqes në shfletues . Shfletuesi juaj i parazgjedhur do të hapet dhe video - në rastin tim një stuhi tropikale - do të fillojë të luajë.

Në këtë pikë, ju mund ta trajtoni skedarin Muse si një faqe të rregullt web dhe shtoni përmbajtje në faqen kryesore dhe video do të luajë nën të.

05 e 05

Si ta shtoni një kornizë posteresh në Adobe Muse CC

Gjithmonë shtoni një kornizë të posterëve në çdo projekt video.

Ky është rrjeti për të cilin po flasim këtu dhe, në varësi të shpejtësisë së lidhjes, ekziston një shans i mirë që përdoruesi mund të hapë faqen dhe të ndizet në një ekran bosh gjatë ngarkimit të videos. Kjo nuk është gjë e mirë. Ja se si të merren me këtë grimë të keqe.

Është një "Praktikë më e mirë" për të përfshirë një kornizë posterash të videos, e cila do të shfaqet gjatë ngarkimit të videos. Kjo zakonisht është një ekran me madhësi të plotë të një kuadri nga videoja.

Për të shtuar kornizën e posterit klikoni njëherë në Plotësuesi i Shfletuesit në krye të faqes. Klikoni lidhjen Image dhe lundruar në imazhin që do të përdoret. Në zonën e montimit , zgjidhni Skaloni të plotësoni dhe klikoni në pikën Qendër në zonën e pozicionit . Kjo do të sigurojë që imazhi do të shkojë gjithmonë nga qendra e imazhit kur ndryshon madhësia e shikuesit të shfletuesit. Ju gjithashtu do të shihni imazhin mbushur faqen.

Një tjetër mashtrim i vogël është që të paktën një të ketë një ngjyrë të ngurtë-jo të bardhë, vetëm në rast se korniza e posterit kërkon një kohë për t'u shfaqur. Për ta bërë këtë klikoni çipin Color për të hapur Muse Picker Color. Zgjidhni mjetin me syze dhe klikoni mbi një ngjyrë mbizotëruese në imazh. Kur të përfundoni, klikoni në faqen për të mbyllur kutinë e dialogut Plotësoni Shfletuesin.

Në këtë pikë, ju mund ta ruani projektin ose ta publikoni atë.

Pjesa e fundit e kësaj serie ju tregon se si të shkruani kodin HTML5 që rrëshqet një video në sfondin e një faqe interneti.