PS设计教程网欢迎你!

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

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-03-26
创建搜索框 29 新建图层(Ctrl+Shift+N) 命名为 search field在导航区域的右边新建矩形选区. 30 选择 编辑 填充(Shift+F5) 填充白色(#FFFFFF), 增加描边样式. 31 使用横排文字工作在搜索区域插入文字. 32 紧挨着搜索

创建搜索框

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

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