ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-33.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-34.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


5、得到完整相机轮廓，有没有感觉很完整！！

http://pic.16xx8.com/allimg/141203/jc994856-35.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


6、选择椭圆工具，再选择减法
http://pic.16xx8.com/allimg/141203/jc994856-36.jpg
，按住SHIFT+左键拖圆，大家注意，这些步骤是在一个图层完成的
http://pic.16xx8.com/allimg/141203/jc994856-37.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-38.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧

      

http://pic.16xx8.com/allimg/141203/jc994856-39.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


大家在排版、布局、测距离的时候，普遍会用标尺工具和参考线。其实呢，我一般会用
http://pic.16xx8.com/allimg/141203/jc994856-40.jpg
来测或者平均距离。在ps cs6中，可以随意调整矩形工具大小，具体看如下：

http://pic.16xx8.com/allimg/141203/jc994856-41.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


我们要的距离是32px，我们只需要按住ALT+左键拖动，就能精确的排列着四个图标的间距

http://pic.16xx8.com/allimg/141203/jc994856-42.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


先中矩形工具
http://pic.16xx8.com/allimg/141203/jc994856-43.jpg
我们还可以随意调整矩形的长宽，他就相当于一把随意的尺子。

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-44.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-45.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧


我们来看下面图标（按住CTRL和路径选择工具切换使用）

http://pic.16xx8.com/allimg/141203/jc994856-46.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-47.jpg

ss41499108 发表于 2014-12-4 02:08:14

UI设计细节及技巧



http://pic.16xx8.com/allimg/141203/jc994856-48.jpg


写的有点多了，相信大家也累了，用了ps这几年，从不会到熟练，中间也付出了很多，从最开始的了解各个工具到后来能做出自己想要的效果，都离不开辛勤的练习，学习。平时我除了用ps外，手还要练着PRO-E软件，没办法，自己是工业设计专业出生，总是忘不了自己还会做三维，捏在手里总不会坏。

写这篇文章，只是想把我这几年学到的技巧加自己亲身遇到的问题+摸索解决告诉大家，有好的就要分享相信里面的问题大家也遇到过，也有些细节大家在阅读这篇文章前已经掌握，希望大家推荐给更多人学习这些细节。
页: 1 2 [3]
查看完整版本: UI设计细节及技巧