欢迎光临
我们一直在努力

photoshop绘制精致的常用网页搜索框_photoshop教程

建站超值云服务器,限时71元/月

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

  先看效果。


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


  新建文件。


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


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


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


  效果如下。


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


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


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


  效果如下。


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


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


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


  效果如下。


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


  最后加上文字,完成。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » photoshop绘制精致的常用网页搜索框_photoshop教程
分享到: 更多 (0)