UI图标,设计指针色板主题图标实例(2)

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87% 图层样式,添加渐变叠加和内阴影: 渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。 效果如下: 将椭圆图层

UI图标,设计指针色板主题图标实例(4)

本教程教你如何设计一枚色板主题图标,效果主要运用图层样式制作出,步骤比较详细,还有PSD参考文件,看不懂的同学可以下载参考一下。想学的就跟着教程一起练习吧。 源文件下载链接:http://pan.baidu.com/s/1pJDks

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%

UI图标,设计指针色板主题图标实例(2)插图

图层样式,添加渐变叠加和内阴影:

UI图标,设计指针色板主题图标实例(2)插图(1)

UI图标,设计指针色板主题图标实例(2)插图(2)

渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

效果如下:

UI图标,设计指针色板主题图标实例(2)插图(3)

将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。

UI图标,设计指针色板主题图标实例(2)插图(4)
UI图标,设计指针色板主题图标实例(2)插图(5)
UI图标,设计指针色板主题图标实例(2)插图(6)

效果

UI图标,设计指针色板主题图标实例(2)插图(7)

本教程教你如何设计一枚色板主题图标,效果主要运用图层样式制作出,步骤比较详细,还有PSD参考文件,看不懂的同学可以下载参考一下。想学的就跟着教程一起练习吧。 

源文件下载链接:http://pan.baidu.com/s/1pJDksMB 密码:2vlg

效果图:

UI图标,设计指针色板主题图标实例(2)插图(8)

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

UI图标,设计指针色板主题图标实例(2)插图(9)

执行图层样式斜面浮雕,投影和颜色叠加,参数:

UI图标,设计指针色板主题图标实例(2)插图(10)

UI图标,设计指针色板主题图标实例(2)插图(11)

如下,大家也可以自己摸索不同的数值:

UI图标,设计指针色板主题图标实例(2)插图(12)

效果:

UI图标,设计指针色板主题图标实例(2)插图(13)

新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

UI图标,设计指针色板主题图标实例(2)插图(14)

用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:

UI图标,设计指针色板主题图标实例(2)插图(15)

效果如下:

UI图标,设计指针色板主题图标实例(2)插图(16)

将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

UI图标,设计指针色板主题图标实例(2)插图(17)

然后调整图层样式,只调整斜面浮雕,其余的保持原样。

UI图标,设计指针色板主题图标实例(2)插图(18)

图层现在除了背景图层外有五个:

UI图标,设计指针色板主题图标实例(2)插图(19)

现在效果如下

UI图标,设计指针色板主题图标实例(2)插图(20)

将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。

清除图层样式,添加新的图层样式描边和渐变叠加 :

UI图标,设计指针色板主题图标实例(2)插图(21)

UI图标,设计指针色板主题图标实例(2)插图(22)

完成。

UI图标,设计指针色板主题图标实例(2)插图(23)

本教程教你如何设计一枚色板主题图标,效果主要运用图层样式制作出,步骤比较详细,还有PSD参考文件,看不懂的同学可以下载参考一下。想学的就跟着教程一起练习吧。 

源文件下载链接:http://pan.baidu.com/s/1pJDksMB 密码:2vlg

效果图:

UI图标,设计指针色板主题图标实例(2)插图(8)

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

UI图标,设计指针色板主题图标实例(2)插图(9)

执行图层样式斜面浮雕,投影和颜色叠加,参数:

UI图标,设计指针色板主题图标实例(2)插图(10)

UI图标,设计指针色板主题图标实例(2)插图(11)

如下,大家也可以自己摸索不同的数值:

UI图标,设计指针色板主题图标实例(2)插图(12)

效果:

UI图标,设计指针色板主题图标实例(2)插图(13)

新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

UI图标,设计指针色板主题图标实例(2)插图(14)

用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:

UI图标,设计指针色板主题图标实例(2)插图(15)

效果如下:

UI图标,设计指针色板主题图标实例(2)插图(16)

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%

UI图标,设计指针色板主题图标实例(2)插图

图层样式,添加渐变叠加和内阴影:

UI图标,设计指针色板主题图标实例(2)插图(1)

UI图标,设计指针色板主题图标实例(2)插图(2)

渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

效果如下:

UI图标,设计指针色板主题图标实例(2)插图(3)

将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。

UI图标,设计指针色板主题图标实例(2)插图(4)
UI图标,设计指针色板主题图标实例(2)插图(5)
UI图标,设计指针色板主题图标实例(2)插图(6)

效果

UI图标,设计指针色板主题图标实例(2)插图(7)

将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

UI图标,设计指针色板主题图标实例(2)插图(17)

然后调整图层样式,只调整斜面浮雕,其余的保持原样。

UI图标,设计指针色板主题图标实例(2)插图(18)

图层现在除了背景图层外有五个:

UI图标,设计指针色板主题图标实例(2)插图(19)

现在效果如下

UI图标,设计指针色板主题图标实例(2)插图(20)

将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。

清除图层样式,添加新的图层样式描边和渐变叠加 :

UI图标,设计指针色板主题图标实例(2)插图(21)

UI图标,设计指针色板主题图标实例(2)插图(22)

完成。

UI图标,设计指针色板主题图标实例(2)插图(23)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部