Part 3 Sa Unsaon Paghimo sa Background Video

01 sa 05

Pagdugang sa Video Sa Adobe Muse

Ang video sa background sayon ​​nga idugang sa Muse salamat sa usa ka libre nga widget.

Ang tinuod nga makapaikag nga aspeto sa Adobe Muse mao nga kini nagtugot kanimo sa paghimo sa mga web page gamit ang usa ka susama nga workflow nga gigamit sa paghimo sa mga publikasyon. Wala nimo gikinahanglan ang lawom nga pagsabot sa code nga nagtukod sa usa ka site o pahina apan ang pamilyar sa HTML5, CSS ug JavaScript dili masakitan.

Bisan ang tradisyonal nga web video kasagaran gidugang pinaagi sa paggamit sa HTML5 Video API, ang Adobe Muse makahimo sa sama nga butang pinaagi sa gitawag niini nga "widgets". Ang mga widgets naghimo sa HTML 5 nga gikinahanglan alang sa piho nga mga buluhaton apan naggamit sa usa ka yano nga pinulongan nga interface sa Muse aron isulat ang code kon ang pahina gipatik.

Niini nga pag-ehersisyo, gamiton namo ang usa ka widget nga mahimo nimo i-download, libre, gikan sa Muse Resources. Kung ang mga download sa widget, ang kinahanglan nimo nga buhaton mao ang pag-abli sa .zip file ug pag-double-klik ang .mulib file sa folder sa Full-Screen Video. I-install kini sa imong kopya sa Adobe Muse.

02 sa 05

Unsaon Pag-andam Usa ka Pahina Sa Background Video sa Adobe Muse CC

Nagsugod kami pinaagi sa pagmugna og usa ka bag-ong site ug pagpahimutang sa mga sukod sa panid.

Uban sa gi-install nga widget, mahimo nimong lalangon ang pahina nga magamit sa video.

Sa dili ka magsugod, paghimo og usa ka folder alang sa imong Muse site. Sa sulod niana nga folder maghimo og laing folder - gamiton ko ang " media " - ug ibalhin ang bersyon sa imong mp4 ug webm sa video ngadto sa maong folder.

Sa diha nga ikaw maglunsad sa Muse select File> New Site . Sa diha nga ang kahon sa dialogo sa Layout magbukas sa pagpili sa Desktop isip ang Initial Layout ug usbon ang Page Width ug Page Height nga mga mithi sa 1200 ug 900 . I-klik ang OK .

Doble nga pag-klik ang pagtan-aw sa Master Page diha sa Plano aron maablihan ang panid sa Agalon. Sa diha nga ang pag-abli sa Magtutudlo Page mobalhin, ang mga Header ug Footer mogiya sa ibabaw ug sa ubos sa pahina. Dili gyud nimo kinahanglan ang Header ug Footer alang sa niini nga panig-ingnan.

03 sa 05

Unsaon Paggamit Ang Fullscreen Background Video Widget sa Adobe Muse CC

Ang tanan nga imong kinahanglan nga buhaton mao ang pagdugang sa mga pangalan sa video ug ang widget magdumala sa uban.

Ang paggamit sa widget mao ang simple. Ang unang butang nga kinahanglan nimo buhaton mao ang pagbalik sa Plan View pinaagi sa pagpili sa View> Plan Mode . Sa diha nga ang Pagplano sa Plano magbukas doble sa pag-klik sa Home page aron maablihan kini.

Ablihi ang panel sa Library - kon dili kini bukas sa tuo nga bahin sa Interface select Window> Library - ug i-twirl ang [MR] Fullscreen Background Video folder. Guntinga ang widget ngadto sa panid sa panid.

Mamatikdan nimo ang mga Opsyon nga mangutana kanimo sa pagsulod sa mga ngalan sa mp4 ug webm nga mga bersyon sa mga video. Pagsulod sa mga ngalan nga eksakto sama sa spelling niini sa folder diin imong gibutang kini. Usa ka gamay nga limbong aron sa pagsiguro nga dili ka makahimo sa usa ka sayup mao ang pagkopya sa ngalan sa MP4 video ug i-paste kini sa MP4 ug WEBM nga mga dapit sa menu sa Mga Pagpangita .

