当前位置:主页 > 图片处理 >

Photoshop制作购物网页按钮【图】

  • 图片处理
  • 2022-11-05 12:12
  • 按钮,网页,购物,制作,选择,选区

修图匠“Photoshop制作购物网页按钮【图】”Photoshop图文教程内容:

最终效果:

 



第一步:新建图层,创建圆角矩形,颜色自定:

 



第二步:按CTRL键点击圆角矩形图层,可调出其选区.直接在图层一上使用线型渐变,颜色参考下图:

 



第三步:选择图层一,添加图层样式:如下图

 



                                       
 



第四步:使用加深,减淡工具,改变矩形的明暗效果,如下图:

 



第五步:按CTRL键点击图层1,调出圆角矩形选区,再选择圆形选择工具,按ALT键,在矩形右下角绘制出一个圆形选区,最后的结果是产生一个不规则的选区,如下图:

 



第六步:新建图层二,使用渐变,白色到透明.

 



第七步:CTRL+D,取消选择,改变图层二的透明度

 



第八步:输入文字,添加图标.

 



第九步:为文字层添加图层样式

 



                                       
 



完成最终效果:

最终效果:

 



第一步:新建图层,创建圆角矩形,颜色自定:

 



第二步:按CTRL键点击圆角矩形图层,可调出其选区.直接在图层一上使用线型渐变,颜色参考下图:

 



第三步:选择图层一,添加图层样式:如下图

 



                                       
 



第四步:使用加深,减淡工具,改变矩形的明暗效果,如下图:

 



第五步:按CTRL键点击图层1,调出圆角矩形选区,再选择圆形选择工具,按ALT键,在矩形右下角绘制出一个圆形选区,最后的结果是产生一个不规则的选区,如下图:

 



第六步:新建图层二,使用渐变,白色到透明.

 



第七步:CTRL+D,取消选择,改变图层二的透明度

 



第八步:输入文字,添加图标.

 



第九步:为文字层添加图层样式

 



                                       
 



完成最终效果:

温馨提示:以上“Photoshop制作购物网页按钮【图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长