Noahsyt 发表于 2014-5-8 15:26

打印机UI图标教程

先请看原图:



http://www.uimaker.com/uploads/allimg/100223/09251234c-0.jpg
原图只有128X128 我做成256X256的
最终效果:

http://www.uimaker.com/uploads/allimg/100223/0925122C2-1.jpg








先勾轮廓~(建模!)
可以画圆角矩形等规则几何体进行变形,一定要把各个部位分成各个闭合的路径,我是画在同一个路径层上,选择一个路径时按住ctrl+alt单击该条路径即可



http://www.uimaker.com/uploads/allimg/100223/092512CV-2.jpg


简单填充上各个色块


,注意,不要转换成选区后填充颜色,这是锯齿最大的来源,按路径面板左下脚的前景色填充按钮就不会有锯齿,每个色块一层。






http://www.uimaker.com/uploads/allimg/100223/0925121537-3.jpg



用加深减淡工具处理下



http://www.uimaker.com/uploads/allimg/100223/0925123152-4.jpg



作出描边的效果,这部分很重要,我的做法是,白色描边:选区,缩小一个像素(按alt s m),反选填充白色。黑色描边:复制一个色块,按ctrl+u,把亮度调低,变成灰黑色,移动一两个像素即可



http://www.uimaker.com/uploads/allimg/100223/092512O37-5.jpg





路径勾出高光部分,填充白色,透明度调为20~40,

接下来,把某个色块上的对应高光图层拉到该色块图层上,按住alt,图标变成一个有两个圆的形,状单击两图层间的横线,这样,下面的图层就作为上面图层的蒙板高光就限制在这个色块范围内




http://www.uimaker.com/uploads/allimg/100223/09251261B-6.jpg



http://www.uimaker.com/uploads/allimg/100223/092512L47-7.jpg


路径勾出四条高光线,用画笔描边,(注意选上“模拟压力”)这样两边比较尖,图层混合模式改为 线性减淡,做出强光效果。复制几层,用高斯模糊,作出发光效果





http://www.uimaker.com/uploads/allimg/100223/0925123029-8.jpg

页: [1]
查看完整版本: 打印机UI图标教程