鏡頭感十足！開工圖文用霸王茶姬這種排版回顧假期超適合！
當~~~大部分公司都在今天正式開工了。
年前給大家整理分享了一篇開工主題的案例合集，有需要的可以直接點擊查看：《新年新開始，年后開工SVG交互圖文案例搶先看！》
開工第一天，教大家制作霸王茶姬一篇六周年圖文的排版，這篇圖文點贊數達10W+，是霸王茶姬23年閱讀、點贊、在看都最高的一篇。
這篇圖文的排版效果鏡頭感十足，用于開工圖文回顧假期生活也很適合。
我們先來體驗一下：
*素材來自霸王茶姬CHAGEE《霸王茶姬六周年，請?zhí)煜虏栌押取皟|”杯！》
組合：連續(xù)點擊-圖片放大消失+展開
編號：11842（組合）
按照提示連續(xù)點擊指定位置，圖片放大消失，配合圖片素材局部鏤空式的設計，使得圖文營造出一種鏡頭展示的效果，最后一次點擊圖片放大消失后，圖文展開，顯現更多內容。
它的巧妙之處是，每一次點擊其實是有兩張圖片在變化，一張是鏤空式設計的圖片，一張是鏤空式圖片的背景（正好填充鏤空的位置）：
該組合現開放免費獲取，點擊下方小程序卡片參加活動，即可免費獲取兌換碼。
下面一起看下制作教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：連續(xù)點擊-圖片放大消失+展開
編號：11842（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組合」按鈕，在「花樣展開」分類中找到「連續(xù)點擊-圖片放大消失+展開」組合，或者直接在搜索框中搜索組合編號11842，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為展開前和展開后兩塊設置區(qū)域。
第3步：設置「展開前」內容
①上傳圖片：前面說過，該效果每一次點擊其實是有兩張圖片在變化，一張是鏤空式設計的圖片，一張是鏤空式圖片的背景（正好填充鏤空的位置）。
所以我們需要點擊「展開前」區(qū)域，在右側分別上傳放大圖片和對應的圖片背景。所有圖片尺寸需保持一致。
②調整放大的中心位置：雙擊「展開前」區(qū)域上傳的圖片，調出觸發(fā)區(qū)域調整窗口，拖動紅框調整觸發(fā)區(qū)到合適位置。依次點擊「下一張」調整每張圖片的觸發(fā)區(qū)。
注意這里的觸發(fā)區(qū)中心點為放大的中心位置，并非真正的點擊觸發(fā)區(qū)域，無論將紅框調整在什么位置，點擊整張圖片都會觸發(fā)。
③調整參數：根據需求調整圖片的放大時長、放大倍數和圖片背景消失時長。
第4步：設置「展開后」內容
「展開后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
第5步：設置參數
點擊右側紅色小三角，可以設置展開時長。
如果預覽效果發(fā)現內容沒有完全展開或者展開過長，可以通過「加減展開高度（px）」進行調整，輸入負數減小展開高度。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」退出組合編輯模式回到編輯器主頁面。
繼續(xù)點擊最右側「預覽草稿」掃碼預覽效果，效果滿意后接著點擊「同步至微信后臺」就可以了。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）