PS设计教程网欢迎你!

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

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-03-26
创建顶部 8 建立新层 (Ctrl+Shift+N)标志位header,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px. 9 将选区置于画布中央, 确保选区的底部在navigation background图层的描边之上. 10 填充选区 (Alt+Backsp

创建顶部

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元素的专业网页布局

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa