当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
[组图]Photoshop网页导航设计教你制作折叠的彩带
Photoshop网页导航设计教你制作折叠的彩带
2009-9-30 12:16:08  文/佚名   出处:中关村在线   

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

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

PS网页导航设计教你制作折叠的彩带

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

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

上一页  [1] [2] 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    电脑没装Photoshop不要紧 这货在线很…
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    Photoshop无法替代的滤镜-几种实用的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    Photoshop制作一款可爱的奶牛文字
    Photoshop基础教程:快速给雪景图片…
    Photoshop制作漂亮的折纸文字
    Photoshop CS5为照片增添油画效果
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号