Photoshop绘制3D元素的专业网页布局(4)
- 时间: 2010-10-27 21:02
- 来源:
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
创建搜索框
29 新建图层(Ctrl+Shift+N) 命名为 “search field“在导航区域的右边新建矩形选区.

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

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

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

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


看起来应该是这样的.

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

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

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


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

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


关注设计帝国公众号
- 上一篇:上一篇:Photoshop美工教程:设计清新高雅的网页布局
- 下一篇:下一篇:Photoshop制作碳纤维风格的插入式导航菜单

