作为一个零基础小白,看得多哪些基础功能的介绍和作用,总觉得有点无聊,坚持不下去,于是乎也就喜欢设计一些小案例来学习软件的功能和设计思维,当然也可以提高自己的成就感从而提高学习的兴趣。好,那么我们来分析一下,今天的这个小案例吧。
一个相机的图标我们主要分为五个部分:背景、底座、分红条、大镜头、小镜头,其他问题都不大,重点和难点在于镜头部分、需要用到多个图层及图层样式,来表现图标的立体感
1.首先新建画布800*600画布,命名为相机,填充背景颜色#c5c3c6,背景色可以根据自己喜欢的颜色搭配,主要是和自己设计的相机色调协调就OK
2.使用圆角矩形、绘制一个280*280,圆角半径为50px的图层,并为它添加图层样式。


3、接下来我们新建85*280的矩形,命名为粉红条、添加图层样式。


4.底座和粉红条我们已经设计好了,我们接下来是设计相机镜头部分,使用用椭圆工具、绘制一个170*170的大圆,并为它添加图层样式。




5.继续使用椭圆工具、绘制一个150*150的圆,并为它添加图层样式。


6.继续使用椭圆工具、绘制一个135*135的圆,并为它添加图层样式。



7、我们继续使用椭圆工具、绘制一个115*115的圆,并为它添加图层样式。





8.继续使用椭圆工具、绘制一个70*70的圆,并为它添加图层样式。


9.继续使用椭圆工具、绘制一个65*65的圆,并为它添加图层样式。



10.现在我们来绘制最后一个圆,继续使用椭圆工具、绘制一个28*28的圆,并为它添加图层样式。


11.使用椭圆工具、绘制二个白色的圆,调节变换大小。

12.现在使用形状工具布尔运算为镜头添加高光吧、绘制两个正圆相交命令下留取高光形状,颜色为白色。然后为高光添加图层蒙版擦除不需要的位置,可以调整下高光的透明度。

13.现在整个相机已经完成差不多了,是不是感觉So Easy呢? 哦,好像还漏了点什么,原来是相机的右上角小镜头没有完成。这个就简单了,把刚才设计好相机的大镜头所有的图层选中,然后按住alt+鼠标左键不放,复制一份出来,最后调整好位置以及大小就大功告成了!
嗯,相机还没有品牌名,这个就留给大家可以加上自己的签名或者标识号什么的,这样会显得更加高大上一些哦!
OK,以上的小案例教程大家学会了吗?如觉得不错,那就给点个赞吧~
如果有小伙伴想从零基础学起的,欢迎关注下方微信公众号,或者联系我QQ:1759791577,备注回复:2018UI
我们下期再见!

网友评论