专业技能 > Photoshop
+

相机图标UI设计

2014/7/10    作者:未知    来源:网络文摘    阅读:626

    图标看上去有点复杂,不过作者在绘制的时候把每一层都分解出来了。我们只需要按照作者的图示,并控制好各部分的比例,就可以很快做出来。

最终效果

相机图标UI设计

1、新建400 * 300像素的文件,使用矢量工具拉出一个如下图的圆角方形,并且加上渐变效果。

相机图标UI设计

2、给图标底座增加厚度和光源,我使用了2种图层样式。

相机图标UI设计

相机图标UI设计

3、使用矢量工具拉出一个如下图的圆形,加上渐变效果,与上图合起来。

相机图标UI设计

4、绘制金属底座部分(分为7个部件:投影a、底座b、明暗交界线cd、高光e、凹面fg)。

相机图标UI设计

相机图标UI设计

相机图标UI设计

相机图标UI设计

相机图标UI设计

5、a-g按住由下往上的顺序排列得到下图,并与底座合并。

相机图标UI设计

6、最后是镜头,看似很复杂,但也是由图层堆砌的,只要细心耐心就好了

相机图标UI设计

相机图标UI设计

 相机图标UI设计

相机图标UI设计

相机图标UI设计

相机图标UI设计

相机图标UI设计

7、a-f按照由下往上的顺序排列得到下图,并与底座合并。

相机图标UI设计

最终效果:

相机图标UI设计

  • 相关文章
  • 热门文章
免责申明:天天CAD教程网旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:qm198794@gmail.com天天CAD教程网湘ICP备17006802号
【回到顶部】