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

举报
JohnnyKou 发表于 2019/03/31 13:56:38 2019/03/31
【摘要】 本系列介绍一下简单易用的页面设计特效。备好素材,10分钟就是出效果!系列一,全屏静中带动,视觉冲击力强。PC预览效果 http://test.fallout5.cn/designtips1

本系列介绍一下简单易用的页面设计特效。备好素材,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

完成预览! 


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。