在页面中插入六个矩形,呈台阶状分布,

最后一条贯穿整个页面。



插入矩形和三角形,

(这两个形状每次都要用到,可以复制一份放在一旁备用)



直角三角形位置如下,选中矩形和三角形,

“形状格式——剪除”,余下的矩形填充稍浅的颜色,

透视效果就呈现出来啦。



使用同样的方法,在第二个形状上方插入矩形,

先放一个三角形在矩形的外部左侧,

选中三角形和矩形,点击“形状格式——结合”。



再在结合后的形状内部右侧插入三角形,拉伸如图。

选中两个形状,单击“形状格式——相交”。



重复以上的步骤,分别对第三、第四、第五条矩形进行制作。



第四条矩形。

越往后,左侧的三角形拉伸越长。



最后一条矩形,也按照这个步骤制作。




在矩形位置添加好文字,将icon放在矩形上方,添加个阴影。

阴影制作方法:圆形添加黑色,柔化边缘。



以矩形为最小单位添加动画:

矩形是向上擦除动画,

icon使用了下落的动画。



最后效果如下:



怎么样,有没有学会呢~~

如果制作中遇到任何问题,

欢迎给我留言。

今天分享就到这儿啦,下次见~