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

我的网站

Photoshop绘制3D元素的专业网页布局(2)

时间:2010-10-27 21:02来源: 作者: 点击:
创建顶部 8 建立新层 (Ctrl+Shift+N)标志位header,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px. 9 将选区置于画布中央, 确保选区的底部在navigation ba

创建顶部

8 建立新层 (Ctrl+Shift+N)标志位”header“,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px.

Photoshop绘制3D元素的专业网页布局

9 将选区置于画布中央, 确保选区的底部在”navigation background”图层的描边之上.

Photoshop绘制3D元素的专业网页布局

10 填充选区 (Alt+Backspace) 选择任意颜色, 然后增添以下样式.

Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局

增加顶部文字

11 使用横排文字工具添加网站的标题和口号. 设置参照下图.

Photoshop绘制3D元素的专业网页布局

效果看起来应该是这样的.

Photoshop绘制3D元素的专业网页布局

创建导航栏

12 创建新图层(Ctrl+Shift+N) 命名为 “navigation“.使用矩形选区工具(M),设置固定大小: 850px 宽 和 50px 高.

Photoshop绘制3D元素的专业网页布局

13 在顶部下面新建选区, 填充任意颜色.

Photoshop绘制3D元素的专业网页布局

14 现在,为你的 “navigation”层增加3种样式.

Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局

看起来应该是这样的.

Photoshop绘制3D元素的专业网页布局

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