当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作复古丝带风格网页导航

Photoshop
Photoshop 打造超酷的爱情燃烧字
Photoshop 抠图教程 背景复杂的飞扬的发丝
Photoshop 绘制漂亮的商业类型网站模板
Photoshop 把废片处理成青红色的艺术图片
Photoshop 精修有褶皱的老照片
Photoshop 制作一个玻璃香水瓶
Photoshop 滤镜制作个性的立体球体
Photoshop 打造粉嫩的青紫色人物照片
Photoshop 人物照片转成可爱的漫画效果
Photoshop 简单的蓝色导航按钮
PhotoShop 为外景女孩调出清爽通透的效果
photoshop 将美女的蓝色比基尼调成质感金色效果
photoshop利用纹理素材快速制作褪色的老照片
Photoshop 打造一张漂亮的红色光束壁纸
PhotoShop 鼠绘带面具的银发美女过程
PhotoShop 制作2010虎年恭贺新禧迎春壁纸
Photoshop 古典的暗黄色外景照片
Photoshop 漂亮的紫色光斑图标
Photoshop 梦幻的紫色转手绘照片
Photoshop 合成梦幻森林里的小天使

Photoshop制作复古丝带风格网页导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 309 ::
收藏到网摘: n/a

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

Design a Retro Style Ribbon 

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

Photoshop制作复古丝带风格网页导航_软晨学习网01

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

Photoshop制作复古丝带风格网页导航_软晨学习网02

之后,改变图层模式为:叠加,改变不透明度为60%。 合并两个图层。

Photoshop制作复古丝带风格网页导航_软晨学习网03

Ok,为了表现纸质的密度,我们再使用“锐化”来加强质感,可以适当多来几次。

Photoshop制作复古丝带风格网页导航_软晨学习网04

现在我们开始创建彩带。 首先用矩形选框工具创建如图的选区,并填充为绿色(#95b900)记得要在新图层完成哦!。

Photoshop制作复古丝带风格网页导航_软晨学习网05

以同样的方式创建黄色(#e9db03)和红色(#b94a00)两个颜色的彩带。

Photoshop制作复古丝带风格网页导航_软晨学习网06

Photoshop制作复古丝带风格网页导航_软晨学习网07

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

Photoshop制作复古丝带风格网页导航_软晨学习网08

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

Photoshop制作复古丝带风格网页导航_软晨学习网09

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

渐变使用黑色——透明的方式!

Photoshop制作复古丝带风格网页导航_软晨学习网10

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

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

Photoshop制作复古丝带风格网页导航_软晨学习网11

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

Photoshop制作复古丝带风格网页导航_软晨学习网12

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

Photoshop制作复古丝带风格网页导航_软晨学习网13

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

Photoshop制作复古丝带风格网页导航_软晨学习网14

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

Photoshop制作复古丝带风格网页导航_软晨学习网15

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

Photoshop制作复古丝带风格网页导航_软晨学习网16

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

Photoshop制作复古丝带风格网页导航_软晨学习网17

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

Photoshop制作复古丝带风格网页导航_软晨学习网18

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

Photoshop制作复古丝带风格网页导航_软晨学习网19

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

Photoshop制作复古丝带风格网页导航_软晨学习网20

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

Photoshop制作复古丝带风格网页导航_软晨学习网21

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

Photoshop制作复古丝带风格网页导航_软晨学习网22

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

Photoshop制作复古丝带风格网页导航_软晨学习网23

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

Photoshop制作复古丝带风格网页导航_软晨学习网24

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

Photoshop制作复古丝带风格网页导航_软晨学习网25

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

Photoshop制作复古丝带风格网页导航_软晨学习网26

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

Photoshop制作复古丝带风格网页导航_软晨学习网27