【云速建站】10分钟出特效系列(一)

本系列介绍一下简单易用的页面设计特效。备好素材,10分钟就是出效果!

系列一,全屏静中带动,视觉冲击力强。PC预览效果 http://test.fallout5.cn/designtips1  (PC only!因为手机端不支持通览插件,因此该特效只能在PC端实现)

【云速建站】10分钟出特效系列(一)

【云速建站】10分钟出特效系列(一)

提前准备好素材

  1. 背景视频 10秒长已足够,这里使用华为云视频点播为载体

  2. 一张宣传主题的png图,背景需要透明。示例以一辆车为例(侵权删)

  3. 一段特性描述,文案或者图片。示例为了省事使用一个图片

制作步骤

  1. 创建一个空白页面,不使用底板或页脚

  2. 放入一个通栏,设置背景播放视频

  3. 对该视频设置遮照,降低背景对比度

  4. 放入第二个通栏并且设置全白底色

  5. 放入主题素材

  6. 放入介绍文案

  7. 完成

详细步骤,step by step

视频上传至华为云视频点播,压缩大小到1M,2M的样子,太大了打开会很慢

【云速建站】10分钟出特效系列(一)

【云速建站】10分钟出特效系列(一)

创建空白页,拖入通栏,下图灰色的部分就是通栏

【云速建站】10分钟出特效系列(一)

通栏属性中加入视频链接,选择自动播放,循环播放

【云速建站】10分钟出特效系列(一)

通栏加背景遮照,绿色,透明度调节

【云速建站】10分钟出特效系列(一)

放入第二个通栏,底色设为白色

【云速建站】10分钟出特效系列(一)

放入主题素材

【云速建站】10分钟出特效系列(一)

放入文案

【云速建站】10分钟出特效系列(一)

调节位置

【云速建站】10分钟出特效系列(一)

完成预览! 

购买华为云请点击立即购买