将常用的标签目录页“改装”一下,简洁干净还不俗气。

??
??标签式目录页是我们平时最常使用的一款目录页 ,
它也有很多不同的形态和变化 ,
因为形状简洁 , 通常情况下它会带一些动画效果 。
今天这款标签页面 , 形状也十分简洁 ,
在多色标签的基础上加了一层“收纳” 。
添加动画效果之后 , 整个页面看上去简洁清新 , 不俗气 。
在页面中插入一个单边圆角的矩形和一个圆形 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将圆形的一半重叠到圆角矩形的直角边上 , 复制这两个图形 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
选中圆角矩形和圆形 , 在形状格式中选择“剪除” 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将复制的形状重叠到刚才的形状上面 , 手动调整一下大小 , 缩小一些 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
同样地 , 将上面的圆形和圆角矩形选中 , 在形状格式中“剪除” 。
剪除后的两个形状 , 重叠在一起 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
【将常用的标签目录页“改装”一下,简洁干净还不俗气。】下面来制作标签纸 。
插入两个同样大小的单边圆角矩形 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
插入矩形 , 与其中一个单边圆角矩形进行剪除操作 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将剪除之后的圆角形状 , 填充其它颜色 ,
覆盖到上方的填充了白色的圆角矩形上(组合在一起) 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将做好的标签置于底层 , 放在上方的抽屉下方 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
填充好颜色 , 插入文字和序号 。
调整好标签的位置 , 收起的时候能够露出序号 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
给标签添加路径动画 , 手动调整右侧的终点位置 ,
在动画设置中选择弹跳结束 。
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
将常用的标签目录页“改装”一下,简洁干净还不俗气。
文章图片

文章图片
怎么样 , 有没有学会呢~~
如果制作中遇到任何问题 ,
欢迎给我留言 。