虫虫技术在线--技术决定出路

当前位置: 首页 > 设计 > 平面设计 >

Photoshop教程:一款清新高雅的网页布局(3)

时间:2010-04-25 12:06来源:PS真功夫 作者:虫虫编辑 点击:
接着为圆角矩形设置图层样式: 外发光/'描边: 然后,在圆角矩形内添加与描述相配的图片。 13、为右栏添加内容 像左栏和中栏一样,添加标题和图标。

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

‘外发光’/'描边’:

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

13、为右栏添加内容

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

14、设计时事通讯窗口

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

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

15、添加footer

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

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

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

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

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