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

Photoshop
photoshop 简单合成水墨风格的美人鱼
photoshop 鼠绘漂亮的身着白色婚纱的新娘
Photoshop 简单的常用立体字
Photoshop 柔和的青黄色室内人物照片
Photoshop 调出人物照片亮丽的蓝色调
Photoshop 打造超酷的转手绘帅哥
Photoshop 制作超梦幻的情人节心形壁纸
photoshop 鼠绘瀑布下的古代美女
Photoshop 制作简洁的潮流插画
Photoshop 调出人物照片温馨的暖色调
Photoshop 快速打造紫灰色的人物照片
Photoshop 修复局部掉色的老照片
Photoshop 颓废的彩色云彩壁纸
photoshop 超强合成水面上的荒凉世界
Photoshop调色 打造清爽的淡蓝色室内人物照片
Photoshop 加强室内人像的质感并润色
Photoshop 打造颓废的黑白签名图教程
Photoshop 给人物照片加上淡淡的水墨背景
Photoshop 个性的卡通人物签名效果
Photoshop 给偏暗的人物局部美化及润色

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 311 ::
收藏到网摘: 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