Photoshop制作清新高雅的网站首页

核心提示： 接着为圆角矩形设置图层样式：‘外发光’/'描边’：然后，在圆角矩形内添加与描述相配的图片，Photoshop制作清新高雅的网站首页(7)，13、为右栏添加内容 像左栏和中栏一样，添加标题和图标，最后一件事，选择一些社区媒体图标添加到链接上方，对于未激活

接着为圆角矩形设置图层样式：

‘外发光’/'描边’：

然后，在圆角矩形内添加与描述相配的图片。

13、为右栏添加内容

像左栏和中栏一样，添加标题和图标。对于未激活的链接，采用深灰色（#353535）编辑字体，对于活动状态的链接，采用白色字体，并且创建深灰色（#353535）圆角矩形背景，半径也是3px。

14、设计时事通讯窗口

选取圆角矩形工具（U），生成一个3px的圆角矩形，像第2步一样设置杂色滤镜。

使用字体Georgia Italic编辑标题，从Mono图标中选择一个信封的图标，给此图标设置了颜色（#F7E5C4）叠加，创建了一个圆角矩形选框，用来输入用户邮箱，以白色填充。

15、添加footer

一开始创建footer，就像创建header中的导航一样，只不过要比导航条高些。

　　查看原图（大图）

接下来创建一些链接，选取圆角矩形选框工具（M），生成如下图一样的选框，以深灰色(#323232)进行填充，里面用白色文字填充。

然后把混合模式改成”弱光”，透明度降低到63%，以突出背景颜色。重复此流程，创建其它链接。

最后一件事，选择一些社区媒体图标添加到链接上方，选择站点logo和copyright放在footer右侧。

　　查看原图（大图）

本文示例源代码或素材下载