收藏本站 
广告服务 
网站地图 
>> 本频道近100000余篇各类电脑技术、网络技术、软件技术、网页及平面设计等方面的电脑教程,我们的原则:不是精华拒不收录!
先飞电脑技术网技术文章网站建设布局配色
网络编程 | 网站建设 | 网络技术 | 设计教程 | 软件教学 | 程序开发 | 数据库开发 | 教育认证 | 硬件维护 | 媒体动画 | 机械电子 |
Photoshop绘制精致的常用网页搜索框
[ 作者:佚名    转贴自:网络转载    阅读次数:52    更新时间:2007-8-18 12:56:00   录入:刘光勇 ]         
    本例教大家用Photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

  先看效果。

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

  新建文件。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

  最后加上文字,完成。

文章首页【加入到收藏夹】告诉好友】【打印此文】【关闭窗口
  版权声明:本站提供的“Photoshop绘制精致的常用网页搜索框”版权归文章所有者,转载请注明出处!
 ·上一篇文章:网页技巧之在网页中使用嵌入字体      ·下一篇文章:如何成为顶尖的网页美工动画设计师?
相关文章
·Photoshop打造MSN透明水晶图标[95]
·用Suhosin加强PHP脚本语言安全性[55]
·用PhotoShop把彩色照片转成黑白[98]
·Linux操作系统下PHP服务器安全配置技巧[72]
·Photoshop表现抽象光芒照射背景[47]
网站主页 | 收藏本页 | 联系我们 | 广告服务 | 站点地图 | 会员注册 | 招聘信息 | 内容指正

联系QQ:先飞电脑技术网站事务联系QQ,点击可以直接留言. 32933427 电话:13710542091 [世界排名] 鄂ICP备05005890号 先飞电脑教程网