用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY

建立HTML互動網頁

Step 1

HTML5影片除了不用安裝Flash就可播放,還能在影片中內嵌外部連結,相當適合把商家、店家的資訊直接顯示在影片中。首先在「檔案」中點選「開新HTML5專案」。

用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY

Step 2

插入主要影片:接著就要把背景素材拖拉到背景軌#1上,把其他素材放到下面的覆疊軌上,背景素材會顯示在影片最下面,其他素材則會依序顯示在背景素材上方。

素材放置完後,接著可以嵌入標題,例如嵌入影片中廠商或明星的姓名,讓觀賞者一眼就看到,當然也可以放置廠商商標圖片之類的標誌。

用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY

HTML5影片加入互動性

Step 1

建立影片中的連結:HTML5影片最大的特色就是可以加入連結,用滑鼠右鍵點一下覆疊軌上任一個想加入連結的素材後,選取「新增連結」,在「輸入URL連結」處輸入網址,再按下確定即可。 

用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY

Step 2

輸出並在瀏覽器中檢視:最後,點選「輸出」,並按下「建立HTML5檔案」,可以選擇HD(16:9)即可,接著按下確定即可輸出,輸出完成後,會是一整個資料夾,直接點選index.html就可直接在瀏覽器上預覽。

用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY

 

延伸閱讀:

會聲會影X4 的停格動畫、縮時攝影、3D影片製作教學

10款影音免費軟體,播放、轉檔、剪輯、燒錄通通有

4款免費的影片剪輯軟體,加字幕、濾鏡、無損格式都行

本文同步刊載於PC home雜誌
 
用範本快速製作創意影片,會聲會影X5旗艦版讓你輕鬆 DIY
歡迎加入PC home雜誌粉絲團
愛輪米
作者

每個月都想不出新梗的 老梗王 兼 前PC home雜誌 電腦週邊、軟體與遊戲線編輯

使用 Facebook 留言
發表回應
謹慎發言,尊重彼此。按此展開留言規則