当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
[组图]Photoshop绘制精致的常用网页搜索框
Photoshop绘制精致的常用网页搜索框
2007-6-24 9:58:27  文/闪电儿译   出处:网页教学网   
  本例教大家用Photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

  先看效果。

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

  新建文件。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

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

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

  效果如下。

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

  最后加上文字,完成。

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    电脑没装Photoshop不要紧 这货在线很…
    Photoshop无法替代的滤镜-几种实用的…
    Photoshop制作一款可爱的奶牛文字
    Photoshop基础教程:快速给雪景图片…
    Photoshop制作漂亮的折纸文字
    Photoshop CS5为照片增添油画效果
    Photoshop打造超酷的光影风格舞者海…
    Photoshop打造梦幻飘逸的古典仿手绘…
    Photoshop简单快速美白磨皮教程
    使用PS曲线调整对比度、亮度及色调
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号