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

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

创建搜索框

29 新建图层(Ctrl+Shift+N) 命名为 “search field“在导航区域的右边新建矩形选区.

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

30 选择 编辑 >填充(Shift+F5) 填充白色(#FFFFFF), 增加描边样式.

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

31 使用横排文字工作在搜索区域插入文字.

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

32 紧挨着搜索区域的地方,使用矩形选区工具(M)新建另外矩形.

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

33 填充任意颜色并且为图层加入渐变叠加和描边两种图层样式; 根据下面图片设置.

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

看起来应该是这样的.

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

创建特色区域

34 建立新层 (Ctrl+Shift+N)命名为”featured area“,使用圆角矩形工具新建矩形,圆角半径为10px.

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

35 使用多边形工具(L) 创建锐利的箭头指向左上部分. 为箭头填充同样的颜色.

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

36 现在为你的特色区域图层增加一对图层样式(渐变叠加和描边) .

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

填充特色区域内容

37 建立新层(Ctrl+Shift+N) 命名为 “featured border” 使用矩形选区工具(U), 在特色区域里面新建矩形.

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

38 按Ctrl键点击区域缩略图载入选区, 然后点击”旋转> 修改 > 收缩”. 收缩区域威10px, 然后按下OK.

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

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

    图集推荐

    • 灵感
    • 美图