Photoshop绘制一款豹纹图案的文件夹图标

这篇鼠绘教程将教大家使用Photoshop制作一款豹纹文件夹图标。图标的图案纹理非常的逼真,下面让我们一起来学习教程吧。 出自:IT世界网 按照惯例,先让我们来欣赏下最终效果,如下图: 第一步: 虽然我们并不需要确切形状的文件夹,但我们还是要建立一个形状

这篇鼠绘教程将教大家使用Photoshop制作一款豹纹文件夹图标。图标的图案纹理非常的逼真,下面让我们一起来学习教程吧。

出自:IT世界网



按照惯例,先让我们来欣赏下最终效果,如下图:


Photoshop绘制一款豹纹图案的文件夹图标





第一步:



虽然我们并不需要确切形状的文件夹,但我们还是要建立一个形状。首先,创建一个文件,在里面填充一个128px×128px的灰色块,做为背景配合以后的步骤,如图(1);然后用铅笔工具画出文件夹的外形,如图(2);接着显示网格,并调整网格像素大小(编辑-首选项-参考线、网格和切片),如图(3);最后用钢笔工具勾勒出文件夹外形,如图(4)-(6)。


Photoshop绘制一款豹纹图案的文件夹图标





第二步:



继续这样做,直到整个形状被提出来。#p#分页标题#e#


Photoshop绘制一款豹纹图案的文件夹图标





第三步:



这是草图和新创建的路径图,草图是很重要的一步,它使工作更好的进行下去


Photoshop绘制一款豹纹图案的文件夹图标





第四步:



当然,我们还需要一个很好的纹理,可在此下载。


Photoshop绘制一款豹纹图案的文件夹图标





第五步:

#p#分页标题#e#

接下来,让我们尝试掩盖某些部分的纹理,让毛的边缘看起来更清晰。然后把层改到文件夹的大小。来到通道面板,尽可能找出反差比较大的一个通道。拿本图来说,红色显然符合条件。


Photoshop绘制一款豹纹图案的文件夹图标





第六步:



选中它,全选,复制拷贝到这个文件里。然后通过色阶来调整图像反差,让黑的更黑点、白的更白点,降低中间色。设置如下图:


Photoshop绘制一款豹纹图案的文件夹图标





第七步:



放大图片,努力找到一个白色到黑色的梯度区域,我们将用它来创建一个刷子。用选取工具画出范围,把它复制到一个新层里(Ctrl+J)


Photoshop绘制一款豹纹图案的文件夹图标



#p#分页标题#e#

第八步:



隐藏原图,我们来调整新层,让它更像笔刷。运用加深工具、减淡工具


Photoshop绘制一款豹纹图案的文件夹图标





第九步:



这样,我们能很好的控制一切。不断调整,让黑的更黑,白的更白,就像下图一样。


Photoshop绘制一款豹纹图案的文件夹图标





第十步:



当效果使我们感到满意后,我们再次选择它( Ctrl+Shift+D),然后倒置它(Ctrl+i),并使其成为一个新笔刷,如图。(编辑-定义画笔预设)



#p#分页标题#e#

Photoshop绘制一款豹纹图案的文件夹图标





第十一步:



打开画笔面板


Photoshop绘制一款豹纹图案的文件夹图标





第十二步:



选择形状动态,把设置调为和下图一样。


Photoshop绘制一款豹纹图案的文件夹图标





第十三步:



给原图添加一个外形蒙版,然后用做好的笔刷来处理边缘,把前景色调为白色,笔刷角度也可根据需要修改。#p#分页标题#e#


Photoshop绘制一款豹纹图案的文件夹图标





第十四步:



把每个边缘都调整为直角


Photoshop绘制一款豹纹图案的文件夹图标





第十五步:



我们已经完成的粗略轮廓,现在的时间来完成细节。我们可以利用一个标准的Photoshop画笔进行下一步,设置大小和角度,在蒙版里使用它。


Photoshop绘制一款豹纹图案的文件夹图标





第十六步:

#p#分页标题#e#

毛也许够了,拷贝它,放到文件夹上,调整大小角度,以适合文件夹(Ctrl+T)


Photoshop绘制一款豹纹图案的文件夹图标





第十七步:



请注意,任何外形缺陷都能很容易的得到修正。


Photoshop绘制一款豹纹图案的文件夹图标





第十八步:



选择涂抹工具,并把它设为正确的刷,如图即可。在蒙版里进行调整。


Photoshop绘制一款豹纹图案的文件夹图标





#p#分页标题#e#第十九步:



再创建一个层,用来做文件夹的背面。这层要稍小点,按照外形把右边的部分去掉,如图:


Photoshop绘制一款豹纹图案的文件夹图标





第二十步:



看看一起显示的效果


Photoshop绘制一款豹纹图案的文件夹图标





第二十一步:



现在把背后那层调得更暗些,使用亮度/对比度,把它设置为剪切蒙版( Ctrl+Alt+G )。设置如图:


#p#分页标题#e#Photoshop绘制一款豹纹图案的文件夹图标





第二十二步:



同理,我们可以做出亮面


Photoshop绘制一款豹纹图案的文件夹图标





第二十三步:



现在,让我们添加一些反光。使用草型笔刷,在边缘细心画出反光来。


Photoshop绘制一款豹纹图案的文件夹图标





第二十四步:



它应该是不规则的,这样看起来更真实。涂抹工具在这里可以再次使用。

#p#分页标题#e#

Photoshop绘制一款豹纹图案的文件夹图标





第二十五步:



给它添加一个影子,看起来我们的图标已经完成,也许不是?


Photoshop绘制一款豹纹图案的文件夹图标





第二十六步:



