您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

UI设计_ps设计一个iCloud图标

时间:01-15来源:作者:点击数:

效果图:

ps设计一个iCloud图标

1、新建画布1000*1000,添加纯属渐变。

ps设计一个iCloud图标(1)

2、用圆角矩形工具新建一层,命名为底板,并添加图层样式。

ps设计一个iCloud图标(2)
ps设计一个iCloud图标(3)
ps设计一个iCloud图标(4)
ps设计一个iCloud图标(5)
ps设计一个iCloud图标(6)
ps设计一个iCloud图标(7)

接下来再细化一下底板,添加高光和底部反光,两个圆角矩形相减就能得到开关,然后羽化一两个像素。

ps设计一个iCloud图标(8)
ps设计一个iCloud图标(9)

记得CTRL+G编个组,命名为底板。叠加了一层高光,做法就是形状直接羽化然后创建剪切蒙版。

3、搞定底板后,开始来做云,形状工具画四个正圆加一个矩形,大小自己把握,不过要注意的是要保持在同一个图层。命名为云层底,保持图层整洁。

ps设计一个iCloud图标(10)
ps设计一个iCloud图标(11)

接下来云层中部,把底层的每个圆缩小二十像素,尝试过直接自由变换缩小,每个圆衔接的地方对不上,中层就不用加图层样式了,填充颜色为e9e9e9就行了。

ps设计一个iCloud图标(12)

顶层的方法也是一样,中层基础上再缩小10像素即可,添加内阴影和投影。

ps设计一个iCloud图标(13)
ps设计一个iCloud图标(14)
ps设计一个iCloud图标(15)

最后一步就是给云层底部加个反光,也是布尔运算减去顶层再羽化。

ps设计一个iCloud图标(16)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门