怎樣利用MAKA創作精美元宵情人節h5賀卡頁面

MAKA是一個簡單,強大的H5創作平台,用戶可以在MAKA在線編輯,在模版的基礎上5分鐘創建、編輯和發布一個MAKA h5作品。可以提供給各位做H5的地方,例如婚禮請柬,會議邀請函,產品推廣,活動推廣等等的場景都可以用到。那什麼是H5呢?其實h5就是基於手機微信營銷而創建的作品,在手機端可以達到裂變性的傳播效果。我們現在幾乎每個人都脫離不了手機,在手機上打廣告是傳播效果最好的方法,而H5就是手機廣告最好的選擇。

工具/原料

MAKA免費h5編輯器
電腦

平台優勢

平台編輯器操作簡單:幾分鐘就可以生成一個h5作品。

可通過pc和手機APP版本編輯:支持電腦和手機編輯,適應不同的製作場景,方便又快捷。

海量精美模版:MAKA平台有很多專業的設計師提供各種原創精緻的主題模板,海量優質素材每天實時更新,給用戶自由選擇。

一、新建空白項目

適合專業設計師以及動手能力較強的用戶。用此功能可以創造出獨特畫風的哦。我們只需要在導航欄上點擊【我的作品】,然後點擊新建作品,就可以新建一個空白的項目啦。

二、套用模板創作

如果你覺得從空白開始做一個頁面會太難的話,我們可以套用MAKA模板商城裡面的模板來進行編輯修改。這種套模板的方式,比較適合適合新手、或者是不太懂設計的同學。好處是,可以方便快捷地生成一個作品。  沒有模版的同學可以在模板商城選擇模版。 已經有模版的同學,點擊「已購模版」就可以找到之前買過的模版啦~

【MAKA平台挑選模版的技巧】

模版商城主要可以按照場景以及行業來進行標籤分類的,大家可以根據自己的需要來進行篩選~另外還可以針對受歡迎程度還有最新發布兩個方式來進行排序哦。

【新建頁面】

接下來,我們講一下進入編輯器之後,怎麼新建一個頁面。

只要點擊編輯器左下角 「+」 就可以可新建頁面啦。

另外,MAKA也是提供各種海量精美的頁面模板,圖文模板、互動表單等的頁面模版供你選擇,童鞋們可以隨意挑選滿意的來進行創作。

除了普通版式之外,MAKA還有統計版式和特效版式可以選擇,統計版式中有各種類型的圖表,無論是柱狀圖還是曲線圖都能找到對應的模版。

選擇好你喜歡的圖表模版之後,在編輯器的右邊可以選擇預設主題,有不同的顏色提供給你選擇的哦。

找個模版方便的是,同學們只要直接輸入數據,自動生成圖表。

在各位銷售同學或者是運營同學需要用到H5的時候,我們就可以用到這種數據統計的模板,方便又快捷。

推薦汽車銷售,廣告投放,業務營收等的行業場景使用哦!

三、背景編輯

【更換背景】

背景是一個H5裡面最重要的元素,決定了一個作品的基調。所以背景選好了,就等於H5做好了一半。

只要點擊編輯區的背景,點擊右側 「更換背景」 按鈕,把背景更換你所上傳的圖片啦~建議上傳尺寸大小為640*1008像素的圖片。

【背景形狀色彩】

可根據用戶喜好裁剪背景,調節背景圖片的顏色跟透明度。

【翻頁效果】

另外,我們還可修改頁面的翻頁效果,可選擇摺疊、魔方、縮放等各種不同的效果呢。

四、文本工具

【新建文本】

點擊編輯區右側的 「新建文本」 按鈕,就可以可在頁面中添加一個文本。

【文本屬性】

雙擊文本框可以輸入文本。在右側可以修改文本的和字體樣式,也可修改文本的位置、動作等屬性。

【文本排序】

在文本框內右擊,彈出菜單中可以給文本的位置排序。

【字體選擇】

編輯器也有各種不同的字體供選擇大家選擇~

五、圖片編輯

【新增圖片】

點擊編輯區右側 「圖片」 按鈕 ,可以選擇MAKA提供的素材庫中的圖片,還可以上傳本地圖片。

點擊圖片,可在右側修改圖片的屬性和動作。

很多人覺得最炫的地就是H5的動畫效果很好。根據不同的場景,我們可以選擇不同的動作效果。

例如設計的風格是扁平化的卡通風格的,我們可以選擇較為顯眼的動作效果,例如彈性放大,下落放大,旋轉出現等的效果。

如果設計的風格是較為正式商業的風格,我們可以選擇淡入,或者是放大的動作效果。

選擇好效果之後,可以根據需要,調整速度和出現時間。

【Gif特效圖片插入】