如果你选择了继续,你可以添加一个标签。用图章工具涂抹出一片空地


Photoshop绘制一款豹纹图案的文件夹图标





第二十七步:



#p#分页标题#e#然后创建一个新的文字层


Photoshop绘制一款豹纹图案的文件夹图标





第二十八步:



在文字层上用不规则笔刷来修饰,并在它的下面添加一些暗点,如下图:


Photoshop绘制一款豹纹图案的文件夹图标





第二十九步:



让我们用草型笔刷来完成最后的修饰,这里要记资刷的角度要符合毛的方向。


Photoshop绘制一款豹纹图案的文件夹图标





第三十步:#p#分页标题#e#



效果不要做得太模糊,以保证它的可读性。


Photoshop绘制一款豹纹图案的文件夹图标





第三十一步:



还需要更多么?好了,最后一个步骤(真够累得)。用原图来做一个背景,使用杂色-中间值,使毛状消失,但轮廓还是好的。


Photoshop绘制一款豹纹图案的文件夹图标





第三十二步:



最下层的背景色设为浅灰色,给修改好的原图层的图层混合模式设为亮度,然后给它添加一个渐变蒙版,从黑到白。


Photoshop绘制一款豹纹图案的文件夹图标



#p#分页标题#e#

第三十三步:



我们添加一些文字,我们的图标设计算是结束了!祝你工作顺利,愿你拥有出色的创意!


Photoshop绘制一款豹纹图案的文件夹图标

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/1293.html

(0)
上一篇 2014年9月1日 上午7:31
下一篇 2014年9月1日 上午7:33

相关推荐

  • Photoshop制作炫丽的金属质感文字效果

    本教程的宗旨是分享给童鞋们一些能应用到你作品中的技术, 而不只是怎样得到结果,设计作品不过是展示的一个例子,就看你如何去理解和运用了。

    经典设计 2014年12月25日
  • Photoshop打造清爽的蓝橙色秋季公园人物图片教程

    来源:PS联盟 作者:Sener 素材图片有点杂乱,画面不够清爽。处理的时候把中间调颜色转为暖色,高光及暗部调成蓝色;然后把泛白的区域加上淡蓝色;再把整体柔化处理即可。 原图 最终效果 1、打开原图素材大图,创建可选颜色调整图层,对黄、绿、青进行调整,

    经典设计 2015年12月2日
  • Photoshop给婚纱样片添加迷人的黄昏逆光效果

    本教程主要使用Photoshop给婚纱样片添加迷人的黄昏逆光效果,整体的效果非常的漂亮,夕阳的色彩配上恩爱的情侣,完成最美的意境效果,喜欢的朋友一起来学习吧。 来源:小贺修图 效果图: 原图: 1、用曲线压暗四周。 2、建一个渐变映射层,增加画面的明暗对

    经典设计 2015年3月3日
  • Photoshop给偏暗色人物照片调出唯美肤色色调

    本教程主要使用Photoshop给偏暗色人物照片调出唯美肤色色调,素材图片背景部分颜色比较浑浊。处理的时候可以适当减少背景部分的颜色,保留最对两种颜色。然后把高光部分稍微调亮一点,这样图片就会清爽很多。 来源:PS联盟 作者:Sener 最终效果 原图 1、打

    经典设计 2014年8月1日
  • Photoshop制作紫色立体效果的51艺术字教程

    本教程主要使用Photoshop制作紫色立体效果的51艺术字教程,立体字制作难点有两个。首先是透视部分的设置,这一步比较关键,最好找一些素描方面的资料了解透视原理,这样做出的透视就非常真实。第二个难点就是光源的设定,然后根据光源去渲染高光和暗部。掌握

    经典设计 2014年8月9日
  • Photoshop调出外景美女照片唯美蓝色调设计教程

    本教程主要使用Photoshop调出外景美女照片唯美蓝色调,效果图有点类型雪景效果,调色的时候可以先把主色调统一;然后直接降低全图及主色饱和度得到中性图片;再用调色工具加上淡淡的冷色,并把整体柔化处理即可,喜欢的朋友让我们一起来学习吧。 来源:PS联

    经典设计 2015年6月13日
  • Photoshop使用通道给透明婚纱抠图

    效果图 原图一 原图二 1、本教程采用photoshop CS5制作,其它版本通用,本例的原图一是一张黑色背景的透明婚纱照片,从照片中我们可以清楚的看见飘起来的白纱呈透明状,可以透明白纱看到黑色的背景,现在我们要实现的就是将透明白纱抠取出来换个实物背景,如

    经典设计 2014年6月29日
  • Photoshop制作海报常用的3D立体字教程

    本教程主要使用Photoshop设计淘宝海报中常用的蓝色立体字,教程难度一般,制作出来的立体文字效果挺漂亮的。这种效果在淘宝饿通栏海报中非常的常见,很多人都在问这种效果是制作方法,今天就和大家一起来学习这种立体字的绘制方法,教程还算详细,喜欢的朋友

    经典设计 2014年11月14日
  • Photoshop制作欧美非主流粉色系列教程

    作者:xyz129 出自:中国学生网 效果: 原图: 教程:

    经典设计 2014年10月10日
  • Photoshop给人像肤色后期质感磨皮和精修处理

    本教程主要使用Photoshop给人像肤色后期质感磨皮和精修处理,效果原图的颜色比较暗淡而且整体的质感也不是很好,我们所要做的两方面就是一方面处理人像的皮肤,保留质感磨皮,另一方面把偏色的色彩校色,还原人类应有的自然肤色,下面我们就开始来学习教程吧

    经典设计 2014年8月27日

发表评论

您的电子邮箱地址不会被公开。