图标制作,用PS制作个性的的网页图标(2)

4、新建图层,使用椭圆选框工具绘制一个圆形选区,填充深绿色#006837,执行选择,变换命令,在选区周围显示定界框,按住Shift+Alt键拖拽定界框的一角,将选区成比例缩小,按下回车键确认操作,按下Delete删除选区内

图标制作,用PS制作个性的的网页图标(4)

本篇教程主要教同学们制作好看的网页图标,也可以通过教程来制作类似的手机图标,主要我们通过图层样式给图形添加一些效果,比如说阴影、发光等效果。图标的制作大体都是在图层样式中来完成的,本篇教程用到的图层

4、新建图层,使用椭圆选框工具绘制一个圆形选区,填充深绿色#006837,执行选择,变换命令,在选区周围显示定界框,按住Shift+Alt键拖拽定界框的一角,将选区成比例缩小,按下回车键确认操作,按下Delete删除选区内的图像,形成一个环形,再按下Ctrl+D取消选择:

图标制作,用PS制作个性的的网页图标(2)插图

5、双击图层2,打开图层样式对话框,添加内发光和投影效果:

图标制作,用PS制作个性的的网页图标(2)插图(1)

图标制作,用PS制作个性的的网页图标(2)插图(2)

图标制作,用PS制作个性的的网页图标(2)插图(3)

6、选择椭圆形状工具,在属性栏中选择路径选项,按住Shift键创建一个比圆环稍小点的圆形路径,新建图层,选择画笔工具,在画笔下拉菜单中选择方头画笔,设置画笔的大小、圆度和间距,设置形状动态大小抖动为70%,控制方向:

图标制作,用PS制作个性的的网页图标(2)插图(4)

7、将前景色设置为浅黄色#cce198,单击路径面板底部的“用画笔描边路径”按钮,形成一个虚线效果,在路径面板空白处单击,隐藏路径:

图标制作,用PS制作个性的的网页图标(2)插图(5)

8、双击图层3,添加斜面浮雕和投影效果:

图标制作,用PS制作个性的的网页图标(2)插图(6)

图标制作,用PS制作个性的的网页图标(2)插图(7)

图标制作,用PS制作个性的的网页图标(2)插图(8)

9、打开图标素材:

本篇教程主要教同学们制作好看的网页图标,也可以通过教程来制作类似的手机图标,主要我们通过图层样式给图形添加一些效果,比如说阴影、发光等效果。图标的制作大体都是在图层样式中来完成的,本篇教程用到的图层样式是需要掌握的工具,同学们可以多了解一下其中的设置,这对我们在制作文字或者说是一些需要添加效果的时候有很关键的作用,一起来学习一下吧。

效果图:

图标制作,用PS制作个性的的网页图标(2)插图(9)

操作步骤:

1、首先我们打开背景素材,将前景色设置为浅绿色#b1de20,背景色设置为深绿色#2a8a14,使用用椭圆选框工具,按住Shift键创建一个圆形选区,然后新建图层,选择渐变工具,填充渐变:

图标制作,用PS制作个性的的网页图标(2)插图(10)

图标制作,用PS制作个性的的网页图标(2)插图(11)

2、双击图层,打开图层样式对话框,在左侧列表添加投影和外发光选项这两种效果:

图标制作,用PS制作个性的的网页图标(2)插图(12)

3、选择内发光、斜面和浮雕、纹理效果,在对话框中设置参数,制作带有纹理的立体效果:

图标制作,用PS制作个性的的网页图标(2)插图(13)

图标制作,用PS制作个性的的网页图标(2)插图(14)

图标制作,用PS制作个性的的网页图标(2)插图(15)

图标制作,用PS制作个性的的网页图标(2)插图(16)

图标制作,用PS制作个性的的网页图标(2)插图(17)

10、按下快捷键http:///photoshop/jiaocheng/110097.htmlCtrl+Shift+[将它置为底层,再依次把图标拖入文档中:

图标制作,用PS制作个性的的网页图标(2)插图(18)

11、选择自定义形状工具,在形状下拉面板菜单中选择Web,加载网页形状库,新建图层,绘制图形:

图标制作,用PS制作个性的的网页图标(2)插图(19)

12、双击图层8,添加描边、内阴影和外发光效果:

图标制作,用PS制作个性的的网页图标(2)插图(20)

图标制作,用PS制作个性的的网页图标(2)插图(21)

