首 页 | 模 板 | 学 院 | 源 码 | 书 籍 | 壁 纸 | 字 体 | JS脚本 | FLASH源码 | 软 件 | 矢 量 | 服务器软件 | 素 材 | 其 它 |
设为主页
加入收藏
联系站长
平面设计 | 网页制作 | 程序编写 | 数 据 库 | 媒体动画 | 网络冲浪 | 服务器相关 | 站长乐园 | 业界动态 |
当前在线
Photoshop绘制精致的常用网页搜索框
2007-6-26 16:15:43  作者:模板天下收集整理  来源:未知 网友评论 0 条 论坛
  本例教大家用Photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

  先看效果。

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

  新建文件。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

  最后加上文字,完成。

共分1页  [1] 

>> 相关文章

关于网站 | 客服中心 | 服务条款 | 友情链接 | 广告联系 | 本站历程 | 网站导航

吉ICP备05000107号