Photoshop美洲豹风格文件夹图标制作教程
Photoshop美洲豹风格文件夹图标制作教程
发布时间:2017-01-09 来源:查字典编辑
摘要:在这个教程中,我们会告诉您如何把一款美洲豹材质的纹理覆盖在文件夹上,这些技巧可以广泛用到其他物体,比如:cd封面、鼠标,电脑等。按照惯例,先...

在这个教程中,我们会告诉您如何把一款美洲豹材质的纹理覆盖在文件夹上,这些技巧可以广泛用到其他物体,比如:cd封面、鼠标,电脑等。

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

Photoshop美洲豹风格文件夹图标制作教程1

第一步:

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

Photoshop美洲豹风格文件夹图标制作教程2

第二步:

继续这样做,直到整个形状被提出来。

Photoshop美洲豹风格文件夹图标制作教程3

第三步:

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

Photoshop美洲豹风格文件夹图标制作教程4

第四步:

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

Photoshop美洲豹风格文件夹图标制作教程5

第五步:

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

Photoshop美洲豹风格文件夹图标制作教程6

第六步:

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

Photoshop美洲豹风格文件夹图标制作教程7

第七步:

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

Photoshop美洲豹风格文件夹图标制作教程8

第八步:

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

Photoshop美洲豹风格文件夹图标制作教程9

第九步:

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

Photoshop美洲豹风格文件夹图标制作教程10

第十步:

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

Photoshop美洲豹风格文件夹图标制作教程11

第十一步:

打开画笔面板

Photoshop美洲豹风格文件夹图标制作教程12

第十二步:

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

Photoshop美洲豹风格文件夹图标制作教程13

第十三步:

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

Photoshop美洲豹风格文件夹图标制作教程14

第十四步:

把每个边缘都调整为直角

Photoshop美洲豹风格文件夹图标制作教程15

第十五步:

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

Photoshop美洲豹风格文件夹图标制作教程16

第十六步:

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

Photoshop美洲豹风格文件夹图标制作教程17

第十七步:

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

Photoshop美洲豹风格文件夹图标制作教程18

第十八步:

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

Photoshop美洲豹风格文件夹图标制作教程19

第十九步:

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

Photoshop美洲豹风格文件夹图标制作教程20

第二十步:

看看一起显示的效果

Photoshop美洲豹风格文件夹图标制作教程21

第二十一步:

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

Photoshop美洲豹风格文件夹图标制作教程22

第二十二步:

同理,我们可以做出亮面

第二十三步:

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

Photoshop美洲豹风格文件夹图标制作教程23

第二十四步:

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

Photoshop美洲豹风格文件夹图标制作教程24

第二十五步:

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

Photoshop美洲豹风格文件夹图标制作教程25

第二十六步:

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

Photoshop美洲豹风格文件夹图标制作教程26

第二十七步:

然后创建一个新的文字层

Photoshop美洲豹风格文件夹图标制作教程27

第二十八步:

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

Photoshop美洲豹风格文件夹图标制作教程28

第二十九步:

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

第三十步:

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

Photoshop美洲豹风格文件夹图标制作教程29

第三十一步:

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

Photoshop美洲豹风格文件夹图标制作教程30

第三十二步:

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

Photoshop美洲豹风格文件夹图标制作教程31

第三十三步:

我们添加一些文字,我们的图标设计算是结束了!祝你工作顺利,愿你拥有出色的创意!Good luck with your work, and I wish you many great ideas!

Photoshop美洲豹风格文件夹图标制作教程1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类