图标圆角角度_PS教程:制作精致格子的纹理图标

4d942b9ae903ac86fe369d54e5119f7e.png

有一阵没做图标了,看看大家对图层样式还熟悉吗?

效果图:

fcffd5de8f5b51c9fe2af8023c1ebdba.png

具体操作:

1、新建一个600 X 350像素的画布,颜色填充随意。

eaeecad601625f04939e1edbe251129b.png

2、点击图层上面的小锁,让它变成普通图层。然后双击打来图层样式,添加“颜色叠加、渐变叠加、内发光”。参数如下,效果如图:

b8104cb172a8e012fef1802fbd000034.png

bccfd75d847ca46f11d80ed98b9a7501.png

fa84d7e3bc8bceb5c11f8aa51b3e9ebe.png

a30559a9551d9f6d637a39307466a1ed.png

3、新建一层,用大号“柔光画笔”在画布中心点出白色亮光,ctrl+t将其压扁,调整它的不透明度为10%—30%,这里可以根据自己的感觉来调整。

1dcc889b5b3e92e27722514a7a2bcbae.png

ddbc837b779504e1b912653031514fac.png

4、接下来,我们开始制作图标了。利用“圆角矩形工具”绘制一个圆角矩形,参数设置如下:

d033985d95a2e3767f8847f70a8e3d60.png

5、在圆角矩形图层上面绘制一个比圆角矩形更大的图形,然后我们ctrl+alt+g剪切图层。

c1f8bed4ddd993521dcb008884545e83.png

6、为创建的形状添加“角度渐变”,颜色渐变如下:#f7eee9、#dca5a2、#656388、#8b3a5a、#493864、#cfdadc、#547598、#f7eee9

c2e0af53a2f783dbd6b11a790d01b1f0.png

88e7bea639beee0d04a2c64bdaa6c733.png

7、在当前图层上右键,将其转换成“智能对象”。

6f84ee7b1f2b637a137151f68151e809.png

8、添加马赛克效果。选择“滤镜—像素化—马赛克”,参数如下:

7c8ddb1be4ee3b6574ef672a126cf013.png

9、将执行了马赛克滤镜的图层复制一层,同样转换为“剪切蒙版”。然后“滤镜库—风格化—照亮边缘”。

27121ce756362bc83f6ff27110ae16cf.png

10、将本图层的图层混合模式改为“线性减淡(添加)”,将图层透明度降低为30%。此时每个格子都被细线分割开了。

05881adc538b6dd1b7cb990b0a3c142c.png

52a5941063e81945dc5412e1dad54be5.png

11、将上一步创建的图层复制一层。将图层的混合模式改为“减去”。图层不透明度降低为20%。然后选择“移动工具”,利用键盘上的方向键将其位置向下方与右方分别移动1像素。这样格子间就形成了凹槽的效果。

a9227a0bdb0b17f62633b351f26f8567.png

12、利用“椭圆工具”在图标中心绘制一个圆形。

b6397a82a4f6d61475c7c1b001564aaf.png

13、然后我们为它添加图层样式,“渐变叠加、内阴影、投影”

7b4f2551c493a9bf9c695b3b012af9e0.png

c97912743026779ee73187a3f4fa8272.png

a4d52c30c17e79dc07de2dee7c219b20.png

5f9851c681f3eb70588f8166ec8f7d1d.png

14、我们在刚才的圆形中在绘制一个圆形。

d5d8501a0a4a81d95e97631028a94420.png

15、然后为其添加图层样式,“颜色叠加、内发光、内阴影、描边”

682bfe8c6c5a6b1586221eb2f6025115.png

4015325c9a63ae61c7ac4665435e9082.png

b8b4efbea7f4e08ab176ad2f116a36c7.png

d33a98cf2e0d226504ac69c79c42cfc8.png

824cdbbff6036c350735b791275dd221.png

16、下面我们来添加文字。然后添加图层样式,渐变叠加、内阴影、投影。

6e29663908d8592de520c465837dcf02.png

7690e6724124c5ca03e977a7486d02a4.png

9f2253d8b95645d32a51d7634aeb5f8f.png

e7b25ae6a7889900e31d68e2e5fc4d55.png

17、把之前我们一开始创建的圆角矩形,复制并向上拖动一份,把填充降低为0%,这样我们就可以不受这个图层本身颜色的控制,这样就可以对图层样式进行调整。

1819186b1cfc33105e5f164e0005d558.png

18、给这个图层添加“图层样式”,内发光、内阴影。调整“混合选项”

5d418f50a389027c13efc4d3af38f61c.png

34948b74f36622a0180c81a425c199fa.png

dd8272275c454d4a45f4b51254be9e0e.png

3b5fad648feff5ab5ccee0013e44e0af.png

19、然后为图层添加蒙版,用黑色画笔将细节擦出来。这样我们的效果这做好了。

dee1439bab4395c699506278aa4f3120.png

1506c024be6836eee7040a62ab660ca6.png

92f503c9c05c8bfa89a59c2d07c280c5.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值