Usa ka lain nga lingla: Ang tanan niini nga widget mao ang pagsulat sa code sa HTML 5 alang kanimo. Makasulti ka niini tungod kay nakita nimo ang <> sa widget. Sa kini nga kaso, mahimo nimong ibutang ang widget gikan sa web page ngadto sa pasteboard ug magtrabaho gihapon kini. Niini nga paagi dili kini makabalda sa bisan unsa nga sulod nga imong ibutang sa panid.

04 sa 05

Unsaon Pagdugang og Video ug Pagsulay Usa ka Pahina Sa Adobe Muse CC

Ang video nagpakita sa dihang gisulayan nimo ang site o ang panid.

Bisag imong gidugang ang code nga magdula sa mga video, wala gihapoy Muse kung diin nahimutang ang mga video. Aron ayuhon kini, pilia ang File> Add Files For Upload . Sa diha nga ang Upload dialog box moadto sa navigate sa folder nga adunay sulod nga mga video, pilia kini ug i-klik ang Open . Aron maseguro nga sila na-upload, ablihi ang Assets panel ug imong makita ang imong duha ka mga video. Biyai lang kini sa panel. Dili nila kinahanglan nga ibutang sa panid.

Aron sulayan ang proyekto pilia ang File> Preview Page In Browser o, tungod kay kini usa ka pahina, File> Preview Site In Browser . Ang imong default browser mobukas ug ang video - sa akong kaso usa ka tropikal nga bagyo - magsugod sa pagdula.

Niini nga punto, mahimo nimong tagdon ang file sa Muse isip usa ka regular nga web page ug idugang ang sulod sa Home page ug ang video magdula sa ubos niini.

05 sa 05

Unsaon Pagdugang og Video Poster Frame Sa Adobe Muse CC

Pagdugang kanunay og poster frame sa bisan unsang proyekto sa video.

Kini ang web nga atong gihisgutan dinhi ug, depende sa tulin nga koneksyon, adunay usa ka maayong kahigayonan nga mabuksan sa imong user ang panid ug magtan-aw sa blangko nga screen samtang ang video nag-load. Dili kini usa ka maayong butang. Ania kon unsaon pag-atubang niini nga gamay nga nastiness.

Kini usa ka "Best Practice" nga maglakip sa poster frame sa video, nga makita samtang ang video magamit. Kini kasagaran usa ka kinatibuk-ang gidak-on nga shot sa usa ka frame gikan sa video.

Aron idugang ang poster frame i-klik ang usa ka beses sa Browser Fill sa ibabaw sa panid. I-klik ang link sa Imahe ug i-navigate sa larawan nga gamiton. Diha sa angay nga lugar, pilia ang Scale to Fill ug i-click ang Center point sa Position area. Kini magpasiguro nga ang imahe kanunay nga gipadako gikan sa sentro sa imahe sa dihang ang laki sa viewport sa browser nag-usab. Makita usab nimo ang imahen nga pun-on ang panid.

Ang laing gamay nga lingla mao ang usa ka butang nga adunay usa ka solid-dili puti nga kolor kung sa higayon nga ang poster frame moabut sa usa ka panahon aron makita. Sa pagbuhat niini i-klik ang kolor nga Kolor aron mabuksan ang Muse Color Picker. Pilia ang himan nga eyedropper ug i-klik ang usa ka kinadak-ang kolor sa imahe. Kung nahuman, pag-klik sa panid aron masirhan ang kahon sa dialogo sa Browser Fill.

Niini nga punto, mahimo nimo maluwas ang proyekto o i-publish kini.

Ang katapusan nga bahin niini nga serye nagpakita kanimo kung unsaon pagsulat ang code sa HTML5 nga nag-slide sa usa ka video ngadto sa background sa web page.