图标制作,用PS制作个性的的网页图标(2)插图(22)

13、用相同的参数方法,变换一下填充的颜色,可以制作出更多的图标效果:

图标制作,用PS制作个性的的网页图标(2)插图(23)

完成:

图标制作,用PS制作个性的的网页图标(2)插图(9)

本篇教程主要教同学们制作好看的网页图标,也可以通过教程来制作类似的手机图标,主要我们通过图层样式给图形添加一些效果,比如说阴影、发光等效果。图标的制作大体都是在图层样式中来完成的,本篇教程用到的图层样式是需要掌握的工具,同学们可以多了解一下其中的设置,这对我们在制作文字或者说是一些需要添加效果的时候有很关键的作用,一起来学习一下吧。

效果图:

图标制作,用PS制作个性的的网页图标(2)插图(9)

操作步骤:

1、首先我们打开背景素材,将前景色设置为浅绿色#b1de20,背景色设置为深绿色#2a8a14,使用用椭圆选框工具,按住Shift键创建一个圆形选区,然后新建图层,选择渐变工具,填充渐变:

图标制作,用PS制作个性的的网页图标(2)插图(10)

图标制作,用PS制作个性的的网页图标(2)插图(11)

2、双击图层,打开图层样式对话框,在左侧列表添加投影和外发光选项这两种效果:

图标制作,用PS制作个性的的网页图标(2)插图(12)

3、选择内发光、斜面和浮雕、纹理效果,在对话框中设置参数,制作带有纹理的立体效果:

图标制作,用PS制作个性的的网页图标(2)插图(13)

图标制作,用PS制作个性的的网页图标(2)插图(14)

图标制作,用PS制作个性的的网页图标(2)插图(15)

图标制作,用PS制作个性的的网页图标(2)插图(16)

4、新建图层,使用椭圆选框工具绘制一个圆形选区,填充深绿色#006837,执行选择,变换命令,在选区周围显示定界框,按住Shift+Alt键拖拽定界框的一角,将选区成比例缩小,按下回车键确认操作,按下Delete删除选区内的图像,形成一个环形,再按下Ctrl+D取消选择:

图标制作,用PS制作个性的的网页图标(2)插图

5、双击图层2,打开图层样式对话框,添加内发光和投影效果:

图标制作,用PS制作个性的的网页图标(2)插图(1)

图标制作,用PS制作个性的的网页图标(2)插图(2)

图标制作,用PS制作个性的的网页图标(2)插图(3)

6、选择椭圆形状工具,在属性栏中选择路径选项,按住Shift键创建一个比圆环稍小点的圆形路径,新建图层,选择画笔工具,在画笔下拉菜单中选择方头画笔,设置画笔的大小、圆度和间距,设置形状动态大小抖动为70%,控制方向:

图标制作,用PS制作个性的的网页图标(2)插图(4)

7、将前景色设置为浅黄色#cce198,单击路径面板底部的“用画笔描边路径”按钮,形成一个虚线效果,在路径面板空白处单击,隐藏路径:

图标制作,用PS制作个性的的网页图标(2)插图(5)

8、双击图层3,添加斜面浮雕和投影效果:

图标制作,用PS制作个性的的网页图标(2)插图(6)

图标制作,用PS制作个性的的网页图标(2)插图(7)

图标制作,用PS制作个性的的网页图标(2)插图(8)

9、打开图标素材:

图标制作,用PS制作个性的的网页图标(2)插图(17)

10、按下快捷键http:///photoshop/jiaocheng/110097.htmlCtrl+Shift+[将它置为底层,再依次把图标拖入文档中:

图标制作,用PS制作个性的的网页图标(2)插图(18)

11、选择自定义形状工具,在形状下拉面板菜单中选择Web,加载网页形状库,新建图层,绘制图形:

图标制作,用PS制作个性的的网页图标(2)插图(19)

12、双击图层8,添加描边、内阴影和外发光效果:

图标制作,用PS制作个性的的网页图标(2)插图(20)

图标制作,用PS制作个性的的网页图标(2)插图(21)

图标制作,用PS制作个性的的网页图标(2)插图(22)

13、用相同的参数方法,变换一下填充的颜色,可以制作出更多的图标效果:

图标制作,用PS制作个性的的网页图标(2)插图(23)

完成:

图标制作,用PS制作个性的的网页图标(2)插图(9)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部