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