当前位置导航：炫浪网>>网络学院>>图形图像>>PhotoShop教程>>PS综合实例

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

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

先看效果。

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

新建文件。

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

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

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

效果如下。

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

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

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

效果如下。

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

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

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

效果如下。

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

最后加上文字。

使用Photoshop绘制精致的网页搜索框
上一篇：制作动漫网站可爱卡通标题栏 下一篇：Photoshop创建卡通网站导航栏
相关内容
[更多]
赞助商链接