適合足球賽主題的SVG模板
寶藏模版
E2 編輯器往期推薦(點(diǎn)擊閱讀):
趣味效果|高大上|可愛(ài)風(fēng)|年終總結(jié)I|年終總結(jié)II|循環(huán)特效|情人節(jié)I|情人節(jié)II|情人節(jié)IIII|婦女節(jié)I|婦女節(jié)II|兒童節(jié)I|兒童節(jié)II|兒童節(jié)III|兒童節(jié)IV|618I|618II|父親節(jié)|絲滑動(dòng)畫(huà)|端午節(jié)I|端午節(jié)II|端午節(jié)III|滑動(dòng)妙用|圖片輪播I|圖片輪播II|又紅又專(zhuān)|中秋節(jié)I|中秋節(jié)II|雙十一I|雙十一II|世界杯|感恩節(jié)|圣誕節(jié)I|圣誕節(jié)II|新年|兔年春節(jié)|元宵I |元宵節(jié)II|愚人節(jié)I|愚人節(jié)II|雜志范兒|520/521I|520/521II|520/521Ⅲ|五一I|五一II|五一III|母親節(jié)I|母親節(jié)I|母親節(jié)III|多巴胺|微博|夏日氛圍|大唐國(guó)風(fēng)|反詐宣傳|七夕節(jié)|CityWalk|開(kāi)學(xué)季II|開(kāi)學(xué)季II|校園主題|揭露丑惡真相|運(yùn)動(dòng)會(huì)I|運(yùn)動(dòng)會(huì)II|十一|萬(wàn)圣節(jié)I|萬(wàn)圣節(jié)II|冬季氛圍|新聞宣傳|春節(jié)紅包I|春節(jié)紅包II|龍年春節(jié)|開(kāi)工新品|地球日|問(wèn)答題|人工智能|踏青出行|五四青年節(jié)|建黨日|撕拉片
各位 E2.COOL 的會(huì)員,編輯器內(nèi) 1800+ 的 SVG 正版組件你們都用過(guò)嗎?蘇超話題火熱,球場(chǎng)的動(dòng)感與 SVG 交互完美呼應(yīng),讓我們看看有哪些業(yè)內(nèi)精彩的足球案例吧!
*你還可以點(diǎn)擊《 推薦適合世界杯的SVG模版 》查看往期專(zhuān)題。
高階游戲互動(dòng)開(kāi)發(fā)
《點(diǎn) 球 大 戰(zhàn). SVG(高級(jí)交互排版)》和《逆天排版|射射射射射射射射射射射射射射門(mén)!》是兩期由 JZ Creative Studio 開(kāi)發(fā)的定制級(jí) SVG 交互,通過(guò)復(fù)雜的 SVG 動(dòng)畫(huà)組合,形成具有挑戰(zhàn)性的豎屏游戲:


作品交互細(xì)節(jié)豐富,需要由開(kāi)發(fā)者手寫(xiě)代碼結(jié)構(gòu)形成。如有需求可咨詢(xún) JZ Creative Studio 官方,通過(guò)微信 Zhuoya_Work 聯(lián)系接洽。
軌跡動(dòng)畫(huà)
在《歐洲杯到底有誰(shuí)在???全行業(yè)都在整活兒》中,點(diǎn)擊足球后它將沿特定軌跡連續(xù)飛行:

在 E2 編輯器中可以考慮采用「路徑動(dòng)畫(huà)」結(jié)合「自轉(zhuǎn)效果」進(jìn)行布局,通過(guò)設(shè)計(jì)軟件提前繪制矢量路徑,導(dǎo)入編輯器內(nèi)生成動(dòng)畫(huà)效果。
縱向視差滑動(dòng)
3D 感的《亞馬爾的暑假作業(yè)寫(xiě)完了》對(duì)每個(gè)畫(huà)面進(jìn)行了三組 Z 軸分層,由此在滑動(dòng)時(shí)產(chǎn)生差速感的運(yùn)動(dòng)效果:

視差滑動(dòng)是 E2 編輯器全網(wǎng)首發(fā)的 SVG 裸眼 3D 套件,在《來(lái)了 視差滑動(dòng)SVG模板套件(全文排版)|就在E2編輯器 》中進(jìn)行了詳細(xì)的應(yīng)用介紹。同時(shí)你也可以通過(guò)視頻專(zhuān)題進(jìn)行學(xué)習(xí)。
錯(cuò)層滑動(dòng)
《涼山,過(guò)“足”癮了!》將足球作為懸浮要素,滑動(dòng)時(shí)穿過(guò)個(gè)色前景與背景,詳述涼山足球嘉年華:

「錯(cuò)層滑動(dòng)」一直以來(lái)都是一種通用性極佳的 SVG 高級(jí)交互排版范式。除了上述作品,還有 GQ 實(shí)驗(yàn)室(現(xiàn)名智族 Lab)的《滾!》以世界杯為選題,同樣通過(guò)「錯(cuò)層滑動(dòng)」以足球?yàn)楹诵脑剡M(jìn)行圖文布局。
多次觸發(fā)軌跡運(yùn)動(dòng)
《安慕希 × C羅,我們的驕傲恰好很配(內(nèi)含福利)》是由 JZ Creative Studio 主持定制開(kāi)發(fā)的連續(xù)互動(dòng)特效,足球隨點(diǎn)擊會(huì)持續(xù)位移前往下一場(chǎng)景:

以上交互排版需經(jīng)過(guò)開(kāi)發(fā)者 SVG 專(zhuān)業(yè)編程處理,有一定 SVG 代碼基礎(chǔ)的讀者可在課程《視頻教學(xué)??SVG月亮游走動(dòng)畫(huà) & SVG望遠(yuǎn)鏡游走設(shè)計(jì)》進(jìn)行學(xué)習(xí),或通過(guò)微信 Zhuoya_Work 接洽定制。
無(wú)限選擇器
《Hey,來(lái)耐克足球全宇宙看看》通過(guò)「無(wú)限選擇器」將多組足球運(yùn)動(dòng)產(chǎn)品分配到多個(gè)按鈕菜單內(nèi),支持橫向滑動(dòng)查看并關(guān)閉:

而「無(wú)限選擇器」嵌套滑動(dòng)是當(dāng)下流行的 E2 編輯器應(yīng)用范式。
更多海量模板,平均不足 1 元!
E2.COOL 秉持著讓行業(yè)“人均 SVG”的生態(tài)理念,由多位黑科技排版設(shè)計(jì)的頭部資深開(kāi)發(fā)者共同打造,斬獲包括法國(guó)設(shè)計(jì)獎(jiǎng)、美國(guó)繆斯創(chuàng)意設(shè)計(jì)獎(jiǎng)等諸多國(guó)際賽事大獎(jiǎng),幫助更多品牌以可視化形式完成互動(dòng)式圖文創(chuàng)作。如有任何特效靈感和建議,也歡迎通過(guò)客服向我們提出,E2 將竭誠(chéng)思考代碼轉(zhuǎn)化的可行性。
E2 平臺(tái)官網(wǎng)
https://www.e2.cool/
會(huì)的比別人多一點(diǎn)
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請(qǐng)聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán),侵權(quán)必究。




評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦,快來(lái)評(píng)論一下吧!
全部評(píng)論(0條)