云速建站：10分钟出特效系列（二）

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

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

提前准备好素材

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

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

制作步骤

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

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

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

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

5. 一件生成手机版

6. 调节文字大小和位置

7. 完成

详细步骤，step by step

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

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

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

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

应用渐变背景

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

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

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

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

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

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

调节文字大小和位置

完成

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

转载于:https://my.oschina.net/u/4146444/blog/3060295