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

我的网站

Photoshop绘制展示软件产品的绿色网页布局(2)

时间:2010-10-27 21:02来源: 作者: 点击:
创建小型的导航栏 选择圆角矩形工具,半径设置为10px. 在页眉矩形的右侧拉出小型的圆角矩形. 现在为你的圆角矩形增加图层样式. 在矩形内加入文字连接

创建小型的导航栏

选择圆角矩形工具,半径设置为10px.

Photoshop绘制展示软件产品的绿色网页布局

在页眉矩形的右侧拉出小型的圆角矩形.

Photoshop绘制展示软件产品的绿色网页布局

现在为你的圆角矩形增加图层样式.

Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局

在矩形内加入文字连接, 看起来应该是这样的.

Photoshop绘制展示软件产品的绿色网页布局

创建主要导航栏

在你使用圆角矩形工具创建主要导航栏之前,先选择矩形选区工具各增加一条高度为1px的线.在顶部的线颜色为黑色,底部的线颜色为黑色. 放置两条线在页眉矩形的底部.

Photoshop绘制展示软件产品的绿色网页布局

使用圆角矩形工具拖出矩形, 使矩形在页面和背景的中央位置.

Photoshop绘制展示软件产品的绿色网页布局

为你的导航增加以下样式.

Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局

在主要导航里面新建一个圆角矩形. 该矩形的颜色为白色,大小为主要矩形的一半或者更小.

Photoshop绘制展示软件产品的绿色网页布局

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