×

关注微信公众号

教程网 首页 教程 平面设计 Photoshop 查看内容
免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
软件安装教程 远程服务 超值!手绘教程抠图教程路径专辑photoshop cs3视频教程

Photohsop鼠绘教程:教你制作一个水晶文件夹图标

时间 : 2009-3-10 09:43

作者 : xyl7422 原作者:Shek 译| 来自:蓝色理想

 查看 : ( 9937 )  评论 : ( 0 )

摘要 : 本例介绍如何运用PS绘制出漂亮的水晶文件夹图标,主要通过运用钢笔工具、渐变填充、图层样式等常用工具来完成文件夹图标的绘制,希望能给朋友们带来帮助~~

在学习中遇到问题可以到 论坛 发贴交流!

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

在这个教程里你将学会如何为你的桌面或网页制作一个漂亮的文件夹(图标).
1,首先我们需要新建一张大小为128*128像素的画布,选择透明背景.
2,新建图层,然后使用钢笔工具画出一个类似于下图的形状.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

3,然后将图层样式设置如下:
渐变叠加
渐变:#FFd27A -> #FFB912
描边
大小:1像素
位置:外部.(外描边)
颜色:#C07C33
内发光
混合模式:正常
颜色:#FFFFFF
阻塞:100%
大小:1像素
设置完这些之后你会看到如下图的效果.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

4,然后复制一层.现在我们需要在新层上进行透视变换.(自由变换 -> 透视)

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

[next]

然后把这里向下缩小一点,让它看起来像3D的打开文件夹.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

第四步的效果如下:

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

5,这一步我们将制作一张纸.新建图层,画上如图的形状.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

6,接着将图层样式设置如下:
渐变叠加
不透明度:10%
渐变:#000000 -> #FFFFFF
角度:50°
描边
大小:1像素
位置:外部
颜色:#D6D6D6
现在看起来应该像这样:

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

[next]

7,接着把这张纸向左旋转一些,然后把这个图层放在第四步的图层之下.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

8,现在看起来就漂亮多了,但是我们还可以让它更酷一些,只需要把第四步的图层的不透明度设置在50%-60%左右.

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

就是它了! 你可以再为它增加一些细节,然后用在你的网页上,或者把它制作成.ico格式的图标应用在你的桌面上.
下面就是我最后做出来的:

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

我在相同的文件夹上做出的另外两种效果:

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

Photohsop鼠绘教程:教你制作一个水晶文件夹图标_中国教程网

分享到:

相关阅读

2345