当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop绘制3D元素的专业网页布局(2)

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

创建顶部

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

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:Photoshop美工教程:设计清新高雅的网页布局
    下一篇:Photoshop制作碳纤维风格的插入式导航菜单

    图集推荐

    • 灵感
    • 美图