当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS鼠绘漂亮文件夹图标

2019/1/5 22:57:42 人评论

这篇教程教优图宝的朋友们用PS鼠绘漂亮文件夹图标,教程属于UI制作的范畴。难度一般。转发过来和优图宝的朋友们一起学习。先来看看最终的效果图: UtoBao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝论坛PS鼠绘 ...

这篇教程教优图宝的朋友们用PS鼠绘漂亮文件夹图标,教程属于UI制作的范畴。难度一般。转发过来和优图宝的朋友们一起学习。先来看看最终的效果图:

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程 

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

具体的绘制步骤如下:

  1、首先在photoshop中创建一个新文档,大小为512px*512px,背景为透明,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  2、在菜单栏中选择“视图—显示—网格”并选择“视图—标尺”,这样可以使我们更精确地使用钢笔工具,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  3、选择钢笔工具,在属性栏中选择“形状图层”,然后制作出下图所示的形状。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

4、添加图层样式效果,选择“图层—图层样式—斜面浮雕”,设置深度为10%。再设置渐变叠加,渐变的颜色为#a0c0d9到#8cb2ce,样式:线性,勾选“反向”,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  5、此时,我们已经制作好文件夹的上半部分了。隐藏上半部分的图层,然后创建一个新图层,使用钢笔工具,绘制下图所示的图形。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  6、添加图层样式“斜面浮雕”和“渐变叠加”。斜面浮雕的深度为10%,渐变叠加使用的颜色为#b2cbde到#79a5c6,记得再次选择反向,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  7、好了,把文件夹的另一部分都显示出来,效果就如下图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

 8、复制文件夹下半部分的图层,并栅格化图层,关闭图层样式,使用魔棒工具创建选区,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  9、在选区中填充颜色#79a5c6,然后选择滤镜—杂色—添加杂色,接着降低图层的不透明度为15%,设置如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  10、再复制文件夹下半部分的图层,然后栅格化闭关图层样式,然后使用魔棒工具创建选择,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  11、在选区内填充颜色#79a5c6,设置图层不透明度为10%,然后选择“滤镜—素描—绘图笔”,使用下图所示设置。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

12、创建一个新图层,选择套索工具,创建下图所示的不规则选区,你可以按住Shift键创建,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  13、在选区中填充颜色#80adcf,效果如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  14、参考前面的方法,处理文件夹的上半部分。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  15、再次选择文件夹下半部分复制,栅格化,闭关图层样式,把复制出来的图层移动到文件夹上部分与下部分之间的位置。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

16、选择“滤镜—模糊—高斯模糊”,设置如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  17、你可以使用自由变换工具调整上半部分的大小,便它看起来是在阴影的下面。设置阴影图层的不透明度为30%。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  18、使用矩形工具创建一个黑色的矩形,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  18、栅格化矩形,然后设置高斯模糊效果。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

19、使用自由变换工具调整矩形的大小,如图所示。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  20、最后我们要在文件夹上添加一个“X”的标志。在所图层的最顶部创建一个新图层,输入颜色为#7a9db8的字母“X”,然后添加图层样式效果,投影和内阴影。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

  最终效果如图所示。Photoshop教程完毕,希望你会喜欢。

PS鼠绘漂亮文件夹图标 优图宝 PS鼠绘教程

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

相关资讯

    暂无相关的数据...