ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6957|回复: 12
收起左侧

[网页图片] photoshop教程:设计丝带风格的网页导航

[复制链接]
发表于 2009-10-1 02:14:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
您喜欢这种效果吗?今天否本带大家一起来看看它究竟是如何制作出来的!

首先在photoshop中新建一个文档-约500 × 500大小,并填满#dac8aa 的颜色。

现在,我们找一个类似纸张纹理的素材。 您可以随意寻找自己喜欢的自然纹理,然后执行“去色”快捷键Ctrl+Shift+U :

游客,本帖隐藏的内容需要积分高于 1 才可浏览,您当前积分为 0

,接下来我们要保证三种颜色的彩带是在同一图层的情况下按Ctrl+J复制出一个新的彩带!并旋转如图角度:

原来的层同样要旋转,使他们之间产生交叉。


现在我们选择底层的彩带,按住CTRL点击图层面板中的此层,得到他的选区,新建一层,使用渐变工具创建出一个阴影。
渐变使用黑色——透明的方式!

接下来我们合并除“纸层”以外的图层,也就是说让彩带变为一体。


,接着使用多边形套索工具,选中如图所示的范围进行删除!

我们使用文字工具为飘带添加一些文字装饰,记得是用“自由变换”命令对文字进行旋转调整!。

同样我们将文字层和彩带层合并,添加如图所示图层样式。


现在,效果应该是这样的,多了一些阴影:



,接下来我们给彩带增添一些布纹的真实感,选用滤镜 “> 纹理”选择纹理化

我们可以看到彩带有了凸凹感:


然后到下一个步骤。 为了使我们的彩带更具立体感我们使用颜色减淡工具 (大小:125像素,范围:高光,曝光:20%),我们在需要的位置上进行涂抹,注意不要涂抹过量,我们会得到如下效果:

同样我们相反的使用颜色加深工具 (大小:80像素,范围:阴影,曝光:30%),将彩带旁边进行减暗,这样做的目的是增加亮度对比度,使之更具立体感。



,我们需要添加一些网格,让它看起来更像织布。 创建一个3 × 3像素大小的新文件,用选区画出如下图形。

然后进入“ 编辑 > 定义图案 ,保存它。 之后,回到我们的主画布。按住CTRL点击图层面板中的彩带图层,然后使用油漆桶工具(选择图案填充模式),进行填充!

取消选区后将网格透明度改为40% 并且将图层模式改为叠加。

现在,我们应该在箭头所指位置添加一些细节的阴影,就大功告成了。



,如下图所示我们很清楚的可以看到,用多边形套索工具选择这样一个选区,然后同样用黑色——透明的渐变色创造阴影效果,不过注意将一定要将阴影放到彩带的底下一层。

还可以使用“模糊工具”对阴影进行模糊。

在其他地方同样的方法添加阴影。

现在看相当不错。教程也快结束了,不过我们还可以稍微再做一点工作。 转到背景层,选择加深工具 (大小:300像素,范围:阴影,曝光:30%),如图所示将背景层部分减暗。

看!这就是你的结果,采用了不到半个小时我们又成功的学会了一个技术!





作者:佚名   出处:phoben
发表于 2009-11-5 11:23:39 | 显示全部楼层
学习了~~~~~~~~~~~~~~~~~~~~~~~~~
发表于 2010-6-24 12:23:10 | 显示全部楼层
五体投地!!
发表于 2010-7-10 16:38:52 | 显示全部楼层
{:6_262:}
发表于 2010-7-18 02:11:32 | 显示全部楼层
看来加深减淡还是很强大~~
发表于 2010-7-29 13:22:41 | 显示全部楼层
刚刚开始学习~~
发表于 2010-10-29 06:19:01 | 显示全部楼层
{:6_260:}
发表于 2010-11-5 15:44:22 | 显示全部楼层
看看...
发表于 2011-3-10 11:37:07 | 显示全部楼层
{:soso_e182:}
发表于 2011-5-25 20:37:55 | 显示全部楼层
{:soso_e142:}
发表于 2011-5-25 20:38:10 | 显示全部楼层
{:soso_e142:}
发表于 2011-5-25 20:38:32 | 显示全部楼层
{:soso_e142:}
发表于 2011-5-25 20:38:51 | 显示全部楼层
挺好...
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-23 09:12 , Processed in 0.055311 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表