爱心论坛互帮互助平面设计 网页设计 → [转帖]Photoshop绘制精致的常用网页搜索框

分享到:

  共有4737人关注过本帖树形打印复制链接

主题:[转帖]Photoshop绘制精致的常用网页搜索框

美女呀,离线,留言给我吧!
丫头
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 认证会员 等级:青蜂侠 帖子:1365 精华:4 积分:11565 金钱:20233 金币:0 魅力:6353 威望:0 登陆:207 注册:2007/4/24 23:25:08 近访:2008/1/23 15:08:18 在线:在线0天0小时0分钟.
离升级差0天20小时0分钟.
目前等级0
[转帖]Photoshop绘制精致的常用网页搜索框  发帖心情 Post By:2007/7/7 18:21:33 [只看该作者]

贴子已被锁定

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

  先看效果。

图片点击可在新窗口打开查看

  新建文件。

图片点击可在新窗口打开查看

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

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

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

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

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

图片点击可在新窗口打开查看

  效果如下。

图片点击可在新窗口打开查看

  最后加上文字,完成。



梦想越是美丽,就越显得遥不可及;可奇怪的是,一旦你下定了决心,很快地,那些梦想就一一成为了现实。
 回到顶部