Part 3 Of How To Create Video Background

01 saka 05

Nambahake Video Kanggo Adobe Muse

Video latar mburi gampang ditambah ing Muse thanks kanggo widget gratis.

Aspèk paling menarik saka Adobe Muse yaiku ngidini sampeyan nggawe kaca web kanthi nggunakake alur kerja sing padha kanggo sing digunakake kanggo nulis publikasi. Sampeyan ora mbutuhake pangerten jero babagan kode sing mbangun situs utawa kaca nanging akrab karo HTML5, CSS lan JavaScript ora bakal natoni.

Sanajan video web tradisional biasane ditambahake liwat nggunakake HTML5 Video API, Adobe Muse nglakoni bab sing padha liwat apa sing disebut "widget". Widget nggawe HTML 5 dibutuhake kanggo tugas tartamtu nanging nggunakake antarmuka basa kosong ing Muse kanggo nulis kode nalika kaca diterbitake.

Ing latihan iki, kita bakal nggunakake widget sing bisa diundhuh, gratis, saka Muse Resources. Nalika ngganti widget, kabeh sing perlu dilakoni kanggo mbukak file .zip lan klik kaping pindho file .mulib ing folder Full-Screen Video. Iki bakal nginstal menyang salinan Adobe Muse.

02 saka 05

Cara Nyiyapake Kaca Kanggo Video Latar mburi ing Adobe Muse CC

Kita miwiti kanthi nggawe situs anyar lan nyetel dimensi kaca.

Kanthi widget diinstal, sampeyan saiki bisa nggawe kaca sing bakal nggunakake video kasebut.

Sadurunge sampeyan miwiti, nggawe folder kanggo situs Muse sampeyan. Ing folder kasebut nggawe folder liyane - Nganggo " media " - banjur pindhah mp4 lan versi webmem saka video menyang folder kasebut.

Nalika sampeyan miwiti Muse pilih File> New Site . Nalika kothak dialog Tombol mbukak pilih Desktop minangka Layout Awal lan ganti Page Width lan Page Height menyang angka 1200 lan 900 . Klik OK .

Klik kaping pindho Kaca Master ing tampilan Rencana kanggo mbukak kaca Master. Nalika kaca Master mbukak mindhah pandhuan lan pandhuan Footer menyang ndhuwur lan ngisor kaca. Sampeyan pancene ora butuh Header lan Footer kanggo conto iki.

03 saka 05

Cara Nggunakake Widget Video Background Fullscreen ing Adobe Muse CC

Kabeh sing perlu dilakoni kanggo nambah jeneng video lan supaya widget bisa nangani liyane.

Nggunakake widget mati prasaja. Ing bab pisanan sampeyan kudu bali menyang Tampilan Rencana kanthi milih Ndeleng> Mode Rencana . Nalika tampilan Rencana mbukak pindho klik kaca Ngarep kanggo mbukak.

Bukak panel Library - yen ora mbukak ing sisih tengen Interface pilih Window> Library - lan twirl mudhun [MR] folder Background Video latar wuri . Seret widget menyang folder menyang kaca.

Sampeyan bakal sok dong mirsani Opsi sing takon sampeyan kanggo ngetik jeneng mp4 lan versi webmem video. Ketik jeneng kasebut kaya sing diejo ing folder ing ngendi sampeyan nyimpen. Siji trick cilik kanggo njaga kesalahan sampeyan yaiku nyalin jeneng video MP4 lan paste menyang area MP4 lan WEBM ing menu Pilihan .

Siji trick liyane: Kabeh widget iki ora nulis kode HTML 5 kanggo sampeyan. Sampeyan bisa nyritakake iki amarga sampeyan ndeleng <> ing widget. Ing kasus iki, sampeyan bisa nyelehake widget saka kaca web menyang pasteboard lan isih bisa digunakake. Kanthi cara iki, ora ngganggu isi apa wae sing bakal disimpen ing kaca kasebut.

04 saka 05

Cara Tambah Video lan Test Page Ing Adobe Muse CC

Mung video muter nalika sampeyan nyoba situs utawa kaca.

Sanajan sampeyan nambahake kode sing bakal muter video, Muse isih durung ngerti pitakon sing video kasebut ana. Kanggo ndandani iki, pilih Gambar> Nambah File Kanggo Unggah . Nalika kothak dialog Unggah mbukak navigasi menyang folder sing ngemot video, pilih banjur klik Bukak . Kanggo mesthekake yen wis diunggah, bukak panel Assets lan sampeyan kudu ndeleng rong video. Cukup ninggalake wong ing panel. Padha ora perlu dilebokake ing kaca.

Kanggo nyoba proyèk pilih File> Preview Page In Browser utawa, amarga iki minangka kaca siji, File> Preview Site In Browser . Browser gawan bakal mbukak lan video - ing kasus badai tropis - bakal miwiti muter.

Ing titik iki, sampeyan bisa nambani file Muse minangka kaca web biasa lan nambah isi menyang kaca Ngarep lan video bakal muter ing ngisor.

05 saka 05

Cara Nambah Frame Poster Video Ing Adobe Muse CC

Tansah nambahake pigura poster menyang proyek video apa wae.

Iki web sing kita gunakake ing kene lan, gumantung saka kacepetan koneksi, ana kasempatan sing apik pangguna sampeyan bisa mbukak kaca lan nggoleki layar kosong nalika akeh video. Iki ora apik. Punika babagan carane nangani kahanan iki.

Iku minangka "Best Practice" kanggo ngemot pigura poster video, sing bakal katon nalika akeh video. Iki biasane ukuran layar lengkap ukuran pigura saka video.

Kanggo nambah bingkisan poster klik sapisan ing Isi Browser ing sisih ndhuwur kaca. Klik link Gambar lan navigasi menyang gambar sing arep digunakake. Ing area fitting , pilih Skala kanggo Isi lan klik titik Pusat ing wilayah Posisi . Iki bakal njamin gambar bakal terus ukuran saka tengah gambar nalika ukuran viewport browser berubah. Sampeyan uga bakal weruh gambar ngisi kaca.

Cita-cita sethitik liyane kanggo paling ora duwe werna sing padet-ora putih, mung yen bingkai poster njupuk wektu kanggo katon. Kanggo nindakake iki, klik chip werna kanggo mbukak Muse Color Picker. Pilih alat eyedropper lan klik ing werna utama ing gambar. Yen wis rampung, klik ing kaca kanggo nutup kotak dialog Browser Fill.

Ing titik iki, sampeyan bisa nyimpen proyek utawa nyebar.

Bagian pungkasan saka seri iki nuduhake sampeyan carane nulis kode HTML5 sing nyithak video menyang latar mburi kaca web.