微信擬態類作品一直刷爆朋友圈。下面給大家介紹藉助Epub360意派一個線上製作工具,輕鬆製作出專業的微信H5作品,上期我們介紹了模擬手機來電類H5頁面的製作方法,本期教程為模擬微信群聊類的H5頁面製作。
工具/原料
圖片,音視訊,文案等微信H5頁面的製作素材。
方法/步驟
登陸Epub360意派網站,進入我的工作臺,點選新建作品;
新建作品,在第一個頁面插入相應圖片素材,給微信訊息音訊新增播放動畫並設定等待觸發,接著給微信訊息新增漸現動畫,並在漸現動畫開始時設定音訊播放,然後在向右滑屏時設定跳轉到下一頁的觸發動作;
在第二個頁面插入相應圖片素材,給每個微信群聊訊息新增漸現動畫,每個動畫隨機延遲0.2-1秒,接著新增熱區元件,拖到需要跳轉的微信訊息上方,並設定點選跳轉到下一頁的觸發動作;
新建第三個頁面(初始為兩個頁面),同樣插入相應圖片素材,給二維碼圖片勾選支援微信識別;
點擊發布按鈕(左上角),設定作品縮圖,標題與描述,點選儲存,更新作品即可 。
注意事項
熱區的觸碰區域可以儘量大一點;
微信二維碼要勾選支援識別;
封面為300x300畫素PNG圖;