“好清涼啊!寶馬這篇全是水的圖文,怎么做的?”
夏日炎炎,清涼一下!
今天我們來看寶馬中國的一篇「被水淹沒」的夏日圖文:
*素材寶馬中國《元氣拉滿,勿戳》
組件:全局背景
編號:10465(組件)
組件:批量無縫圖
編號:10009(組件)
這篇圖文,其實就是水波紋背景加上透明底的 PNG 圖片排版而成,雖然沒有任何交互效果,但全局的動態背景讓整篇圖文顯得元氣滿滿。
整篇圖文的結構大概是這樣的:
水波紋圖片高度遠遠小于上方的 PNG 圖片,但仍能鋪滿全文,這里我們通過 iPaiban Pro 黑科技編輯器的「全局背景」組件(編號:10465)即可輕松實現。
「全局背景」組件的圖片用作后邊組件的背景,當圖片高度小于后邊組件內容的高度時,圖片將會自動按需重復鋪滿后邊內容,常用于圖文開頭。
下面一起看下詳細教程吧。
詳細教程:
工具:iPaiban Pro 黑科技編輯器,網址:SVG.iPaiban.com
組件:全局背景
編號:10465(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點擊編輯器左側「組件」按鈕,在「全局設置」分類中找到「全局背景」組件,或者直接在搜索框中搜索組件編號10465,點擊選擇。
第2步:上傳背景圖片
點擊右側「換圖」按鈕上傳準備好的背景圖片。
背景圖片尺寸沒有要求,當背景圖片高度小于后邊組件內容的高度時,圖片將會自動按需重復鋪滿后邊內容。所以在設計背景圖時,背景圖應盡量簡單些,尤其是在重復拼接時盡量看不出拼接的感覺。
第3步:排版正文內容
上傳好背景圖片后,我們按照自己的需求,接著在后面正常選擇其他組件或組合排版制作正文內容即可。
寶馬這篇正文部分為背景透明的無縫圖拼接,只需選擇一個「批量無縫圖」組件(編號:10009),然后上傳圖片素材。
第4步:導入公眾號后臺
點擊最右側「預覽草稿」掃碼預覽效果,效果滿意后點擊「同步至微信后臺」就可以了。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)