WEB开发网
开发学院图形图像PhotoShop Photoshop设计网页教程:BoxedArt网站设计 阅读

Photoshop设计网页教程:BoxedArt网站设计

 2009-11-20 00:00:00 来源:WEB开发网   
核心提示: HEADER部分第四步:导航条设计顶部的导航区域部分我们放置了一条条状的带子,我们可以看到这种带状风格在很多网站都有应用,Photoshop设计网页教程:BoxedArt网站设计(3),不过我们这里用到的有一点不同,由于BoxedArt 想要将这个设计看起来像用来发送邮件的盒子,然后我们增加另一

HEADER部分第四步:导航条设计

顶部的导航区域部分我们放置了一条条状的带子。我们可以看到这种带状风格在很多网站都有应用,不过我们这里用到的有一点不同。由于BoxedArt 想要将这个设计看起来像用来发送邮件的盒子。为了创建这个导航条我们需要从bigstockphotos.com上下载一个带状的图片,使用自由变换工具(在编辑菜单下选择自由变换或者快捷键CTRL+T)沿着顶部的区域伸展开来 。接下来创建透明效果我们要把图层样式设置为线性加深。下面就是效果:

Photoshop设计网页教程:BoxedArt网站设计

图片看不清楚?请点击这里查看原图(大图)。

第五步:老邮票导航按钮

停留在盒子主题,我们要让这个导航按钮看起来有点破旧磨损邮票。为了达到这种效果列,我们需要一张老邮票(还是在 bigstockphotos.com上下载)。下载后第一步是描出邮票的路径,从背景中提出来,邮票上依然有图像。为了覆盖邮票上的图像,我们用一张黄色的纸张粘贴在上面也就是添加一个纹理效果。

下一步,我们要给导航按钮添加一些颜色来区别各种不同类的导航,我们在邮票上添加一些装饰花纹效果,在你完成创建好颜色盒子后,我们把这个层的样式修改为线性加深以便颜色能与老照片混合在一起。然后我们增加另一个新层自上而下颜色为黑白我们给这个图层添加胶片颗粒艺术效果设置如下,最后我们把图层设置为正片叠底,把这个不透明度设置为60%。

Photoshop设计网页教程:BoxedArt网站设计

上一页  1 2 3 4 5 6 7 8  下一页

Tags:Photoshop 设计 网页教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接