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

资讯 驱动中国 534 次阅读 0 条评论
分享 Q

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

先看效果。

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

新建文件。

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

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

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

效果如下。

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

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

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

效果如下。

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

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

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

效果如下。

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

最后加上文字,完成。

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友