当前位置: 首页 > 设计教程 > 网页设计教程 > 用Photoshop设计艺术类网站设计(2)

用Photoshop设计艺术类网站设计(2)

选中其中一半区域

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop制作网页模板中的玻璃按钮
    下一篇:Photoshop设计网站头部导航效果

    图集推荐

    • 灵感
    • 美图