PS设计教程网欢迎你!

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

文章来源于 PSDTemplate,感谢作者 站码翻译 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-11-03
13。因为我们的导航栏看上去有点空,我们在右侧再添加个搜索框。选择矩形工具,添加一个尺寸:255 26的框,设置层样式:(内投影) 看看下面的效果: 现在来装饰导航。 14。选择矩形工具,绘制出形状(在导航栏)在下

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制作清爽绿色风格网页模板

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa