H5案例：“2016網(wǎng)易娛樂圈畫傳”頁面制作
時(shí)間：2023-07-03 07:24:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-07-03 07:24:01 來源：網(wǎng)站運(yùn)營
H5案例：“2016網(wǎng)易娛樂圈畫傳”頁面制作：
1.制作縮放動(dòng)畫我們先在圖層1添加第一張圖
在圖層2添加第二張圖，將第二張圖放大，使其放置第一張圖的畫面大小符合舞臺(tái)（即與圖層1第一張圖大小畫面重合）
如下圖為兩個(gè)圖層第50幀位置上插入幀，在圖層1上第二幀插入一個(gè)空白幀使其只出現(xiàn)在第一幀上，為圖層2插入關(guān)鍵幀動(dòng)畫，在最后一幀關(guān)鍵幀上調(diào)整第二張圖片的大小使其符合舞臺(tái)
如圖我們新建圖層3，在最后一幀插入空白幀，添加進(jìn)第三張圖片，調(diào)整圖片大小使其放置第二張圖的位置大小符合舞臺(tái)（即與圖層2最后一幀圖片大小畫面重合）
同理我們在三個(gè)圖層第100幀位置上插入幀，為圖層2、3插入關(guān)鍵幀動(dòng)畫，分別在其最后一幀關(guān)鍵幀上縮小圖片，使第三張圖的大小符合舞臺(tái)
同理新建圖層4添加第四張圖片，制作動(dòng)畫效果，此處不詳述。
2.制作“長按按鈕播放動(dòng)畫”效果如圖，新建圖層，添加一個(gè)按鈕元素
新建“行為層”添加一個(gè)矩形，設(shè)置矩形“出現(xiàn)即暫?！毙袨?，同時(shí)在該圖層第二幀添加一個(gè)空白幀，使該行為只使用在第一幀
為按鈕素材添加兩個(gè)行為：
動(dòng)畫播放控制→播放→觸發(fā)條件：手指按下；
動(dòng)畫播放控制→暫?！|發(fā)條件：手指抬起。
在線咨詢