PS设计教程网欢迎你!

Photoshop设计艺术类网站设计过程(2)

文章来源于 websbook.com翻译,感谢作者 Hv-Designs.co.uk 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-10-23
选中其中一半区域 新建图层,并在选区中填充白色,设置不透明度为5%,加入导航按钮文字,文字之间的线条是用两条1px的直线,一深一浅,这样看上去就有了凹槽效果,这在websbook.com之前的网站设计教程中多次出现,这

选中其中一半区域

Photoshop设计艺术类网站设计过程

新建图层,并在选区中填充白色,设置不透明度为5%,加入导航按钮文字,文字之间的线条是用两条1px的直线,一深一浅,这样看上去就有了凹槽效果,这在websbook.com之前的网站设计教程中多次出现,这里不再详细说明

Photoshop设计艺术类网站设计过程

我们为导航按钮制作一个鼠标滑过效果,先用椭圆在新图层上制作白色圆圈

Photoshop设计艺术类网站设计过程

用"滤镜> 模糊>高斯模糊",设置参数为6~8,完成后裁剪掉导航部分,将剩余圆圈设置不透明度到23%

Photoshop设计艺术类网站设计过程

在导航图层下新建一个图层,使用圆角矩形制作如下虚线形状

Photoshop设计艺术类网站设计过程

使用如下样式,使用放射渐变

Photoshop设计艺术类网站设计过程

上面的边线渐变可根据下图,完成后能出来如下图样子即可

Photoshop设计艺术类网站设计过程

配合网站本身的黑蓝色色调使用对应的素材图片,加入欢迎文字,艺术网站使用的图片可以随意行,本文我们只是为了迎合整个网站的色调风格选择对应的图片

Photoshop设计艺术类网站设计过程

上图中右下角的按钮样式如下

Photoshop设计艺术类网站设计过程

Photoshop设计艺术类网站设计过程

Photoshop设计艺术类网站设计过程

用同样的方法为网页制作区块

Photoshop设计艺术类网站设计过程

使用顶部效果文字与发光图标

Photoshop设计艺术类网站设计过程

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