WEB开发网      婵傜晫鐝總钘夊瀻娴滎偓绱掓担鐘垫畱娑撯偓娴犺棄鍨庢禍顐fЦ閹存垳婊戦惃鍕娴犺棄濮╅崝娑崇幢鐠囧嘲鍨庢禍锟� ---閿曪拷
开发学院图形图像PhotoShop Photoshop绘制精致的常用网页搜索框 阅读

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

 2007-06-26 19:56:55 来源:WEB开发网 閵嗭拷閸戝繐鐨€涙ぞ缍�婢х偛銇囩€涙ぞ缍�閵嗭拷  閸忚櫕鏁為弶銊︿航妞嬬偟娈戝顔煎触
核心提示:本例教大家用photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用,Photoshop绘制精致的常用网页搜索框, 先看效果,新建文件,效果如下,最后加上文字,设置前景色为#252525,按Alt+Backspace填充为背景色
本例教大家用photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

先看效果。

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

新建文件。

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

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

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

效果如下。

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

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

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

效果如下。

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

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

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

效果如下。

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

最后加上文字,完成。

Tags:Photoshop 绘制 精致

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接