本例教大家用photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。
先看效果。
新建文件。
设置前景色为#252525,按Alt+Backspace填充为背景色。建一新图层“Box”,绘制一个354*70px的矩形填充颜色为#4f4f4f,双击图层进行描边。
效果如下。
绘制一个圆角矩形,角度为10px,颜色为#eeeeee,添加内发光样式。
效果如下。
在右边位置绘制一个小的圆角矩形,然后添加渐变叠加样式。
效果如下。
最后加上文字,完成。
笑话军事旅游美容女性百态母婴家电游戏互联网财经美女干货家饰健康探索资源娱乐学院 数码美食景区养生手机购车首饰美妆装修情感篇厨房科普动物植物编程百科知道汽车珠宝 健康评测品位娱乐居家情感星座服饰美体奢侈品美容达人亲子图库折扣生活美食花嫁风景 | 首页 |
本例教大家用photoshop绘制一款网页上用的精致搜索框,希望对想制作网页的朋友有用。
先看效果。
新建文件。
设置前景色为#252525,按Alt+Backspace填充为背景色。建一新图层“Box”,绘制一个354*70px的矩形填充颜色为#4f4f4f,双击图层进行描边。
效果如下。
绘制一个圆角矩形,角度为10px,颜色为#eeeeee,添加内发光样式。
效果如下。
在右边位置绘制一个小的圆角矩形,然后添加渐变叠加样式。
效果如下。
最后加上文字,完成。