Photoshop制作豹纹文件夹图标效果

2016-02-16 08:44 16 1 收藏

下面是个超简单的Photoshop制作豹纹文件夹图标效果教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - PS 】

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第一步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第三步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第四步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第五步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第六步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第七步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第八步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第九步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十一步:

打开画笔面板

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十二步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十三步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十四步:

把每个边缘都调整为直角

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十五步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十六步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十七步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十八步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第十九步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十步:

看看一起显示的效果

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十一步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十二步:

同理,我们可以做出亮面

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十三步:

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十四步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十五步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

第二十六步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十七步:

然后创建一个新的文字层

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十八步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第二十九步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第三十步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第三十一步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第三十二步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

第三十三步:

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

Photoshop制作豹纹文件夹图标效果,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1570392.html

延伸阅读
PS设计皮革质感文件夹图标   PS设计皮革质感文件夹图标
iphone文件夹无限存放图标技巧 系统BUG一词在手机上很少被提及,但下面我就给大家爆一个iOS系统现存的问题,虽然是BUG但却有着非常实用的价值。 用ios系统的朋友应该都知道,iPhone上的文件夹功能是限制放入其中的应用数量的。iPhone4、4S一个文件夹中最多可以装入12个应用,而iPhone5虽然将容量增加到了16个,但对于很多娴熟的手机...
标签: 电脑入门
1、首先来看看图老师小编给大家新建的一个文件夹吧。如图所示: 2、然后点击鼠标右键,在弹出的菜单中我们选择属性选项,如图所示: 3、点击属性选项之后,在弹出的界面中,我们点击自定义按钮,然后将会出现自定义的对话框,在最下面我们将会看见设置文件夹图标的按钮,我们进行点击即可。如图所示: 4、点击更改图标之后,在弹出...
本教程的制作都是一些比较基础的操作。如钢笔工具的使用,一些滤镜效果的应用等。只要能够熟练运用PS,并对光感方面有一定的认识,制作起来就非常容易。 最终效果 1、新建一个800 * 600像素文件,背景填充白色。新建一个图层填充白色,然后把前景颜色设置为:#BD7940,背景颜色设置为:#8F4520,然后执行:滤镜 渲染 纤维,参数设置...

经验教程

350

收藏

36
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部