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

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

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

IMB_OATrrD.GIF

image.png

提前准备好素材

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

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

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

制作步骤

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

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

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

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

  5. 放入主题素材

  6. 放入介绍文案

  7. 完成

详细步骤,step by step

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

image.png

image.png

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

image.png

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

image.png

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

image.png

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

image.png

放入主题素材

image.png

放入文案

image.png

调节位置

image.png

完成预览! 

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值