织梦CMS - 轻松建站从此开始!

我的网站

Photoshop制作清爽绿色风格网页模板(3)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
13。因为我们的导航栏看上去有点空,我们在右侧再添加个搜索框。选择矩形工具,添加一个尺寸:255 26的框,设置层样式:(内投影) 看看下面的效果:

Photoshop制作清爽绿色风格网页模板

13。因为我们的导航栏看上去有点空,我们在右侧再添加个搜索框。选择矩形工具,添加一个尺寸:255 × 26的框,设置层样式:(内投影)

Photoshop制作清爽绿色风格网页模板
Photoshop制作清爽绿色风格网页模板

看看下面的效果:

Photoshop制作清爽绿色风格网页模板

现在来装饰导航。

14。选择矩形工具,绘制出形状(在导航栏)在下方:1022X32。颜色填充:#c0de7a

15。现在添加一些其他素材。

16。如下图中的图型。

Photoshop制作清爽绿色风格网页模板

向上移动,如下图,主要图层摆放关系。

Photoshop制作清爽绿色风格网页模板

17。接下来,我会重复复制素材(层>复制层)。

下面效果:

Photoshop制作清爽绿色风格网页模板

18。步骤重复5-7次以上,下面全部覆盖就可以了,然后把每个层的透明度设置为16%就差不多了~~

Photoshop制作清爽绿色风格网页模板

下面开始制作中间的宣传部分

19。选择矩形工具,并创建一个具有以下尺寸形状:1022 x 178。使用这种颜色:#80ad0a

20。在形状中创建一个循环使用椭圆工具

21。选择矩形工具,选择如绿色背景高度。

Photoshop制作清爽绿色风格网页模板

22。按Ctrl + Alt +I(反向选择),然后按下删除。删除多余部分:

Photoshop制作清爽绿色风格网页模板

23。现在修饰一下这个部分吧,你需要在中间放一个向日葵,在两边添加一些矢量装饰图和一些文本

效果看看吧:

Photoshop制作清爽绿色风格网页模板

其他部分都好了~ 在做下面的主要内容部分。

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容