iH5高級教程H5創(chuàng)意展示對折翻書特效_第1頁
iH5高級教程H5創(chuàng)意展示對折翻書特效_第2頁
iH5高級教程H5創(chuàng)意展示對折翻書特效_第3頁
iH5高級教程H5創(chuàng)意展示對折翻書特效_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、iH5高級教程：H5創(chuàng)意展示，對折翻書特效能像看書一樣對折看相片是不是很有趣，使用一個免費的在線H5編輯工具不需要寫代碼也可以制作這種類似的效果，下面教大家來制作一個非常簡單的對折翻頁。工具/原料：圖片素材第一步： 選擇舞臺，點擊工具欄“滑動時間軸”，在舞臺上畫出一個框作為你滑動的區(qū)域，在這區(qū)域外滑動則無效。在對象樹選中滑動時間軸，點擊工具欄圖片按鈕，添加4張圖片，每張圖片在其他圖片工具處理后備對半分成兩張圖片，即上傳8張圖片。第二步：時間軸設(shè)置1、第一張圖片的左側(cè)與最后一張圖片的右側(cè)不需要加軌跡，其他圖片下添加軌跡，每條軌跡設(shè)置兩個關(guān)鍵幀，第一個關(guān)鍵幀的圖片屬性是正常寬度320，第二個的寬度

2、是0，其他都不變。 2、在前一張圖片寬度變成0的時候，下一張圖片的寬要從0慢慢變成正常寬度，就是右邊的圖片（1-2）慢慢的變扁，左邊的圖片（2-1）慢慢由扁變寬。第三步：滑動時間軸屬性面板，滑動方向設(shè)置為左，自動跳轉(zhuǎn)控制點為NO。 先行知識：滑動時間軸、軌跡重點控件：滑動時間軸、軌跡、關(guān)鍵幀、滑動方向、自動跳轉(zhuǎn)控制點1、滑動放大比例：使用此參數(shù)來設(shè)定手指滑動的距離對滑動時間軸軸播放進度的控制，默認值為1，即手指按設(shè)定方向劃過滑動時間軸整個范圍時，滑動時間軸會從起點播放到終點。2、滑動方向：滑動方向是指設(shè)定一個滑動的方向，即手指或鼠標向此設(shè)定方向滑動時，滑動時間軸會正向的播放；注意，手指也可以向此設(shè)定的方向反向滑動，那么滑動時間軸會反向播放。3、自動跳轉(zhuǎn)控制點：自動跳轉(zhuǎn)控制點是指滑動時滑動時間軸是否在滑動停止時自動播放至下一個控制點，如果將這個選項設(shè)為是，那么在滑動停止時，將會自動播放到下一控制點再停止，呈現(xiàn)出類似慣性滑動的效果。此案例中可設(shè)為否。4、制作翻頁效果，每個圖片的軌跡設(shè)置兩個關(guān)鍵幀，第一個關(guān)鍵幀的圖片屬性是正常寬度，第二個關(guān)鍵幀圖片的寬度是0，其他都不變。在前一張圖片寬度變成0的時候，下一

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論