變色創(chuàng)意微信公眾號圖文排版教程來啦!
看完了上一篇文章,是不是感覺特別好玩,想學嗎?那你可找對人了,趕緊來和我一起學習-變色微信公眾號排版?吧!
看完了上一篇文章,是不是感覺特別好玩,想學嗎?那你可找對人了,趕緊來和我一起學習-變色微信公眾號排版吧!
話不多說,教程開始!
首先,要實現(xiàn)文字變色,我們需要用到135編輯器的雙層滑動樣式 (樣式ID:96225)。

雙層滑動樣式
ID:96225
【樣式作用】:節(jié)約排版空間,版面清爽整潔的同時還能與讀者進行有效的互動,幫助打造文章氛圍。除此之外,雙層滑動樣式還有更多的趣味性
【使用說明】:需要準備PNG透明背景的圖片進行操作,否則可能會導致樣式透明滑動層失效。
相信大家已經(jīng)看過效果了,但是為了讓搜索到這篇文章的胖友們看到效果,小編還是再給你們展示一下吧!




<<<左滑查看更多<<<
怎么樣,是不是特別炫酷,這個樣式的使用場景超級廣,只有你想不到,沒有他做不到!
那么問題來了,如何做出像小編一樣的效果呢?
首先,我們需要準備背景圖片及滑動時的圖片,背景圖片我們盡量選擇色彩豐富(花里胡哨)的,而滑動時的圖片,我們需要稍微處理一下。
這里需要注意的是,我們所準備的圖片的格式需要保持一致(即圖片大小相同),底部的背景圖格式不限,但上方滑動的圖片需要保存為PNG格式的透明圖片。
一、如何處理圖片?
首先,找到我們的設計師小姐姐,給她看看小編做的圖,告訴她,我想要一樣的效果,但是文字不一樣,她就懂了。
那沒有設計小姐姐的該怎么辦呢?建議放棄 咳咳,首先打開我們的AdobePhontoshop2020版,俗稱PS。在PS中創(chuàng)建出一個1200*900的文檔。
創(chuàng)建完成后,我們先將背景圖片放入,調(diào)整位置后保存即可。
然后我們開始制作上層滑動圖片,首先新建一個圖層,然后填充為你想要填充的任何顏色,然后使用文字工具輸入你想要的文字,適當調(diào)整大小。
重點來咯!輸入完文字后,我們按住Ctrl鍵點擊文字圖層前面的T,選中文字后,我們點擊剛才填充好顏色的圖層,然后點擊delete鍵,刪除即可。
為了方便大家學習,小編將步驟做成了動圖。
這里需要的注意的是,操作完成后,我們需要將上層滑動的圖片保存為透明背景的png圖片。
然后按照上面的方法,做出剩下的圖片,圖片處理即可完成。
二、如何更換圖片?
按照上面的步驟制作好圖片以后,我們就可以開始更換圖片了。更換圖片我們可以使用專業(yè)版編輯器的動畫功能來進行更換,還可以使用秒刷哦!
1.首先將編輯器切換至專業(yè)版,點擊右側『更多功能』,在彈出的菜單中選擇『切換專業(yè)版』,即可將編輯器切換為專業(yè)版。
2.搜索樣式ID:96225,找到雙層滑動樣式,插入編輯器中。
3、點擊選中樣式(在樣式周圍出現(xiàn)虛線框時,才算選中哦!),在彈出的菜單欄中,選擇『動畫』按鈕,進入動畫設置界面。
這里需要注意的是:只有SVG樣式才會有動畫按鈕哦,普通的樣式是沒有動畫按鈕的!
4、在動畫設置界面,我們就可以對樣式的內(nèi)容進行設置了,胖友們可以對背景圖片,以及上層的滑動圖片進行更換。
5、我們還可以使用秒刷來進行圖片更換,首先將你的需要替換的圖片全部上傳至編輯器中,將他們排好順序,背景圖片需要放在第一張,選中所有的圖片,然后點擊樣式即可完成秒刷。
這里需要注意的是:秒刷支持多張圖片哦,胖友們只需上傳多張圖片,按順序排列后秒刷即可。
6.設置完所有內(nèi)容以后,胖友們可以在右側的預覽框中進行測試,也可以返回編輯器界面,點擊右側菜單欄中的『手機預覽』進行測試。
注意事項:

這里需要注意的是,由于微信后臺限制,所以排版完成后的推文需要使用保存同步功能,如果使用復制粘貼會導致樣式失效哦!
好啦,今天的教程就到這里啦
胖友們學會了嗎?
立即登錄














