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

建立HTML互動網頁

Step 1

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

 

Step 2

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

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

 

HTML5影片加入互動性

Step 1

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

 

Step 2

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

 

延伸閱讀

Photoshop必修學分：基本調光術

你需要 朦朧美 嗎？ Photoshop 的 霧化 效果 幫你圓夢！

想拍出 熱浪 來襲 的 災難 畫面？ Photoshop 濾鏡 教學 就能做到！

被相館拒掃的底片，復活吧！

本文同步刊載於PC home雜誌
 
歡迎加入PC home雜誌粉絲團！

---