欧美涩色-欧美社区-欧美熟夫-欧美熟色妇-九色在线-九色在线播放

公眾號(hào)SVG效果教程:實(shí)現(xiàn)智族Lab風(fēng)格圖片滑動(dòng)移入效果

學(xué)習(xí)如何在新媒體內(nèi)容中添加專業(yè)級(jí)的圖片動(dòng)畫效果。本文詳細(xì)介紹了使用135編輯器的SVG編輯器功能,通過互動(dòng)效果組件實(shí)現(xiàn)圖片滑動(dòng)自動(dòng)觸發(fā)移入效果,包括觸摸圖片小元素依次橫向移入和縮小橫向移入效果。掌握這些技巧,讓你的推文更具吸引力。


朋友們大家好,我是三兒。


近期有朋友提問,想要在推文中實(shí)現(xiàn)PPT動(dòng)畫圖片左右移入的效果。


這讓三兒想到了之前GQ實(shí)驗(yàn)室(現(xiàn)更名為智族Lab)曾做過的一篇文章。


點(diǎn)我查看原文


這個(gè)效果135能實(shí)現(xiàn)嗎?先說結(jié)論,135編輯器可以完成滑動(dòng)自動(dòng)觸發(fā)圖片移入的效果,可以復(fù)刻智族Lab的效果。


注:本文素材來源均來自智族Lab,僅做教學(xué)使用。


//

進(jìn)入SVG編輯器


在135編輯器頁面左側(cè)找到「SVG編輯器」,進(jìn)入SVG編輯頁面。


在SVG編輯器左側(cè)選擇「互動(dòng)效果」,在搜索框中搜索組件:觸摸圖片小元素依次橫向移入畫面或組件ID:914



//

上傳素材


點(diǎn)擊組件進(jìn)入SVG編輯區(qū)域中,我們上傳背景圖。



移入元素圖的位置,我們可以先在設(shè)計(jì)階段排布放好,然后去掉背景圖單獨(dú)下載,就像這樣??



細(xì)心的朋友應(yīng)該發(fā)現(xiàn),移入小元素的圖片都是透明底的PNG圖,這樣移入才不會(huì)對(duì)本身的背景圖有遮擋。


上傳好背景圖后,我們可以繼續(xù)上傳元素圖。



上傳好元素圖后,我們可以針對(duì)不同的小元素設(shè)置移入方向、動(dòng)畫時(shí)長等內(nèi)容。



這樣我們就完成了小元素移入背景畫面的效果了,大家可以觸摸下方的圖看一看。


·

·

·

·


//

還可以縮小移入


如果大家對(duì)常規(guī)元素移入覺得不夠有吸引力,不妨試試觸摸圖片小元素依次縮小橫向移入畫面,組件ID:915


操作步驟點(diǎn)擊圖片小元素依次橫向移入畫面效果一致,這里就給大家看看呈現(xiàn)效果吧,觸摸下方的圖即可查看??


·

·

·

·


//

導(dǎo)出或同步


如果我們是在SVG編輯器里完成了一篇完整的文章,可以直接通過「同步」將內(nèi)容同步到微信公眾號(hào)后臺(tái),當(dāng)然這個(gè)的前提是你需要向135編輯器授權(quán)你的賬號(hào)信息。


在135編輯器頁面右上角用戶名稱中,將鼠標(biāo)放置在用戶名上可彈出下拉菜單找到「授權(quán)公眾號(hào)」賬號(hào)管理員掃碼授權(quán)。


如果你暫時(shí)無法擁有授權(quán),也可以通過135插件的形式將內(nèi)容同步到公眾號(hào)后臺(tái),僅僅需要在你的谷歌瀏覽器中安裝135插件。


點(diǎn)我下載插件


如果你還需要將效果放到135編輯器中,那么可以使用「導(dǎo)出」將效果復(fù)制到135編輯器中。




以上就是本期

SVG教學(xué)的全部內(nèi)容

大家還有什么想要學(xué)的效果案例

可以在評(píng)論區(qū)留言

三兒會(huì)定期做教學(xué)內(nèi)容噢




·



文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運(yùn)營——站式營銷管理平臺(tái)
推薦文章
用戶運(yùn)營平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營中的用戶分層
內(nèi)容運(yùn)營:戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營導(dǎo)航
運(yùn)營工具
分享到
主站蜘蛛池模板: 成年人免费在线观看网站 | h片免费在线观看 | 一个人看的视频www免费 | h成年动漫同人网站免费 | 国产成人精品免费午夜 | 黄色一级视频片 | 欧美日韩在线观看精品 | 日韩欧美在线看 | 77788色淫网站女女免费视频 | 伊人激情综合 | 日日摸夜夜爽夜夜爽出水 | 色天天综合 | 日本一道免费一区二区三区 | 欧美日韩国产一区二区三区伦 | 一级毛片毛片毛毛片毛片 | 亚欧中文字幕 | 今天免费中文字幕视频 | 亚洲欧美日本韩国综合在线观看 | 最近免费手机中文字幕3 | 欧美黄网站免费观看 | 国产三级a三级三级 | 狠狠色丁香婷婷综合精品视频 | 亚洲本道| 色综合天天综合网国产成人网 | 成人黄色免费在线观看 | 91看片淫黄大片欧美看国产片 | 成人福利在线视频免费观看 | 国产情精品嫩草影院88av | 中文字幕日韩一区 | 欧美国产高清 | 国产天天色 | 亚洲精品影院 | 欧美日韩中文字幕在线视频 | 日韩欧美国产综合 | 乱理最新乱理片中文 | 日韩精品欧美高清区 | 欧美高清国产在线观看 | 伊人久久亚洲综合天堂 | 免费a视频| 国产精品久久久久久久 | 色婷婷狠狠 |