除了插入靜態圖片之外,我們還可以插入動態圖片,營造特殊的高端的視覺效果。我們先來看看這個案例。

這個案例的第一頁,我們的眼睛可以感受到最大的亮點就是下方那個旋轉著的,閃閃發光的球。

其實這是我們設計在素材網上找的一個gif動態圖素材。其實除了加入靜態圖片 之外,我們還可以根據需要選擇插入gif動態圖,讓整個畫面更加動感,更加吸睛。

用圖片+簡單形狀+動態效果作出一種類似微信對話框的畫面感覺。

下面這個案例中,用到的是「超人」這個素材。做出了一種飛翔的效果。

其實有很多外有都問,你們只有「飛入」的效果,那麼飛出的效果要怎麼做呀?

那現在就給大家介紹一下,如何用maka做出一種飛出的效果呈現。

我們來看看這個案例的編輯器結構。

其實,只要把超人這個素材拖到編輯框外,然後設置為【向右飛入】的動作效果,那麼這個超人就可以從我們看到的畫面中一掠而過了。飛翔的效果就是如此簡單。

圖片做成感謝信的形式,用到感謝信的時候,我們也可以採用想案例的這種圖片形式,做成像信封一樣,會比純文字形式更加形象呢。

【小標題預告形式】

首先,這個案例的主題是很新穎出彩的。用菜單的主題一步步來引出個人簡歷。

其次,在製作方法上我們可以看到,他的每一頁都有一個小標題展示,然而小標題展現了幾秒鐘之後,就消失了,那這個小標題是什麼做到的呢?

我們來看看他的圖層結構。

其實做起來很簡單,只需要把小標題至於最底層,然後用一張圖片把速度設置慢一點,像這裡就設置為3.5s,利用淡入的動態效果,就可以做到這種類似視頻介紹一般的高級視覺呈現了。

【類似電影的倒數形式】

相信大家看到之後,都感覺眼前一亮吧?

我們看到這個的這個案例很特別,前面有3-2-1的倒數,然後再出現正式的邀請函內容。感覺就像大電影開場一樣。現在給大家介紹一下這種效果是怎麼做出來的。

從圖層結構這邊我們可以看到,首先是3-2-1,每隔一秒鐘放大覆蓋出現。到了第四秒,就可以把邀請函的圖片整一張飛入,完全遮住之前倒數的數字。

其實製作思路上跟上面說的小標題形式差不多。

用手繪圖片做成漫畫的形式。

這種手繪漫畫的形式其實很吸引眼球,無論是從創意還是視覺效果方面來說,都是很優質的H5作品。但其實這麼精美的H5也不需要動用到技術開發的手段就可以完成。如果童鞋們有手繪條件的話,可以參考這兩個案例來製作H5,推廣效果肯定很贊。

如果想要做這種形式,但卻沒有手繪天賦的話,MAKA有專屬的設計師,為大家提供高端的定製服務。

六、形狀編輯

【新增形狀】

點擊編輯區右側 「形狀元素」 按鈕,可選擇形狀添加到頁面中。

點擊形狀,可在右側修改形狀的顏色、樣式、透明、旋轉等屬性

也可拖動形狀的四角改變形狀的大小。

還可「更換形狀」。

簡單的形狀+動態效果=做出高級視覺呈現。

這個案例,主要特點在於表格的應用。編輯器沒有直接插入表格,但可以用圖形來進行搭配。從圖層分析他的構成。

這是設計師通過不同顏色的長方形,以及調整形狀的動作效果和出現時間,實現的柱狀圖效果。

很簡單的操作原理,但可以達到很高端的顯示效果。

用圖片疊加+動態效果作出圖表效果

覺得麻煩的話,我們可以使用之前說過的,MAKA編輯器自帶的圖表功能。

可以選擇預設主題,選擇不同的顏色。

還可以輸入數據,自動生成圖表。

七、音樂編輯

點擊編輯器的右上角,我們可以根據自己的需求,選擇平台自帶的不同風格的音樂。

如果覺得都不喜歡的話,我們可以選擇在網絡上下載自己想要的音樂,然後使用QQ音樂進行音樂壓縮,MAKA平台是支持2M以內的MP3格式的音樂的。

八、特效功能

MAKA編輯器還有一些好玩的功能,包括有擦一擦,左右對比,親一親,砸玻璃等等。

乾貨:指紋解碼+紅包

這個案例,運用了指紋解鎖的特效功能。

其實他只是用了一個橙色的背景,加一個紅包圖片,還又文字 。還有指紋解鎖,就可以做出拆紅包的效果。

而這個案例,就運用了【來電顯示】以及【擦一擦】的功能。

注意事項

MAKA有專屬的設計師,為企業提供高端的定製服務。
為騰訊,廣汽豐田,智聯招聘,浙江廣播集團,長江商學院等做過高端定製服務。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場