您当前的位置:首页 > photoshop教程 > 制作设计

用PS制作网页翻页下一页按钮

2018-12-01 20:09:54人浏览
简介  在制作网页时经常要使用到各种按钮,如上一页、下一页按钮等,如果只使用网页中的默认按钮,样式很普通,效果很平淡。所以在网页制作时我们可以自己设计一些按钮来增添网页的视

  在制作网页时经常要使用到各种按钮,如上一页、下一页按钮等,如果只使用网页中的默认按钮,样式很普通,效果很平淡。所以在网页制作时我们可以自己设计一些按钮来增添网页的视觉效果,本例以制作“next page"翻页按钮为例,用PS设计制作一个网页翻页按钮。

制作步骤:

1)打开PS新建一个空白文档,高度宽度都设置为500像素,背景白色。使用“钢笔工具”,在选项中设置模式为“形状”,创建如下图所示的图形:

2)双击图层缩览图,打开“图层样式”,选择“内阴影”“渐变叠加”,设置如下图:

3)选择“投影”,设置如图,设置完成后点击“确定”,然后使用“椭圆工具”创建一个任意颜色的正圆形

4)双击该图层缩览图,弹出“图层样式”,选择“内阴影”和“渐变叠加”,进行相应的设置,如图:

5)选择“投影”,进行相应的设置,设置完成后,点击“确定”,得到如下图所示效果

6)打开字符面板进行相应的设置,如图所示,输入文字“next page",调整文字大小和位置到合适大小以适应按钮。

7)双击该文字图层,打开“图层样式”,选择“投影”,进行相应的设置,设置完成后点击“确定”,如图

  8)使用相同方法制作白色箭头,在背景图层上新建图层,使用黑色柔边画笔涂抹出阴影部分。

制作完成后的最终效果如下图所示:

上一篇: 很抱歉没有了

下一篇: 手动绘制wifi图标矢量图