如何快速制作H5頁面？

時(shí)間：2023-07-05 01:03:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-05 01:03:01 來源：網(wǎng)站運(yùn)營

如何快速制作H5頁面？：方法/步驟1： 上傳、添加素材

創(chuàng)建作品：登陸賬號，在“動(dòng)畫作品”→“我的作品”頁面點(diǎn)擊“創(chuàng)建作品”進(jìn)入一個(gè)新的操作頁面。

上傳素材：在媒體欄內(nèi)選擇“圖片”按鈕，彈出“上傳圖片”對話框，點(diǎn)擊“選擇文件”，打開素材所在的文件夾，選擇所要上傳的圖片。

點(diǎn)擊“上傳”按鈕，上傳所選圖片。上傳成功后，點(diǎn)擊“選擇”按鈕，將圖片成功放置舞臺，作為作品背景。

注：上傳成功后的素材可在“媒體庫”中找到。點(diǎn)擊“素材庫”按鈕，在彈出的“媒體庫”對話框中，“私有”菜單下的“default”文件夾即是存儲新上傳素材位置。同時(shí)，也可在“媒體庫”中點(diǎn)擊“+”標(biāo)志上傳新素材。

添加素材：在“媒體庫”中找到圖片素材，點(diǎn)擊“添加”按鈕添加至舞臺。

調(diào)整素材：點(diǎn)擊選擇“變形”工具，調(diào)整舞臺上素材的大小與位置。

方法/步驟2： 添加預(yù)置動(dòng)畫

鼠標(biāo)選中“選擇”工具，點(diǎn)擊舞臺上“玩轉(zhuǎn)H5”素材右邊“添加預(yù)置動(dòng)畫”按鈕（紅色圓圈按鈕），彈出“添加預(yù)置動(dòng)畫”對話框，選擇“翻轉(zhuǎn)進(jìn)入”動(dòng)畫效果。以相同方式為舞臺上其他兩個(gè)素材添加預(yù)置動(dòng)畫效果

調(diào)整預(yù)置動(dòng)畫時(shí)間：點(diǎn)擊“玩轉(zhuǎn)H5”素材右邊的“編輯預(yù)置動(dòng)畫”按鈕，在彈出的“動(dòng)畫選項(xiàng)”對話框中，調(diào)整動(dòng)畫出現(xiàn)屬性：時(shí)長1.5秒；延遲0秒；順時(shí)針；同理，分別調(diào)整其他素材的預(yù)置動(dòng)畫屬性

方法/步驟3：在時(shí)間軸上制作關(guān)鍵幀動(dòng)畫


剪切、復(fù)制物體：點(diǎn)擊選中l(wèi)ogo素材，右鍵→剪切

新建圖層：如下圖點(diǎn)擊“新建圖層”按鈕，新建一個(gè)圖層。鼠標(biāo)選中新建圖層第1幀空白幀，在舞臺上右鍵→粘貼，將Logo素材粘貼進(jìn)新圖層中。

插入幀：鼠標(biāo)拖動(dòng)同時(shí)選中兩個(gè)圖層的第15幀（可自主調(diào)節(jié)幀數(shù)），右鍵→“插入幀”

插入關(guān)鍵幀動(dòng)畫：鼠標(biāo)選中圖層1第1幀，將其向后拖動(dòng)至第7幀（可自主調(diào)節(jié)幀數(shù)）

鼠標(biāo)選中第12幀，右鍵→“插入關(guān)鍵幀動(dòng)畫”

插入關(guān)鍵幀：選中圖層1第11幀，右鍵→“插入關(guān)鍵幀”，同理在第12、13、14幀插入關(guān)鍵幀。

制作進(jìn)入動(dòng)畫：選中圖層1上物體所在首幀，即第7幀，按住Shift鍵，鼠標(biāo)將Logo素材拖至舞臺上方之外

選中圖層1第12幀，按住Shift鍵，按一下鍵盤下滑鍵，將Logo素材向下移動(dòng)一點(diǎn)距離，同理，選中第14幀，將Logo素材向上移動(dòng)一點(diǎn)距離，制作出進(jìn)入后上下擺動(dòng)的動(dòng)畫效果。點(diǎn)擊“預(yù)覽”觀察效果。

保存作品：點(diǎn)擊“保存”按鈕，在彈出的“保存”對話框中將作品命名為“玩轉(zhuǎn)H5”，點(diǎn)擊“保存”。

方法/步驟4： 制作翻頁動(dòng)畫

添加新頁面：點(diǎn)擊“添加新頁面”按鈕，可添加一個(gè)新空白頁面。

復(fù)制頁面：點(diǎn)擊“復(fù)制頁面”按鈕，可復(fù)制一個(gè)與上頁面完全相同的頁面，包括素材及其動(dòng)畫效果。

替換背景圖片：選中第2頁，選中舞臺上的背景圖片素材，點(diǎn)擊屬性欄內(nèi)的“編輯”按鈕，在彈出的“媒體庫”對話框中選擇要更替的圖片素材，點(diǎn)擊“添加”按鈕，替換原有圖片。同理復(fù)制第3頁面，替換背景圖片。

注：若在預(yù)覽中出現(xiàn)某素材動(dòng)畫效果不斷循環(huán)重復(fù)的情況，可在上方菜單欄選擇“動(dòng)畫”→去掉“循環(huán)”效果。

制作翻頁效果：在“翻頁”面板設(shè)置翻頁屬性

方法/步驟5： 添加背景音樂

方法一：選中作品第1頁面，在“屬性”面板的背景音樂中，點(diǎn)擊“上傳”按鈕，在彈出的“導(dǎo)入聲音”對話框中點(diǎn)擊“選擇文件”按鈕，選擇添加音樂文件

可將添加至舞臺的音樂圖標(biāo)移至舞臺之外。

調(diào)節(jié)背景音樂屬性：選中舞臺上的背景音樂素材，在其“屬性”面板內(nèi)設(shè)置自動(dòng)播放、循環(huán)播放。

添加背景音樂方法二：點(diǎn)擊“媒體欄”內(nèi)的“聲音”按鈕，在彈出的“導(dǎo)入聲音”對話框中上傳音樂素材。