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

 2023-08-18  阅读 613  评论 0

摘要:相机图标的镜片部分稍微复杂一点,不过作者非常厉害,全部用图层样式来完成,制作的时候只需画好一个底图,然后添加图层样式即可。最终效果一、新建大小自定的文件,背景填充黑色。选择圆角矩形工具在画布上画一个200 * 200像素,圆半径为40PX的圆角矩形。二、双击图层面板缩略图调出图层样式,先设置渐变叠加

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

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】(长按复制添加)======

,

版权声明:xxxxxxxxx;

原文链接:http://cn.tdroid.net/ce128Cz0CBQAA.html

发表评论:

管理员

  • 内容266290
  • 积分0
  • 金币0
关于我们
lecms主程序为免费提供使用,使用者不得将本系统应用于任何形式的非法用途,由此产生的一切法律风险,需由使用者自行承担,与本站和开发者无关。一旦使用lecms,表示您即承认您已阅读、理解并同意受此条款的约束,并遵守所有相应法律和法规。
联系方式
电话:
地址:广东省中山市
Email:
注册登录
注册帐号
登录帐号

Copyright © 2022 太卓开发网 Inc. 保留所有权利。 泰达科技网易库网

页面耗时0.1124秒, 内存占用1.33 MB, 访问数据库18次