Apple推文效果教程:用135編輯器制作高級排版效果

想學Apple新品推文的高級排版?本文詳解用135編輯器實現序列幀動畫和零高布局文字流彩效果,適合新媒體人提升微信排版質感。


 Apple
簡約又高級的排版
是怎么做的呢?
Apple
新品燃燃爆了


前兩天的科技春晚大家看了嗎?從預告到發布,這一次庫克沒讓大家失望,iPhone17標準版被大家夸為最值得購買的一代。畢竟iPhone17標準版終終終終于用上了高刷,喜大普奔!不僅如此,一向貴如金子的Apple內存,這一次將標準版存儲直接從128GB升級到256GB,加量不加價!Apple這次真的聽勸了。


科技博主瘋狂評測手機,而我們新媒體人緊盯著Apple推文今夜,怎一個燃字了得》兩眼放光:開篇就是清晰的、流光溢彩的動效和尾部絢爛的文字效果,仿佛是流星劃過、煙花綻放。又燃又簡約,質感拉滿。


那么這樣的效果如何用135編輯器實現呢?


01




用序列幀模擬GIF圖
·

圖片素材來源:Apple


當我們使用135插件(點擊獲取插件的方法)提取Apple推文中的圖片素材,我們可以清晰地看到,開篇GIF其實是由一張張靜態圖通過輪播的方式實現。


image.png


“那為什么Apple不直接使用一張GIF圖反而要如此費力用多張靜態去模擬一張GIF圖效果呢?”


原因很簡單,為了讓「GIF」圖更高清更流暢,大家都知道微信對GIF圖的尺寸是有要求的:只能上傳10M以內和300幀的幀數限制。


而想要滿足Apple的清晰度,顯然10M無法滿足,只能通過序列幀來實現。

如何制作同款

在135編輯器頁面,點擊左側「SVG編輯」進入SVG編輯器,在「SVG效果」中搜索關鍵詞「序列幀」


image.png

SVG編輯入口


image.png


我們選擇「圖片自動輪播-序列幀」組件ID:35,添加到編輯區域中。


image.png


在右側,點擊添加圖片。將序列幀圖片依次添加,注意添加圖片需要寬高尺寸一致。


image.png


注意:該效果默認動畫時長為3s,想要圖片流暢播放我們可以手動更改動畫時長,調成為0.1s。


20250911_145122.gif



02




零高布局實現文字流彩
·
·
·
·

底部GIF素材:Apple


這個效果其實并不復雜,只要我們看到了Apple素材就能立馬明白。


空白模板 (2).gif
空白模板 (1).png

底圖GIF

頂圖帶有鏤空的字體圖


我們需要做的就是將這張GIF圖放在另一張圖的下面。如何在135編輯器中實現呢?


SVG編輯器搜索零高疊高布局


進入SVG編輯器,在「SVG效果」中搜索關鍵詞「零高疊層布局」組件Id:287


image.png


在編輯區域右側選擇「編輯布局內容」


image.png


在布局內容中添加「無縫圖點擊不可彈出」組件ID:1


image.png


添加GIF圖,點擊完成。


image.png


回到編輯頁面中,零高疊層布局后再添加一個「無縫圖點擊不可彈出」組件Id:1


image.png


點擊「添加圖片」,添加頂層圖。


image.png


點擊預覽就能看到最后的效果了。


20250911_154359.gif


一些tips:


頂層圖和背景圖需要尺寸一致,GIF圖需要提前確定頂層文字鏤空位置,這樣才能完美呈現。


零高疊層布局在前為底圖,在后則為頂圖。


image.png



以上就是如何利用135編輯器

制作Apple同款效果教程的全部內容了

相信大家已經學會

看似簡單的效果

其實暗藏門道

大家也可以多嘗試

相信大家可以做出更有趣的內容


·






文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
分享到
毛片一区二区三区_久久久青草大香_国产午夜精品8MAV在线观看_中文字幕高清无码男人的天堂