PS做网页常用搜索框,清新蓝色搜索框快速制作

 时间:2024-10-21 18:38:34

矩形工具加上适当的图层样式做网页搜索框的外部样式,内憧钏荭拜部搜索框的放大镜应用形状工具即可完成,采用清新蓝色调,轻松快速制作网页常用搜索框。小伙伴们,看看效果图先:

PS做网页常用搜索框,清新蓝色搜索框快速制作

工具/原料

PhotoShop软件

方法/步骤

1、新建网页(ctrl+n)如图尺寸

PS做网页常用搜索框,清新蓝色搜索框快速制作

2、选择颜色如图,这里的背景色是效果需要,一般做网页搜索框是不需要这一部的,填充(alt+del)

PS做网页常用搜索框,清新蓝色搜索框快速制作

3、选择圆角矩形工具(u),设置半径5像素,画合适大小矩形框,根据网页大小而定,选择前景色填充,颜色也是根据网页整体色调而定,命名图层为搜索框外框,如图所示:

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

4、给搜索框外框图层添加图层样式,内阴影、渐变叠加、描边;如图:

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

5、复制新建搜索框外框图层(Ctrl+j),调整大小(ctrl+t),(调整大小时按住shift召堡厥熠键等比例缩放,或者画一个矩形框也行),填充颜色为白色,调整图层样式,如图:

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

6、选择自定义形状工具,追加全部图形,拉到最下面选择放大镜,画合适大小的放大镜在右边,选择颜色填充,设置图层样式,如图:

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

PS做网页常用搜索框,清新蓝色搜索框快速制作

7、7.到此网页搜索框制作完成,如果要彰显个性,放大镜的图案可以自己画,而且这样做改颜色特方便,直接填充其他颜色就行了。最后PS网页搜索框完成效果:

PS做网页常用搜索框,清新蓝色搜索框快速制作

如何更改html网页输入框的宽度和高度? 弹力果冻怎么提升武器等级上限? 地下城冒险攻略 会玩怎么开游戏房间 城市天际线pov
热门搜索
牌楼图片 手淫图片 可回收垃圾图片 红辣椒图片 菜市场图片