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


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

效果图:

图标制作,用PS制作个性的的网页图标_学习PS请到

操作步骤:

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

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

9、打开图标素材:

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

图标制作,用PS制作个性的的网页图标_

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

图标制作,用PS制作个性的的网页图标_

完成:

图标制作,用PS制作个性的的网页图标_学习PS请到

注:本文转载自拾图网[http://www.tshinet.com],转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

淘宝热销

  • Mistine小黄帽防晒霜乳SPF50泰版面部防紫外线隔离男女军训蜜丝婷

    【推荐理由】赠运费险

    【优惠券】20   【券后价】59.00

    【下单链接】18¥ CZ0001 G5fHdEqOsnB¥

    >>>>>> 马上打开

  • G7旗舰店越南进口美式纯黑咖啡粉速溶无糖0脂减燃正品学生提神

    【推荐理由】库存紧张,好评过万

    【优惠券】3    【券后价】26.90

    【下单链接】27¥ CZ0001 zb0bdEqLV7G¥

    >>>>>> 马上打开