• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 网页制作教程 > ps教程:photoshop制作网站中的社交按钮

ps教程:photoshop制作网站中的社交按钮

.................................................................................................................................................................

网站中社交按钮是一个必不可少的元素,如果访客通过社交按钮分享我们的网站,也能达到一个推广的作用,今天的教程是用photoshop制作一个垂直的社交按钮,分为原始状态和鼠标经过两种状态,本教程制作的图标是facebook和twitter的关注按钮,大家也可以换成新浪微博、qq空间等关注或者分享按钮,颜色可以搭配使用。

效果图:

preview

步骤:
1、新建ps文件,大小为600px*400px,把背景图层填充渐变颜色如图:

step01
2、新建图层(图层一),用矩形选框工具画一个矩形,并填充为白色。

step02
3、做一个三角形选区,delete删除,ctrol+d取消选取。

step05
4、双击图层一,进入图层样式面板,添加阴影、内发光、描边和渐变叠加。

step06step07step08step09
得到结果如图:

step10
5、右击图层一,转化为智能对象,执行滤镜>杂色>添加杂色。

step11
6、选择直排文字工具,前景色为#2e81c6,输入一排“-”符号。

step13
7、复制一层文字图层并移到右边。

step15
8、添加图标。

step17
9、添加文字step18

10、其他三个按钮的制作方法同上。

本文链接:ps教程:photoshop制作网站中的社交按钮

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流