如何利用Epub360給H5頁面添加圖片設置動效
我們經常制作H5頁面，我們可以給靜態的圖片添加動畫或動效，來增加H5頁面的趣味性，這里以意派Epub360為例
東西/原料
- Epub360 H5編纂器
- 電腦
方式/步調
- 1
添加圖片素材。點擊菜單欄的圖片組件按鈕
- 2
呈現素材庫的頁面，這兩個都是上傳素材的按鈕，點擊圖中肆意一個按鈕即可
- 3
點擊上傳素材窗口的灰色區域，在彈出來的窗口上，打開我們已解壓素材的第一頁的文件夾，選中里面所有的素材，點擊打開
- 4
期待素材上傳后，點擊完當作按鈕(上傳當作功素材的右上角會呈現綠色的對勾)
- 5
第一頁的圖片素材就已上傳到我們的素材庫里了，把鼠標放到素材上，呈現兩個按鈕，點擊右側的按鈕插入圖片
- 6
圖片素材已經插入到了畫布上
- 7
結構調整。拖動圖片素材，使布景圖片與白色畫布完全重合
- 8
按照布景圖片的插入體例，我們再把第一頁的其他圖片素材插入，并拖動到合適的位置上
- 9
添加動效。選中圖片素材，在右側的設置面板中選擇呈現動效，在倒三角狀的下拉菜單里找到放大動效，點擊選中
- 10
同樣的，我們依次給別的兩張圖片添加“標的目的右下扭轉進入”和“X軸標的目的內翻轉”動效
- 11
調整動效播放次序。我們想讓題目、地圖、文字依次按挨次呈現，所以設置題目動效延遲0秒，地圖動效延遲1秒，文字動效延遲2秒
- 12
預覽，這時辰我們就可以點擊編纂器的左上角“預覽”按鈕預覽結果啦
END
注重事項
- 利用谷歌瀏覽器編纂建造
- 圖片不宜過大，最好在200kb以內
- 發表于 2020-03-26 19:00
- 閱讀 ( 853 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章