Photoshop绘制精致的常用网页搜索框

作者：Eve Cole 更新时间：2009-08-03 19:21:54

　　本例教大家用Photoshop绘制一款网页上用的精致搜索框，希望对想制作网页的朋友有用。

　　先看效果。

使用Photoshop绘制精致的网页搜索框

　　新建文件。

使用Photoshop绘制精致的网页搜索框

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

使用Photoshop绘制精致的网页搜索框

　　效果如下。

使用Photoshop绘制精致的网页搜索框

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

使用Photoshop绘制精致的网页搜索框

　　效果如下。

使用Photoshop绘制精致的网页搜索框

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

使用Photoshop绘制精致的网页搜索框

　　效果如下。

使用Photoshop绘制精致的网页搜索框

　　最后加上文字，完成。