快速业务通道

Photoshop图层样式和路径绘制UI小图标

作者 佚名技术 来源 平面设计 浏览 发布时间 2012-06-06
因为对于描边等一般都精确到象素的效果来说在各个分辨率下保持一致有助于控制统一性,所以我们需要手工调整一下效果,比如缩小光泽和内发光等的尺寸。调整之后得到的图象有些图层会产生错位,稍微调整一下位置即可得到比较理想的效果。



接下来就是一般最令人头痛的16x16图标。很多时候在这样的分辨率下即使只是1px的边缘模糊成2个象素也足以使图标的整体效果变样。所以我觉得这样的小图标主要是修改其边缘。用路径和图层样式的好处在这里十分明显。先把32x32大小的文件调整成16x16:




我首先去掉了dvd标志的图层,因为在这种尺寸下,肯定怎么都看不清了。由于路径描点精确到亚象素(暂时这么叫吧,呵呵),所以经过缩放之后常常看到路径的边缘不在整数的象素坐标上,这样的结果就让本来大小为1象素的效果如描边等被需化了。经过简单的调整把描点重新移动到画面中象素的边缘即可保证图标的清晰。将所有移位的描点都处理过之后16象素的图标也完成了,当然,虽然16象素与32等图标大小只差一倍,但因为包含象素少,所以很多部位必须进行取舍以在保证图标元素不丢失的同时仍然突出细节。比如在这里,因为驱动器前面板只剩3象素高,所以光盘插入孔也没必要继续存在,只需在光盘和面板接触的面板之间淡淡的加上一个深色的图层略微做一下区分。另外,16象素下的路径往往在经过我们的调整后变化较大,常会改变原来的透视,所以需要我们不断调试取得比较好的效果保证不失真。



以上只是个人在以往积累的一丁点经验,所谓闭门造车,难免有很多不足,只希望能抛砖引玉,大家一起交流心得,共同提高:D

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号