以文本方式查看主题

-  爱心论坛  (http://zqax.net/bbs/index.asp)
--  平面设计 网页设计  (http://zqax.net/bbs/list.asp?boardid=43)
----  [转帖]Photoshop绘制精致的常用网页搜索框  (http://zqax.net/bbs/dispbbs.asp?boardid=43&id=20257)

--  作者:丫头
--  发布时间:2007/7/7 18:21:33
--  [转帖]Photoshop绘制精致的常用网页搜索框
本例教大家用Photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

  先看效果。

图片点击可在新窗口打开查看

  新建文件。

图片点击可在新窗口打开查看

  设置前景色为#252525,按Alt+Backspace填充为背景色。建一新图层“Box”,绘制一个354*70px的矩形填充颜色为#4f4f4f,双击图层进行描边。

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

  绘制一个圆角矩形,角度为10px,颜色为#eeeeee,添加内发光样式。

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

  在右边位置绘制一个小的圆角矩形,然后添加渐变叠加样式。

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

  最后加上文字,完成。