写实公文包图标UI教程(3)

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:triseven

关键词

           

       步骤十八:            

   

       复制“lower plate” 这个图层,将它移动到所有图层之上,命名为“upper plate”。然后把下图选区内的区域去掉(如果你的图层是形状,你可以用“从形状区域减去”隐藏想要去掉的区域,且可以自由调整),打开图层样式面板,将渐变叠加里的反向取消选择。降低投影的不透明度为30%和描边的不透明度为50%。   复 制 “lower plate”图层, 将图层命名为“lock”,适当缩小图层,同时降低描边的不透明度为50%。效果如图所示:                    

           

       步骤十九:            

   

       公文包的锁通过一个短皮革链接在盖子上。 用椭圆工具在“upper plate” 图层下面画一个椭圆, 命名为“strap”,先复制粘贴“main”图层的图层样式,再进行适当修改,具体设置如图所示:                    

           

       步骤二十:            

   

       给皮革“strap”添加缝合线,方法与之前制作缝合线一样,不过这次不需要旋转针线,图层样式可以复制前面缝合线的样式,具体设置可以自行把握。现在一个完整的锁制作完毕,将整个锁平移到左边口袋中心,再复制一个锁,移动到右边口袋中心(注意:图层顺序要与第一个锁一样),现在两个锁完成,为了方便管理,你可以将每个锁的所有图层链接起来。                    

           

       步骤二十一:            

   

       最后我们来制作公文包的提手。用矩形工具绘制两个小金属扣,给图层添加黄色渐变叠加样式。再用矩形工具给金属扣绘制一个固定它的皮革。画好之后复制一个放到另外一个金属扣下面。效果如下:                    

           

       步骤二十二:            

   

       用圆角矩形绘制提手,半径为5px,置于金属扣图层下面。然后ctrl+T自由变换,右键点击,图层选择变形,选择扇形 ,弧度20把形状调成一个弧度状。                    

             

       步骤二十三:            

   

       给提手添加一个光泽效果,一个内阴影效果,具体设置如下:                    

           

       制作完成!你可以给它添加投影或者背景等效果。            

           

       本文译自网络:原文地址 。@triseven21            

           

       第一次翻译教程,文章有点长,不知道自己的描述够不够清楚,自己也跟着做了一遍,学到了一些技巧,大神们肯定觉得这些都是小意思啦,就给自己和需要的童鞋共同参考学习学习吧,里面肯定有很多不足之处,还请多多指教咯!  

 

12
 收藏