ps设计网站界面(ps个人网站设计)-九游娱乐

ps设计网站界面(ps个人网站设计)

本文主要介绍ps设计网站界面(ps个人网站)，下面跟着东辰网详细了解一下吧。

作者:HvDesigns.co.uk从:websbook.com翻译了这篇文章。这篇文章做的网站很有设计感。作为一个艺术设计类网站，传统的用户体验和网站内容可能不是首要考虑的，更多的应该是让整个网站在视觉上吸引人。

我们使用950x1130px作为网页设计文件的大小，背景为黑色，白形用圆角矩形制作，半径设置为15px。

如下图所示，我们完成的形状用于网站的头部，在那里放置标志和导航文本。

现在给它添加一个图层样式。

完成的头型样式如下

添加网站的域名文本和导航按钮文本

我们只在右边加了三个导航词。为了让它们不单调，我们在每个导航词前加一个发光的小图标，先做一个3px的长线，然后在上面加下面的样式，完成后复制三次。

完成后如图所示

使用选择工具绘制选区。

然后新建一个图层，填充白色，不透明度设置为2%。

在headblock下制作一个以白色圆角矩形为主要内容的导航文本区。

添加样式

完成这幅画

选择其中的一半。

创建一个新层，用白色填充选区，设置不透明度为5%，并添加导航按钮文本。正文之间的线条是两条1px的直线，一深一浅，所以看起来像是凹槽效果，在websbook.com之前的网站设计教程中多次出现过，这里就不详细解释了。

让让我们为导航按钮制作一个鼠标悬停效果。首先，用椭圆在新图层上画一个白色圆圈。

使用过滤模糊高斯模糊，设置参数为6~8，完成后剪切掉导航部分，剩下的圆圈不透明度设置为23%。

在导航层下面新建一层，用圆角矩形做如下虚线形状。

使用下面的样式来使用径向渐变。

上面的边缘渐变可以基于下图，完成后可以出来如下图。

配合网站本身的黑蓝色调，使用相应的素材图片，添加欢迎词。美术网站使用的图片可以随意使用。在本文中，我们只是选择相应的图片来迎合整个网站的基调风格。

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

用同样的方法制作网页分块。

使用顶部效果文本和发光图标

上述块中的开始块将用于放图片。所以我们为这个区块画了一个圆角矩形，并给它添加了一个样式。

见下图效果。

把事先准备好的图片放进去，用黑色做横条，放说明文字。黑色水平条的不透明度设置为40%。

另一个模块添加了文本新闻等标题。

给最后一块加一个圆角矩形，我们放小图片的地方。

请注意，我们整个网站的风格是圆角。图片中尽量使用圆角，统一整个网站的风格

为了更有设计感，我们会在图片的每一边做两个圆圈。

然后在上面加两个箭头，然后就可以换成flash了。

完工后，让让我们整体看看我们的设计网站。