图标设计,ps设计六边形图标实例(3)

今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 一、图形分解 首先我们将整个图标分解开来,共有四部分组成,然

Photoshop教程:制作做乳白色导航效果

开始之前,这里强调下,教程是死的,人是活的,不一定要追求教程的效果,可以根据自己的喜欢作出自己的理想效果。 先看效果: 教程开始: 1:新建一个600*420,名字为清洁的白色导航。 2:设置前景色为#2e2e2e背景色为#1c1c1c,拉一个径向渐变,如图 3:新建一层并命名为

图标设计,ps设计六边形图标实例(3)插图

今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 

一、图形分解

首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

图标设计,ps设计六边形图标实例(3)插图(1)
二、制作底层

首先在画布上绘制一个圆角六边形,这个形状我是在AI中制作的,然后直接拖入到PS即可,图层样式已给出,仅供参考。注意:形状大小不同,对应的参数也会有所改动。

图标设计,ps设计六边形图标实例(3)插图(2)

图标设计,ps设计六边形图标实例(3)插图(3)

图标设计,ps设计六边形图标实例(3)插图(4)

图标设计,ps设计六边形图标实例(3)插图(5)

图标设计,ps设计六边形图标实例(3)插图(6)

图标设计,ps设计六边形图标实例(3)插图(7)
三、制作凹陷层

将之前那个圆角六边形复制一层然后缩小,放在“底层”的上方。

图标设计,ps设计六边形图标实例(3)插图(8)

图标设计,ps设计六边形图标实例(3)插图(9)

图标设计,ps设计六边形图标实例(3)插图(10)

图标设计,ps设计六边形图标实例(3)插图(11)

图标设计,ps设计六边形图标实例(3)插图(12)
四、制作纹理图层

新建一个3*3的画布,然后将画布放到最大,使用矩形工具绘制三个正方形,成倾斜45角排放,隐藏背景层。

然后再执行 编辑-定义图案 ,按住Ctrl+凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度“34%”

图标设计,ps设计六边形图标实例(3)插图(13)
五、制作图形符号

大家可以把自己设计的符号放到这个图标中去,然后再添加一些图层样式即可,这步相对简单所以在此不做演示。

图标设计,ps设计六边形图标实例(3)插图(14)
六、制作高光图层

大的光面是用选区填充的白色然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可

图标设计,ps设计六边形图标实例(3)插图(15)

三、制作凹陷层

将之前那个圆角六边形复制一层然后缩小,放在“底层”的上方。

图标设计,ps设计六边形图标实例(3)插图(8)

图标设计,ps设计六边形图标实例(3)插图(9)

图标设计,ps设计六边形图标实例(3)插图(10)

图标设计,ps设计六边形图标实例(3)插图(11)

图标设计,ps设计六边形图标实例(3)插图(12)
四、制作纹理图层

新建一个3*3的画布,然后将画布放到最大,使用矩形工具绘制三个正方形,成倾斜45角排放,隐藏背景层。

然后再执行 编辑-定义图案 ,按住Ctrl+凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度“34%”

图标设计,ps设计六边形图标实例(3)插图(13)
五、制作图形符号

大家可以把自己设计的符号放到这个图标中去,然后再添加一些图层样式即可,这步相对简单所以在此不做演示。

图标设计,ps设计六边形图标实例(3)插图(14)
六、制作高光图层

大的光面是用选区填充的白色然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可

图标设计,ps设计六边形图标实例(3)插图(15)

图标设计,ps设计六边形图标实例(3)插图

今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 

一、图形分解

首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

图标设计,ps设计六边形图标实例(3)插图(1)
二、制作底层

首先在画布上绘制一个圆角六边形,这个形状我是在AI中制作的,然后直接拖入到PS即可,图层样式已给出,仅供参考。注意:形状大小不同,对应的参数也会有所改动。

图标设计,ps设计六边形图标实例(3)插图(2)

图标设计,ps设计六边形图标实例(3)插图(3)

图标设计,ps设计六边形图标实例(3)插图(4)

图标设计,ps设计六边形图标实例(3)插图(5)

图标设计,ps设计六边形图标实例(3)插图(6)

图标设计,ps设计六边形图标实例(3)插图(7)

图标设计,ps设计六边形图标实例(3)插图

今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 

一、图形分解

首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

图标设计,ps设计六边形图标实例(3)插图(1)
二、制作底层

首先在画布上绘制一个圆角六边形,这个形状我是在AI中制作的,然后直接拖入到PS即可,图层样式已给出,仅供参考。注意:形状大小不同,对应的参数也会有所改动。

图标设计,ps设计六边形图标实例(3)插图(2)

图标设计,ps设计六边形图标实例(3)插图(3)

图标设计,ps设计六边形图标实例(3)插图(4)

图标设计,ps设计六边形图标实例(3)插图(5)

图标设计,ps设计六边形图标实例(3)插图(6)

图标设计,ps设计六边形图标实例(3)插图(7)
三、制作凹陷层

将之前那个圆角六边形复制一层然后缩小,放在“底层”的上方。

图标设计,ps设计六边形图标实例(3)插图(8)

图标设计,ps设计六边形图标实例(3)插图(9)

图标设计,ps设计六边形图标实例(3)插图(10)

图标设计,ps设计六边形图标实例(3)插图(11)

图标设计,ps设计六边形图标实例(3)插图(12)
四、制作纹理图层

新建一个3*3的画布,然后将画布放到最大,使用矩形工具绘制三个正方形,成倾斜45角排放,隐藏背景层。

然后再执行 编辑-定义图案 ,按住Ctrl+凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度“34%”

图标设计,ps设计六边形图标实例(3)插图(13)
五、制作图形符号

大家可以把自己设计的符号放到这个图标中去,然后再添加一些图层样式即可,这步相对简单所以在此不做演示。

图标设计,ps设计六边形图标实例(3)插图(14)
六、制作高光图层

大的光面是用选区填充的白色然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可

图标设计,ps设计六边形图标实例(3)插图(15)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部