如何製作具有翻頁效果的免費手機H5頁面

方法 步驟一：製作手機殼。

建立手機殼，進入互動母版，點選我的作品-建立作品-手機殼。

新增兩個頁面物件，用於舞台尺寸的設定，手機殼預設預設為640*1040，也就是iPhone6P的頁面尺寸，這裡我們用的是640*1008的尺寸，也就是iPhone5s的尺寸，這個尺寸也適用於大多數安卓手機。

選擇第 1 頁並新增上傳**。

將 xy 軸設定為 0，將大小設定為 640*1008。 這允許您設定全屏。

結束方法 第 3 步：製作動畫。

新增時間軸，複製並貼上 ** 在時間山基軸下。

為 ** 新增軌道，並將時間線設定為大約 1 秒。 設定動畫持續時間，以便時間軸不會在設定的控制點動畫結束時結束。

3.新增 2 個控制點，選擇控制點 1，將透明度設定為 0，在設定控制點 1 之前已新增控制點 2 的狀態，因此屬性狀態的透明度與原來的 100 相同。 這會產生漸進的效果。

在頁面下新增 2 個事件，將事件 1 設定為觸發物件作為顯示，目標物件作為時間軸，目標動作作為開始**，這樣就可以製作自動動畫的效果。

設定事件 2 將觸發動作設定為隱藏，目標物件為時間線，目標動作為跳轉到某個時刻，設定為 0，這樣做的目的是讓動畫在從下一頁返回上一頁時從頭開始，可以避免在時間軸動畫完成後返回上一頁。

結束方法 第 4 步：製作翻頁效果。

頁面切換為上下切換，滑動效果完成。

結束方法 第 5 步：更快地建立這樣的新頁面。

複製頁面，先複製頁面，然後貼上到舞台下。

選擇第2頁的**，更換封面捲起，上傳後的**坐標和大小會自動適應我們之前設定的標準，以此類推，可以製作多頁翻頁效果。

H5頁面，或者說微場景，是目前微信中傳播量最大、傳播最廣泛的形式。 借助領先的生產工具 vxplo interactive master，可以輕鬆製作乙個很酷的微信 H5 頁面。

第 1 步：建立您的作品。

登入 VXPLO Interactive Master** 並進入“我的創作”頁面。 單擊“建立工作”以建立手機殼或PC機殼。

第 2 步：新增素材。

1.在工具欄中選擇**工具，在白色階段拖動乙個物件框，確定大小和位置，然後就可以新增材質了。

3. 您新增的材質會出現在物件樹中，我們可以通過物件樹更輕鬆地管理材質。

第 3 步：新增事件。

1.在材質下新增事件，觸發事件發生，並達到目標動作是振動、顯示、隱藏等效果。

2.儲存作品，點選選單欄中的預覽按鈕，或者用手機掃瞄預覽，就可以**效果，這樣三步就能完成乙個簡單的H5頁面動態效果。 當然，VXPLO Interactive Master 也可以製作出非常有趣和複雜的效果，可以搭配計數器、時間線、滑動時間線、動畫效果等元件來打造更酷炫的 H5 頁面！

第 4 步：分享您的工作。

如果你有獨特的創作想法，使用VXPLO互動大師，通過幾個簡單的步驟，搭建乙個微場景，打破生硬的動態**，增加使用者瀏覽的互動性和趣味性，在微信中快速傳播。 如需更多零**互動效果，可以檢視VXPLO Interactive Master**。