当前位置:设计先锋 > 设计教程

UI设计教程 风扇拟物UI图标教程

现在我们根据光线,给扇叶大致推导出扇叶的一个光影效果,用钢笔工具钩出阴影。UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网

UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网

扇叶阴影2主要分为上面四个部分。我们图层命名为扇叶阴影1~4,颜色任意填充。

UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网

效果:

UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网

把所有扇叶部分的图层组成一个群组,并在该群组上面添加一个蒙版,把下方多余部分的投影给盖掉。

UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网

接下来,我们把机身部分的那个大的圆形扇框复制两层,放到最顶层,图层填充0%,用来给扇框加两层内部投影。

UI教程,螺旋桨式风扇主题UI图标教程_设计先锋网


标签:ui图标教程

分享到

网站首页|电脑版|返回顶部