云速建站:10分钟出特效系列(二)

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

系列二,新品发布,制造震撼出场的效果。PC预览效果 http://test.fallout5.cn/designtips2  (PC和手机端均已实现)

IMB_w2jKmo.GIF

image.png

提前准备好素材

  1. 一张宣传主题和云特效的png图,背景需要透明。这里以手机为例(自家的不侵权)

  2. 一段特性描述或文案,用于添加链接。

制作步骤

  1. 创建一个空白页面,不使用底板或页脚,设置背景颜色

  2. 放入图片主题,设置动画效果从上到下

  3. 放入图片主题,设置动画效果从小到大

  4. 加入文字描述,设置动画效果从下到上,并且延时时长为上一段动画播放结束,设置超链接

  5. 一件生成手机版

  6. 调节文字大小和位置

  7. 完成

详细步骤,step by step

创建一个空白页面,不使用底板或页脚,设置背景颜色

image.png

背景颜色-填充类型改为渐变色

image.png

在增加一个渐变色值,青-紫-灰

image.png

修改背景填充方式,圆形,从左开始,从下开始

image.png

应用渐变背景

image.png

放入图片主题,设置动画效果从上到下

image.png

image.png

image.png

放入图片主题,设置动画效果从小到大

image.png

image.png

image.png

加入文字描述,设置动画效果从下到上,并且延时时长为上一段动画播放结束,设置超链接

image.png

image.png

image.png

添加其他图片,使用同样的动画设置,PC版即完成,接下来生成手机版

image.png

在页面管理一件生成手机版

image.png

生成后格式和图片的大小还需要优化

image.png

调节文字大小和位置

image.png

完成

image.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值