如果一個(gè)頁(yè)面上,文字遠(yuǎn)多于圖片,怎么才能讓整個(gè)構(gòu)成看起來(lái)不那么死板呢?
其實(shí)只要讓文字動(dòng)起來(lái)就ok啦~
錄屏沒(méi)有真實(shí)效果好,真正做完以后,盡享絲~滑~哦~
依然是0基礎(chǔ),不用下載軟件,一起在網(wǎng)頁(yè)做一份這樣的H5吧!【初心小太陽(yáng)出品~】
step1
首先,打開(kāi)自己習(xí)慣的H5制作工具。我一般用電腦自帶的wps H5,所以就用這個(gè)演示。大家隨意選擇習(xí)慣的就好,大同小異哈。
然后插入這樣一張圖:
并將背景調(diào)整為圖片底色:
得到如下圖片:
step2
將文案插入H5中,每句都要用一個(gè)單獨(dú)的文本框哦!
step3
到這里,頁(yè)面排版就結(jié)束了,開(kāi)始設(shè)置動(dòng)畫(huà)。
①將插入的圖片設(shè)置為:【縮小】 ? 開(kāi)始時(shí)間0.4,其他默認(rèn):
②【圓潤(rùn)有型·自如隨心】這句大標(biāo)題,動(dòng)畫(huà)設(shè)置為【從上淡入】,【與上一動(dòng)畫(huà)同時(shí)】,開(kāi)始時(shí)間0.6,持續(xù)時(shí)間2:
③將文案小字的第一行,動(dòng)畫(huà)設(shè)為【從下淡入】,【與上一動(dòng)畫(huà)同時(shí)】,開(kāi)始時(shí)間0.6,持續(xù)時(shí)間2
接下來(lái)的每行文案,其他項(xiàng)不變,開(kāi)始時(shí)間比上一行+0.2
ok,到這里就結(jié)束了,點(diǎn)擊預(yù)覽,看看是不是生成了絲滑的字幕文案呢?
如果喜歡,就贊一個(gè)吧~