如何使用MAKA編輯器的H5動效?

火爆的H5怎麼少得了出彩的動效?不會製作沒關係,網上大把的H5製作工具能幫你啊!只要學會如何使用H5製作工具的動態效果,你也可以製作出酷炫的H5作品!

工具/原料

一台可以上網的電腦
免費的MAKA編輯器

方法/步驟

首先,挑選合適的模板,點擊【馬上使用】

選擇你要設置動效的圖片。如果一個頁面素材太多,滑鼠難以選中單獨的一個素材的時候,如圖點擊左邊的【圖層】,就可以很方便地選擇特定圖層了。

在右邊的編輯器里選擇【動作】,就可以為你上一步選擇的圖層設置進場動作。

那如果並不是想設置單獨素材的進場方式,而是想設置整個頁面的進場方式的話,先點選整個頁面。

把右邊編輯器拉到底部,就可以設置整個頁面的翻頁效果啦!

注意事項

操作步驟非常的簡單明了吧?~ 動效的玩法非常多,只要構思好做起來就很快啦!MAKA編輯器還有很多有意思的功能哦,自己去挖掘吧!~

相關文章

  1. MAKA編輯器微信H5電子邀請函模板欣賞

    微信邀請函現在是風靡大江南北.那麼你們知道H5電子邀請函有哪些類別的嗎?今天上很多H5製作工具網站看了看,現在和大家分享一下. 工具/原料 一台電腦 H5製作工具MAKA 方法/步驟 西式婚禮 中式婚 ...
  2. MAKA編輯器教你製作H5感恩節賀卡

    每年11月第四個星期四是西方的"感恩節".雖說這是西方的節日,但是感恩也是中華民族的傳統美德之一.感恩就是知恩圖報,是一種良好的生活態度.當代中國人也很喜歡借感恩節這一天,向身邊的 ...
  3. MAKA編輯器帶你欣賞房地產行業五大H5案例

    風靡全球的H5都讓各行各業玩出花兒來啦!今天跟著一起來欣賞幾個構思精巧的H5案例吧! 方法/步驟 [愛麗絲夢遊仙境] 亮點:以鐘錶動態圖作為引導頁,寓意催眠進入夢境.傳奇古書.神秘鑰匙.縮小藥劑.白兔 ...
  4. MAKA編輯器教程:如何在H5中植入視頻?

    H5當然不止是一個會動的類GIF,它功能豐富形式多樣,看你會不會用而已.這個教程就來教大家如何在MAKA編輯器里為自己的H5作品插入視頻. 工具/原料 一台流暢運作的電腦 H5編輯工具MAKA 方法/ ...
  5. MAKA編輯器教你如何讓H5峰會邀請函更出眾

    年關將至,大大小小的會議層出不窮.一個大型的會議又怎麼少得了一份別出心裁的邀請函呢?這個教程就是教大家如何讓你的邀請函更出彩. 工具/原料 一台運作流暢的電腦 H5製作工具MAKA 方法/步驟 首先, ...
  6. iH5基礎教程:為H5添加事件、動效

    下面我們來一起看一下iH5基礎教程的第四節:為H5添加事件.動效的具體步驟 工具/原料 iH5 方法/步驟 1. 在對象樹選中舞台 2.點擊工具欄的頁面工具,添加兩個頁面 3.頁面1背景顏色設置為黑色 ...
  7. 移動界面的動效類型/分類維度有哪些?

    移動界面的動效類型/分類維度有哪些? 工具/原料 ui 一.動效起源於什麼? ios6(視覺表層&信息的外觀)→ios7(動效&信息的運作方式) 二.動效是用來幹什麼的? 表現視覺層級 ...
  8. 新征服,全新戰士技能動效詳解

    "新征服"忍者技能動效搶鮮曝光,來去如風的忍者經過新一輪的優化,變得更為靈巧,宛若暗夜中剎那極光劃開新征程.新驚喜!如今,戰士全新技能效果動態圖已曝光,讓我們一同來領略一番狂戰士的 ...
  9. QQ空間直播動效相機怎麼用

    QQ空間直播動效相機是手機QQ空間新版本的推出的新功能.這個功能可以在拍攝照片的時候使用特效為靜態特效,若在QQ空間直播的時候使用,則為動態特效.下面來簡單看看怎麼使用QQ空間直播動效相機. 工具/原 ...
  10. MAKA編輯器高級教程之一分鐘製作峰會邀請函

    現代社會,特別重要且正式的場合我們會使用邀請函,但是平面上的設計幾乎已被人類做到了極致,還有什麼新意可以讓我們的邀請函顯得與眾不同?H5邀請函的出現就完美解決了這個問題.作為一個電子載體,可以展示很多 ...
  11. MAKA編輯器的感恩節賀卡製作教程

    每年11月第四個星期四是西方的"感恩節".雖說這是西方的節日,但是感恩也是中華民族的傳統美德之一.感恩就是知恩圖報,是一種良好的生活態度.這篇文章教你如何快速製作感恩節H5賀卡,在 ...
  12. 如何通過ps來製作gif動效圖

    生活中見到很多gif圖,那我們到底怎樣來親手做一個屬於我們自己的gif呢? 其實很簡單! 工具/原料 ps(PhotoShop) 圖片(jpg,png等),以及圖片處理 方法/步驟 將圖片在ps中打開 ...
  13. 《征服OL》弓手技能動效詳解

    繼忍者.戰士之後,"新征服"弓手技能動效也將與玩家見面!以暗影刺客著稱的弓手是否會將其獨有的瀟灑.利落與速度特長發揮得更加淋漓盡致呢?讓我們來一同感受一下! 方法/步驟 暴雨梨花箭 ...
  14. MAKA如何在h5作品中免費添加活動店鋪地圖功能?

    我們經常在製作h5的時候需要用到定位的功能,例如婚禮邀請函要怎樣引導賓客到婚禮舉行地點,或者商店促銷活動要怎樣引導顧客到正確的店鋪位置,這時候只要在h5頁面里插入一個地圖功能就好了,直接點擊就能導航到 ...
  15. 2016年最詳細的MAKA編輯器PC端使用教程

    關於用MAKA來製作H5的教程網上已經有很多了,不過最近MAKA編輯器已經升級到了3.2.0版本,所以小編再做一份教程,即使是第一次使用,看過之後也能輕鬆上手. 工具/原料 電腦一台 可以上網 方法/ ...
  16. Flash教你製作水滴掉落動效

    做這個是有原因的,如果不是朋友說到怎樣製作水滴掉下來的FLASH,我還真的不會在這給大家講了.我每次做FLASH,都是由FLASH朋友經常提到才去做.今天有時間給大家介紹下如何製作,其實很簡單,適合新 ...
  17. 資深設計師教你使用MAKA編輯器全攻略

    在移動網際網路時代,大企業大公司們都在利用自己強大資源和技術比拼h5場景頁面營銷,一些小企業或普通獨立營銷者也不能眼巴巴地看著卻什麼都做不了.因此有了許多免費h5頁面製作神器出現.MAKA作為國內第一家 ...
  18. 怎樣用ps做APP小動效?教程二

    利用ps做APP簡單動效,會陸續發出各種動效小製作,上一篇教程教童鞋製作靜態元素圖,完成了才能開始本次動態學習哈 先放動效給大家看,準備好就開始啦! 工具/原料 ps軟體,本文用的是PScc版本 方法 ...
  19. 《征服》武僧技能動效詳解

    "新征服"將要再曝光2個武僧技能動效!武僧將要以什麼樣的姿態打出毀天滅地的一拳呢?各位大俠們,讓我們一同來領略一番吧! 方法/步驟 猛虎穿心拳."新征服"猛虎穿 ...
  20. 如何把GIF動效圖嵌入到手機模版

    很多設計師可以做出動效Gif,但不知道如何嵌入到模版里如下圖這樣展示 方法/步驟 首先利用Hype 或者Pixate做出一張動態的Gif 圖如下: (注:AE 可以保存成.Mp4 ,Pixate 可以 ...