当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 10:57:01
  • 来源/作者:互联网/佚名
  • 己被围观

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

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、打开图标素材:

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条