当前位置:首页 > PS教程 > 网页设计

Photoshop设计常见的网站联系我们按钮

  • 2022-12-25 00:57:59
  • 来源/作者:互联网/佚名
  • 己被围观

作者:佚名 出处:一起PS吧 本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习 先看效果图。 新建文档1280x1024像素,建新层,填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色的圆角矩形。 添加图层样式。


作者:佚名   出处:一起PS吧

本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习

先看效果图。

新建文档1280x1024像素,建新层,填充黑色,添加图层样式。

效果如下。

建新层,画一个黑色的圆角矩形。

添加图层样式。

效果如下。


 

建新层,画一个黑色正圆,添加和上一步相同的样式。

暂时隐藏圆形层,底部建新层,调出圆形层选区,填充黑色,去掉选区,高斯模糊7像素,调出大圆角矩形选区,添加蒙版。

显示圆形层,建新层,画一个白色正圆。

添加图层样式。

效果如下。

建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。

选择黑色矩形层,调出信封图层选区,添加蒙版。


 

添加图层样式。

效果如下。

输入白色文字,添加投影样式,底部建新层为图标添加一个阴影。

其它效果。




 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条