论坛 › Photoshop › photoshop设计制作一款行业网站模板

裘静娴 发表于 2013-11-27 10:31:36

photoshop设计制作一款行业网站模板

简介:本例中我们利用photoshop设计制作出一出质朴风格的软件行业网站模板效果图,软件行业是专业性很强的,因此我们不必用过于鲜艳的色彩,而是用较多的金属按钮和灰色来完成.
先看一下看完成效果图：

创建760x770大小PS文件，设定前景色为#e8e8e8，创建图层，随后用油漆捅工具在创建的图层上打造渐变色，色彩从#e8e8e8到透明，见下图设定

随后用油漆桶从下往上拖条渐变线，此时效果图如下

用圆角矩形工具，半径为7px

随后打造下图这些圆角矩形外形

运用椭圆工具打造下方四个正圆(按shift建绘制正圆)

为四个圆加上图层样式





结果如下

此时我再打造四个黑色的圆放到前面的图层上，如下

为黑色的圆加上图层样式





这是做完后的按钮效果

                                                           
      选中按钮的所有图层

把所有图层拷贝一遍

选中拷贝出的所有图层，随后按ctrl+e拼合为一图层

编辑 > 变换路径 > 垂直翻转，之后把拷贝出的按钮拖动到原按钮的下面

我们这么做的目的是只为打造按钮的倒影效果，这儿倒影的打造手法非常简易，我先选取如下的笔刷

随后我对下方的按钮执行笔刷抹沫

最终设定不透明度为20%就做完了倒影的打造

我再加入一点icon的小图标作为修饰

此时开始打造导航条部分

加入导航文字和LOGO

随后为导航文字打造鼠标拖动上时的完成图

在上方的黑色圆角矩形图层上按右键选取”删格图层“，如此完全切换为像素图，而没有路径边框了

用选区工具去掉下方的多余部分

按钮此时效果如下图

文字和内容的加上并没有什么可叙述的，做完后如下

这儿我们要为我们的软件包装照片制做一促销的图标，用多变形工具，设定如下

打造一白色的多边形，随后加一点文字

运用笔刷做对页面一点装饰



最后做完的软件网站效果页面如下

禹云亭 发表于 2013-11-27 10:35:29

为毛老子总也抢不到沙发？！！

欧阳彦芝 发表于 2013-11-27 10:35:29

边撸边过

邢萦怀 发表于 2013-11-27 12:55:31

支持，楼下的跟上哈~

那安娴 发表于 2013-11-28 17:22:46

顶起出售广告位

亢昭懿 发表于 2013-11-30 08:50:09

支持，赞一个

颛孙雪羽 发表于 2014-3-13 13:23:25

啊啊啊啊啊啊啊啊啊啊啊

隗春娇 发表于 2014-3-31 14:56:37

有空一起交流一下

郎慧心 发表于 2014-4-4 10:12:52

楼主呀，，，您太有才了。。。

乐悦可 发表于 2014-4-8 14:33:25

珍爱生命，果断回帖。

井雪 发表于 2014-4-11 11:12:34

好，很好，非常好！

卫梦云 发表于 2024-8-3 13:38:59

我也来顶一下..

田美华 发表于 2024-8-29 07:21:15

楼主呀，，，您太有才了。。。

鱼柔妙 发表于 2024-8-30 06:50:53

前排支持下

米海龄 发表于 2024-10-2 16:59:23

回个帖子，下班咯~

逄妍丽 发表于 2025-5-19 22:18:24

OMG！介是啥东东！！！

查看完整版本: photoshop设计制作一款行业网站模板