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

我的网站

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

时间:2010-10-27 21:02来源:思缘设计 作者:未知 点击:
选中其中一半区域 新建图层,并在选区中填充白色,设置不透明度为5%,加入导航按钮文字,文字之间的线条是用两条1px的直线,一深一浅,这样看上去就

选中其中一半区域

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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