点击这里给我发消息 点击这里给我发消息

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

添加时间:2010-1-5
    相关阅读: 制作网页 网页 制作
 本例教大家用Photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。

  先看效果。

Photoshop绘制精致的常用网页搜索框(图一) 新建文件。

Photoshop绘制精致的常用网页搜索框(图二)

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

Photoshop绘制精致的常用网页搜索框(图三)

  效果如下。

Photoshop绘制精致的常用网页搜索框(图四)

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

Photoshop绘制精致的常用网页搜索框(图五)

  效果如下。

Photoshop绘制精致的常用网页搜索框(图六)

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

Photoshop绘制精致的常用网页搜索框(图七)

  效果如下。

Photoshop绘制精致的常用网页搜索框(图八)

  最后加上文字,完成。

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册