【云速建站】10分鐘出特效系列（一）
時(shí)間：2023-08-12 18:33:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-08-12 18:33:02 來源：網(wǎng)站運(yùn)營
【云速建站】10分鐘出特效系列（一）：【小宅按】本系列介紹一下簡單易用的頁面設(shè)計(jì)特效。備好素材，10分鐘就是出效果！
系列一，全屏靜中帶動(dòng)，視覺沖擊力強(qiáng)。PC預(yù)覽效果
http://test.fallout5.cn/designtips1 （PC only！因?yàn)槭謾C(jī)端不支持通覽插件，因此該特效只能在PC端實(shí)現(xiàn)）
提前準(zhǔn)備好素材- 背景視頻 10秒長已足夠，這里使用華為云視頻點(diǎn)播為載體
- 一張宣傳主題的png圖，背景需要透明。示例以一輛車為例（圖片來自網(wǎng)絡(luò)）
- 一段特性描述，文案或者圖片。示例為了省事使用一個(gè)圖片
制作步驟- 創(chuàng)建一個(gè)空白頁面，不使用底板或頁腳
- 放入一個(gè)通欄，設(shè)置背景播放視頻
- 對(duì)該視頻設(shè)置遮照，降低背景對(duì)比度
- 放入第二個(gè)通欄并且設(shè)置全白底色
- 放入主題素材
- 放入介紹文案
- 完成
詳細(xì)步驟，step by step
視頻上傳至華為云視頻點(diǎn)播，壓縮大小到1M，2M的樣子，太大了打開會(huì)很慢
創(chuàng)建空白頁，拖入通欄，下圖灰色的部分就是通欄
通欄屬性中加入視頻鏈接，選擇自動(dòng)播放，循環(huán)播放
通欄加背景遮照，綠色，透明度調(diào)節(jié)
放入第二個(gè)通欄，底色設(shè)為白色
放入主題素材
放入文案
調(diào)節(jié)位置
完成預(yù)覽！
更多精彩內(nèi)容，請(qǐng)滑至頂部點(diǎn)擊右上角關(guān)注小宅哦~
來源：華為云社區(qū)原創(chuàng) 作者：JohnnyKou
在線咨詢