用PS实现羊毛毡效果icon绘制


大家好,第一次写博客,想在****上记录一下自己学习PS的成长之路!!!!

昨天成功绘制了一个羊毛毡图标,给大家分享一下实现过程吧~
首先声明,此图标非本人设计,只是用来仿绘学习!!!!!!

最终效果展示:
用PS实现羊毛毡效果icon绘制

教程步骤

步骤1:建立文档并制作背景

新建文档,大小600*600px,分辨率72,新建图层,命名背景,在图层样式中添加图案叠加,选择毛毡图案,此处缩放率我调节为288%,并添加颜色叠加,模式改为强光,颜色使用#51b1c8,不透明度100%。(个人认为看自己想要的效果调节图层样式参数)
在图案叠加设置界面,点击图案 ->设置->载入图案即可添加新的图案样式羊毛毡图案链接分享

步骤2:绘制icon底座

效果展示:
用PS实现羊毛毡效果icon绘制
新建510*510px的圆角矩形,圆角半径为130,命名底座,复制图层,命名底座厚度。

底座制作

选择底座图层,添加描边,转为智能对象,再添加图层样式,表现出底部周围的厚度感及整体的毛毡质感。
用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制

底座厚度制作

选择底座厚度图层,把填充改为0%,添加图层样式,使底部整体有厚度突出的感觉,再转为智能对象,对其添加滤镜->智能模糊->高斯模糊。
用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制

底座缝线制作

新建文件,设置大小23*3px,颜色#000000,选择编辑->定义画笔预设->命名为横向缝线

选中底座图层,ctrl+点击底座图层缩略图,调出图形选取,点击选择->修改->收缩(收缩12像素),新建图层,命名为底座缝线,转到路径面板, Alt点击从选区生成路径的按纽,容差设置为1像素,创建工作路径。

选择画笔工具,点击F5,调出画笔设置面板,选择刚刚定义的画笔,并对其进行参数设置。
用PS实现羊毛毡效果icon绘制
设置完成后,右击工作路径,选择描边路径,画笔描边,最后,为缝线添加图层样式增加真实感。
用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制

步骤3:制作山

新建406*406px的圆角矩形,圆角半径为96,与底座中心对齐。命名山-1,复制图层,命名山-2。

制作山-1

效果如图:
用PS实现羊毛毡效果icon绘制
选择山-1图层,选择与形状区域相交,创建511*390px的椭圆,选中图层,点击合并形状组件, 得出山-1的形状。复制图层,命名山-1厚度。

山-1制作

与底座制作步骤相同,选择山-1图层,图层样式描边(描边宽度选择10),转为智能对象后,再进行图层样式设置。
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制

山-1厚度制作

选择山-1厚度图层,把填充改为0%,添加图层样式,使底部整体有厚度突出的感觉,再转为智能对象,对其添加滤镜->智能模糊->高斯模糊。
用PS实现羊毛毡效果icon绘制

山-1 缝线制作

F5调出画笔设置页面,缝线像素设置为15,其余步骤与底座缝线制作步骤相同,图层样式也相同。

制作山-2

效果如图:
用PS实现羊毛毡效果icon绘制
选择山-2图层,选择与形状区域相交,创建401*238px的椭圆,选中图层,点击合并形状组件, 得出山-2的形状。复制图层,命名山-2厚度。
山-2制作与山-1制作步骤相似,个别图层样式如下。
山-2 图层颜色叠加颜色为(#cf945d)
山-2厚度图层斜面与浮雕样式设置如下:
用PS实现羊毛毡效果icon绘制

制作山底衬

效果如图:
用PS实现羊毛毡效果icon绘制

山底衬制作

新建图层,ctrl点击,山-1图层、山-2图层、新建图层,右击选择合并形状,定义名称山底衬,选择描边,描边大小设置为10,转为智能对象,再进行图层样式设置。
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制

山底衬缝线制作

新建文档,大小2327px,新建315px的矩形,命名Y-1,复制一层,命名Y-2,选择Y-1旋转43.65°后,复制图层,命名Y-3,选择Y-3图层,点击垂直翻转后,与Y-2图层沿画布中线对齐,移动Y-2图层,使其成为‘倒Y’型。选择编辑-定义画笔预设-命名为Y型笔刷。

Ctrl点击山-底衬图层缩略图调出形状选区。转到路径面板, Alt点击从选区生成路径的按纽,容差设置为1像素,创建工作路径。点击画笔工具,选择 ‘Y型’画笔,并对画笔进行设置(像素值定为15)。转到路径面板,右键单击选择描边路径,最后添加缝线的图层样式。
用PS实现羊毛毡效果icon绘制用PS实现羊毛毡效果icon绘制

制作太阳

效果如图:
用PS实现羊毛毡效果icon绘制
新建 47*47px圆形,命名太阳-底衬,复制两层,分别命名为太阳和太阳厚度。选择太阳-底衬图层,添加描边大小为16,选择太阳图层添加描边为8,之后的步骤都与山的制作步骤相似,颜色部分参数如下:
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制

制作云

效果如图:
用PS实现羊毛毡效果icon绘制
新建9090 px圆形,按住shift绘制两个5050 px的小圆,选择合并形状组件,得出云朵形状。之后的步骤都与太阳的制作步骤相似,颜色部分参数如下。
用PS实现羊毛毡效果icon绘制
用PS实现羊毛毡效果icon绘制
羊毛毡icon制作就分享到这了,对其他图标有兴趣的也可以进行仿绘,分析好icon由多少图层制作完成以及个图层样式就动手吧!!!最后,再给大家贴出来同系列其他icon,好啦,下篇博客见哦~
用PS实现羊毛毡效果icon绘制