ps写实ui图标教程(PS实例教程UI制作精致相机图标)

相机图标的镜片部分稍微复杂一点,不过作者非常厉害,全部用图层样式来完成,制作的时候只需画好一个底图,然后添加图层样式即可。最终效果

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(1)

一、新建大小自定的文件,背景填充黑色。选择圆角矩形工具在画布上画一个200 * 200像素,圆半径为40PX的圆角矩形。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(2)

二、双击图层面板缩略图调出图层样式,先设置渐变叠加,如下图。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(3)

三、前面说过,内发光的思路是靠她来遮住镜头以外的渐变,并以此增加一圈径向的渐变色,这里参数很重要,并且尺寸不同,效果也会不一样,这也解释了为什么第1步时我需要指定大小哈。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(4)

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(5)

四、最关键的一步来了,我们现在要画出镜头的轮廓及。用什么画?当然是斜面浮雕呀,斜面浮雕真是个好东西,她只要两个等高线就能做出复杂的结构样式,想要学好UI的同学们最好花精力研究下哦,后面我有相关的详细讲解。这里若自己调整参数可能需要回过头继续调整一下内发光,因为两者的尺寸是呼应的。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(6)

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(7)

五、设置等高线。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(8)

六、其实完成上面一步,这相机就已经成型了,所以下面的参数并没那么重要,同学们完全可以按照自己的理解和喜好来完成最后的润饰。为了照顾新手和教程的完整性,我还是贴出了参数。

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(9)

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(10)

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(11)

最终效果:

ps写实ui图标教程(PS实例教程UI制作精致相机图标)(12)

======【更多精彩内容关注XS011033】(长按复制添加)======

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页