PS教程!教你快速打造炫酷的六边形玻璃图标

2016-01-29 10:49 52 1 收藏

PS教程!教你快速打造炫酷的六边形玻璃图标,今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt同学细致的过程讲述,非常适合练手 一、图形分解 首先我们将整个图标分解开来,共有四部 ...

【 tulaoshi.com - 摄影 】

20150309_1605

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/sheying/)一、图形分解

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

20150309_1606

二、制作底层

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

20150309_1607

20150309_1608

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/sheying/)

20150309_1609

20150309_1610

20150309_1611

20150309_1612

三、制作凹陷层

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

20150309_1613

20150309_1614

20150309_1615

20150309_1616

20150309_1617

四、制作纹理图层

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

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

20150309_1618

五、制作图形符号

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

20150309_1619

六、制作高光图层

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

20150309_1620

来源:http://www.tulaoshi.com/n/20160129/1481264.html

延伸阅读
标签: 布艺diy 布艺
找到可以用圆规和直尺画多边形的方法,做祖母六边形和足球时可以用到。 1、正六边形的画法 绘制正六边形,一般利用正六边形的边长外接圆半径的原理,绘制步骤如图1-14所示。 2、正五边形的画法 1.已知正五边形的边长AB,绘制正五边形的方法如图1-15所示。 (1)分别以A、B为圆心,AB为半径画弧...
标签: Illustrator
本例介绍运用AI处理六边形无缝拼贴图案色板的技巧,教程讲解了六边形无缝拼贴图案的处理方法,以及定义图案色板的方法,通过本AI我们将学习到将常用图案定义成图案色板的技巧,希望能给朋友们带来帮助~~ 效果如图: 顶点处放大 填充效果图 首先绘制正六边形 分别填入外切半径,边数。 旋转90度并大致对齐...
标签: 拼布
MODA的各类型布组一直受到广大拼布爱好者的喜欢,现在又推出了六边形的,还贴心的出了机缝祖母花园拼布六边形的教程。 中文译文: 1.用六边形包装里的纸板做为模板,在布料反面如图标记6个点,分别距边1/4英寸; 2.按照想要的图案排列六边形,先按垂直方向将六边形缝在一起。将针距调到2.0(13针距/...
基础形状用得好,创意灵感少不了。之前腾讯设计师晋小彦用简单的圆、方、三角举过实例,借助形状本身的特性,加以创造性运用,出稿快效果好。今天来一组比较少见的六边形元素网站设计,相对于传统形式,六边形稳重而不失活力,同学们可以借鉴到自己的设计中来。 Webey Anet Design Apicula Multiview Neriss...
标签: PS
PS教你快速打造无限循环酷炫图片   从前有座山,山上有座庙,庙里有个这类可以无限循环的东西在视觉里叫德罗斯特效应,非常有意思的效果,而且简单易学,今天折葵同学这篇教程不仅有给新手的超简单3步搞定法,而且有效果更酷炫的代码进阶版,大家挑自己喜欢的学。 这个就是德罗斯特效应的效果: 图01 要制...

经验教程

87

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部