別用Ps了,背景圖+ GIF 超簡單!雙層、三層都能疊加
前幾天給大家拆解 Apple 一篇圖文,提到了一個雙層圖片效果,很多小伙伴表示:
「如果早點知道就好了,可以省下很多做圖片的工夫。」
其實不止雙層,在 iPaiban Pro 黑科技編輯器還可以疊加三層以及更多層圖片,今天咱們就好好認識一下這個系列的組件。
先看「雙層圖片」「三層圖片」和「多層圖片」這3個組件,編號分別為10319、10323、10325.
它們的用法很簡單,幾層圖片就是可以幾張圖片疊加在一起,每層圖片尺寸需保持一致,也支持動圖,動圖只需比例與靜態圖一致。除了最底層,其它層圖片背景應透明。
使用多層圖片相關組件,一是可以省下自己拼圖的工夫,二是可以讓圖片在公眾號盡量保持高清,原理大家可以戳:《品牌公眾號怕圖片模糊,怎么辦?》
再看「雙層圖片(第二層自定義大小及位置)」「三層圖片(第二層自定義大小及位置)」這2個組件,編號分別為10291、10777。
這倆主要解決在靜態圖上疊加 GIF 的問題,而且是 GIF 的比例和靜態圖不一樣的情況,比如將下面右側的 GIF 疊加放置在左側圖片的方框內。
效果如下:
「三層圖片(第二層自定義大小及位置)」組件就是在雙層的基礎上可以再疊加一層與底層尺寸相同的圖片,比如下面三張圖片。
如果讓你疊加拼合你會怎么做?用 Ps、Ae 還是其他什么專業設計軟件,都會非常麻煩,而用 iPaiban Pro 的組件超簡單,以三層的為例,一起看下教程。
工具:iPaiban Pro黑科技編輯器,網址:x.iPaiban.com
組件:三層圖片(第二層自定義大小及位置)
編號:10777(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點擊編輯器左側「組件」按鈕,在「無縫圖」分類中找到「三層圖片(第二層自定義大小及位置)」組件,或者直接在搜索框中搜索組件編號10777,點擊選擇。
第2步:上傳圖片
點擊右側3個「換圖」按鈕分別上傳準備好的底層圖、中層圖和頂層圖,其中底層圖和頂層圖尺寸需一致,頂層圖為透明底。
第3步:調整中層圖大小和位置
雙擊編輯區的圖片,彈出彈窗。彈窗中紅色色塊代表中層圖,調整中層圖大小和位置我們只需拖動紅色色塊到底層圖的指定區域即可。
第4步:導入公眾號后臺
點擊右側「預覽草稿」可隨時預覽效果,效果滿意后繼續點擊「導入微信后臺」就能開始導到公眾號了。
導入時使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材,非常方便,安裝教程戳:《iPaiban Pro小助手v2.0來啦!》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器,網址:x.iPaiban.com,復制網址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
● SVG 黑科技交互排版????????
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)