1、在AI中，使用方块、椭圆、直线工具绘制以上图形，居中对齐，用选择工具全选图形。

2、用图形生成工具，在需要合并的图形上拉一遍，生成电话基础形。

3、使用白色小箭头，全选所有的点，拉动圆角手柄，制作出圆角。

4、旋转45度，把填充和描边选项颠倒一下。

5、复制粘贴，形状路径到PS里，再创建阴影区域的形状图层。

6、设置渐变叠加角度如上。

7、设置渐变的色条如上。

8、点混合选项，设置填充不透明度为0。

9、选中所有图层，CTRL+G编组，后用选择工具，按着CTRL键点击红色框，图层显示缩略图位置，载入圆的选区。

10、载入选区后，选中文件夹图层，点击图层面板底部的蒙版，添加蒙版。完成！

更多教程，请关注UEgood课堂，雪姐姐的UI设计课程！

全日基础必修，双休提高竞争力必备的精品UI小班！

价格只有大机构的一半，但是顶级设施，全MAC电脑，解决食宿，

小班一对一指导，资深8~10年以上UI讲师带班！

大家有需要集中式学习UI需求的，

可以加微信1003003457，QQ：1106669996，或者直接来我们这边玩！

只要是设计小伙伴来玩，我们都欢迎的~··