輕松制作央視新聞停同款頓式展開(kāi)推文(公眾號(hào)SVG停頓圖文制作技巧)
從官媒到各級(jí)大號(hào),都對(duì)這個(gè)效果十分偏愛(ài),那么實(shí)現(xiàn)這個(gè)效果難嗎?需要懂代碼嗎?我可以做嗎?
不僅是央視
包括刷爆朋友圈的GQ《紅了》
百度智能云《藍(lán)了》
人民日?qǐng)?bào)《這也太浪漫了》
......
??點(diǎn)擊文章題目查看原文
放心這個(gè)效果有手就行!0代碼,人人都能做!
今天三兒就手把手教學(xué),讓你輕松完成。
前期準(zhǔn)備:135編輯器、135svg編輯器以及討好設(shè)計(jì)小姐姐。
如果大家細(xì)細(xì)觀察上述文章,文章里除了文案出彩,更多是出彩的文案設(shè)計(jì)。先說(shuō)這些都不是效果哦,都是圖片呈現(xiàn)出來(lái)的,包括靜態(tài)的png以及動(dòng)態(tài)的gif,所以我們需要討好設(shè)計(jì)小姐姐。
靜態(tài)png圖??
動(dòng)態(tài)gif圖??
準(zhǔn)備好圖片素材后,剩下的就變得格外簡(jiǎn)單。
# 打開(kāi)135編輯器,進(jìn)入svg編輯或輸入網(wǎng)址進(jìn)入svg編輯器
網(wǎng)址:
http://d1167.cn/svgeditor/svgAttract.html?
進(jìn)入svg編輯后,在搜索框輸入ID號(hào):243(多圖依次停頓式展開(kāi))
將設(shè)計(jì)小姐姐設(shè)計(jì)的圖按順序依次添加。
注意:添加圖片寬度需要保持一致,高度不做要求
添加完圖片后,我們就可以導(dǎo)出到135編輯器或復(fù)制代碼到微信公眾號(hào)后臺(tái)。
三兒發(fā)現(xiàn)有不少朋友不知道怎么導(dǎo)出到135編輯器,其實(shí)很簡(jiǎn)單。
#方法一:點(diǎn)擊【復(fù)制代碼到135編輯器】后,返回編輯器頁(yè)面最簡(jiǎn)單的方法是:你可以在空白處直接ctrl + v粘貼效果(三兒不建議這樣做,如果你原文嵌套多粘貼可能會(huì)粘貼錯(cuò)位置)
#方法二:如果你在svg編輯器內(nèi)做好了所有文章內(nèi)容,就可以在135編輯區(qū)域選擇【HTML】ctrl + v粘貼代碼即可。
那我如果是想要用某個(gè)樣式但我想要在樣式里插入svg怎么搞呢?
#方法三:區(qū)域代碼,將復(fù)制后的代碼插入到樣式中的區(qū)域代碼中,如:圖片樣式,我們就將代碼替換【img】標(biāo)簽中的內(nèi)容即可,舉個(gè)例子??
#最后就是【保存同步】啦,關(guān)于svg圖文的保存同步三兒也有講過(guò),很多小伙伴常問(wèn)為什么ctrl+c 復(fù)制文章再ctrl+v粘貼文章到微信后臺(tái)后手機(jī)預(yù)覽沒(méi)有svg效果呢?
那是因?yàn)閟vg的文章內(nèi)容要【保存同步】到后臺(tái),而【保存同步】的前提是微信公眾號(hào)授權(quán)135編輯器。
那么根據(jù)上述步驟操作后,你就能得到一篇最近流行在官號(hào)、大號(hào)的多圖依次停頓式展開(kāi)文章啦。
三兒說(shuō):不知道大家發(fā)現(xiàn)沒(méi)有,這篇文章的排版難度其實(shí)并不大,難點(diǎn)在于文案和圖片的設(shè)計(jì),所以好的文章往往匯集了文案、設(shè)計(jì)師、美編等眾人的力量,雖然大家常常調(diào)侃新媒體編輯一個(gè)人就是一個(gè)團(tuán)隊(duì)要能寫文案、能排版、能做圖...但我們?nèi)说牧α拷K究是“有限”的,我們要敢于承認(rèn)自己的“不足”依靠團(tuán)隊(duì)發(fā)揮出自己最大力量(不過(guò)這不能成為我們事事逃避工作的理由喔)
以上就是
三兒帶給大家今日干貨
跟著三兒學(xué)更多有趣好玩的
排版技巧
大家還有什么
想看想學(xué)的
記得在評(píng)論區(qū)留言
三兒都會(huì)看到哦
我是愛(ài)你們的三兒~
·END·
文章排版由135編輯器提供技術(shù)支持
■ ■ ■ ■
立即登錄
- 2023霜降節(jié)氣海報(bào)合集,給你專屬秋天的靈感!
- 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
- 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
- 不看會(huì)后悔系列!2023國(guó)慶節(jié)精美海報(bào)模板分享!