Apple推文效果教程：用135編輯器制作高級排版效果
想學(xué)Apple新品推文的高級排版？本文詳解用135編輯器實現(xiàn)序列幀動畫和零高布局文字流彩效果，適合新媒體人提升微信排版質(zhì)感。
前兩天的科技春晚大家看了嗎？從預(yù)告到發(fā)布，這一次庫克沒讓大家失望，iPhone17標(biāo)準(zhǔn)版被大家夸為最值得購買的一代。畢竟iPhone17標(biāo)準(zhǔn)版終終終終于用上了高刷，喜大普奔！不僅如此，一向貴如金子的Apple內(nèi)存，這一次將標(biāo)準(zhǔn)版存儲直接從128GB升級到256GB，加量不加價！Apple這次真的聽勸了。
科技博主瘋狂評測手機，而我們新媒體人緊盯著Apple推文《今夜，怎一個燃字了得》兩眼放光：開篇就是清晰的、流光溢彩的動效和尾部絢爛的文字效果，仿佛是流星劃過、煙花綻放。又燃又簡約，質(zhì)感拉滿。
那么這樣的效果如何用135編輯器實現(xiàn)呢？
圖片素材來源：Apple
當(dāng)我們使用135插件（點擊獲取插件的方法）提取Apple推文中的圖片素材，我們可以清晰地看到，開篇GIF其實是由一張張靜態(tài)圖通過輪播的方式實現(xiàn)。
“那為什么Apple不直接使用一張GIF圖反而要如此費力用多張靜態(tài)去模擬一張GIF圖效果呢？”
原因很簡單，為了讓「GIF」圖更高清更流暢，大家都知道微信對GIF圖的尺寸是有要求的：只能上傳10M以內(nèi)和300幀的幀數(shù)限制。
而想要滿足Apple的清晰度，顯然10M無法滿足，只能通過序列幀來實現(xiàn)。
在135編輯器頁面，點擊左側(cè)「SVG編輯」進入SVG編輯器，在「SVG效果」中搜索關(guān)鍵詞「序列幀」
SVG編輯入口
我們選擇「圖片自動輪播-序列幀」組件ID：35，添加到編輯區(qū)域中。
在右側(cè)，點擊添加圖片。將序列幀圖片依次添加，注意添加圖片需要寬高尺寸一致。
注意：該效果默認動畫時長為3s，想要圖片流暢播放我們可以手動更改動畫時長，調(diào)成為0.1s。
底部GIF素材：Apple
這個效果其實并不復(fù)雜，只要我們看到了Apple素材就能立馬明白。
底圖GIF
頂圖帶有鏤空的字體圖
我們需要做的就是將這張GIF圖放在另一張圖的下面。如何在135編輯器中實現(xiàn)呢？
進入SVG編輯器，在「SVG效果」中搜索關(guān)鍵詞「零高疊層布局」組件Id：287
在編輯區(qū)域右側(cè)選擇「編輯布局內(nèi)容」
在布局內(nèi)容中添加「無縫圖點擊不可彈出」組件ID：1
添加GIF圖，點擊完成。
回到編輯頁面中，零高疊層布局后再添加一個「無縫圖點擊不可彈出」組件Id：1
點擊「添加圖片」，添加頂層圖。
點擊預(yù)覽就能看到最后的效果了。
一些tips：
頂層圖和背景圖需要尺寸一致，GIF圖需要提前確定頂層文字鏤空位置，這樣才能完美呈現(xiàn)。
零高疊層布局在前為底圖，在后則為頂圖。
以上就是如何利用135編輯器
制作Apple同款效果教程的全部內(nèi)容了
相信大家已經(jīng)學(xué)會
看似簡單的效果
其實暗藏門道
大家也可以多嘗試
相信大家可以做出更有趣的內(nèi)容
立即登錄
