甲虫课堂 > PS教程 >

PS鼠绘金属拉丝质感图标

204
7
点赞
收藏
发布时间:2021-05-05 17:42:38

效果图:

PS鼠绘金属拉丝质感图标

步骤一:

打开ps,新建画布800px*800px画布,命名为质感图标,为背景添加图层样式。

PS鼠绘金属拉丝质感图标(1)

PS鼠绘金属拉丝质感图标(2)

PS鼠绘金属拉丝质感图标(3)

PS鼠绘金属拉丝质感图标(4)

步骤二:

使用圆角矩形工具、绘制一个450px*540px圆角半径为90px底座,并为它添加图层样式。

PS鼠绘金属拉丝质感图标(5)

PS鼠绘金属拉丝质感图标(6)

PS鼠绘金属拉丝质感图标(7)

步骤三:

使用圆角矩形工具、绘制一个390px*390px圆角半径为90px的形状,命名为底座-2,并为它添加图层样式。

PS鼠绘金属拉丝质感图标(8)

PS鼠绘金属拉丝质感图标(9)

PS鼠绘金属拉丝质感图标(10)

PS鼠绘金属拉丝质感图标(11)

步骤四:

为底座-2添加金属拉丝效果,新建图层填充#9f9f9f,添加杂色执行动感模糊命令,并创建剪贴蒙版,调整不透明度。

PS鼠绘金属拉丝质感图标(12)

PS鼠绘金属拉丝质感图标(13)

PS鼠绘金属拉丝质感图标(14)

PS鼠绘金属拉丝质感图标(15)

步骤五:

复制金属拉丝,ctrl+t旋转90度,并依次创建剪贴蒙版。

PS鼠绘金属拉丝质感图标(16)

步骤六:

绘制内框位置,绘制两个圆角矩形,大小分别为450px,390px圆角半径为90px,合并形状选择路径选择工具,选中内框减去顶层形状,并添加图层样式。

PS鼠绘金属拉丝质感图标(17)

PS鼠绘金属拉丝质感图标(18)

PS鼠绘金属拉丝质感图标(19)

PS鼠绘金属拉丝质感图标(20)

PS鼠绘金属拉丝质感图标(21)

步骤七:

为内框添加金属拉丝效果,复制内框图层清除图层样式并调整不透明度。

PS鼠绘金属拉丝质感图标(22)

PS鼠绘金属拉丝质感图标(23)

PS鼠绘金属拉丝质感图标(24)

PS鼠绘金属拉丝质感图标(25)

步骤八:

继续绘制一个顶部渐变,选择圆角矩形工具绘制一个390px圆角半径为90px的形状,绘制完成后复制,命名为顶部渐变。

PS鼠绘金属拉丝质感图标(26)

PS鼠绘金属拉丝质感图标(27)

步骤九:

将顶部渐变复制向下移动15px,并合并两个形状,选择路径选择工具,选中内框减去顶层形状,将底座渐变叠加图层样式复制,移动色标位置即可,并添加投影图层样式。

PS鼠绘金属拉丝质感图标(28)

PS鼠绘金属拉丝质感图标(29)

PS鼠绘金属拉丝质感图标(30)

PS鼠绘金属拉丝质感图标(31)

PS鼠绘金属拉丝质感图标(32)

PS鼠绘金属拉丝质感图标(33)

步骤十:

绘制最后一个图标,用自定义形状工具绘制一个172px的形状,并旋转45度,最后添加图层样式就完成了。

PS鼠绘金属拉丝质感图标(34)

PS鼠绘金属拉丝质感图标(35)

PS鼠绘金属拉丝质感图标(36)

PS鼠绘金属拉丝质感图标(37)

PS鼠绘金属拉丝质感图标(38)

PS鼠绘金属拉丝质感图标(39)

还没人评论,快来抢沙发~

X