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

图标设计,制作日常工具图标教程

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

@ChloeRowe林雅诺?:今天跟大家说说如何制作出我们日常生活常用到的工具形状图标,教程不难,主要考验大家钢笔工具的运用,大家一起练习一下。

步骤 35

我们回到图层面板,复制一个扳手,然后将它从我们 之前 建立的扳手组里将它拖出来。

再使用路径选择工具,选择扳手的左端,然后删除。

前景颜色改为#00eb69,选择椭圆工具,创建一个24 px圈,并将其作为你可以看下面的图2。

使用相同的工具,创建一个12 px矢量形状,放置在24 px圆里。

然后选择两个圆圈,然后选择减去顶层图形,我们做出来的效果就是图5这样。

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

图标设计,制作日常工具图标教程

步骤 36

选择矩形工具,创建2 x 3px 的矩形,然后放置如图1这样。

然后多复制几次这个矩形,把其他的矩形旋转放置,做出锯齿的效果。

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

步骤 37

回到图层面板 ,全选整个图形,合并图形,然后改变颜色为 #F6F6F6。

打开图层混合模式,参数设置如下~然后再将整个图形旋转-45°~放置如图4。

图标设计,制作日常工具图标教程

光泽 ,正常,颜色#000000,透明度14%,角度120°,距离11px,大小10px,无锯齿。

图标设计,制作日常工具图标教程

内发光,正常,透明度45%,颜色#000000,柔和,边缘,大小2px

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

步骤 38

我们将上面做的扳手打组,再复制一层,因为我们要将这个副本扳手放置相反的方向,它的投影要调整。

然后打开图层混合模式,参数设置如下。

图标设计,制作日常工具图标教程

投影,颜色#000000,透明度45%,距离2px,大小4px

图标设计,制作日常工具图标教程

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条