云速建站_【云速建站】10分钟出特效系列（二）

【小宅按】 本系列介绍一下简单易用的页面设计特效。备好素材，10分钟就是出效果！ 系列二，新品发布，制造震撼出场的效果。PC预览效果 http://test.fallout5.cn/designtips2 （PC和手机端均已实现）

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

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

提前准备好素材

1. 一张宣传主题和云特效的png图，背景需要透明。这里以手机为例（自家的不侵权）
2. 一段特性描述或文案，用于添加链接。

制作步骤

1. 创建一个空白页面，不使用底板或页脚，设置背景颜色
2. 放入图片主题，设置动画效果从上到下
3. 放入图片主题，设置动画效果从小到大
4. 加入文字描述，设置动画效果从下到上，并且延时时长为上一段动画播放结束，设置超链接
5. 一件生成手机版
6. 调节文字大小和位置
7. 完成

详细步骤，step by step

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

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

再增加一个渐变色值，青-紫-灰

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

应用渐变背景

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

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

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

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

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

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

调节文字大小和位置

完成

更多精彩内容，请滑至顶部点击右上角关注小宅哦~

---

来源：华为云社区原创 作者：JohnnyKou