ps教程:photoshop制作网站中的社交按钮
.................................................................................................................................................................
网站中社交按钮是一个必不可少的元素,如果访客通过社交按钮分享我们的网站,也能达到一个推广的作用,今天的教程是用photoshop制作一个垂直的社交按钮,分为原始状态和鼠标经过两种状态,本教程制作的图标是facebook和twitter的关注按钮,大家也可以换成新浪微博、qq空间等关注或者分享按钮,颜色可以搭配使用。
效果图:
步骤:
1、新建ps文件,大小为600px*400px,把背景图层填充渐变颜色如图:
2、新建图层(图层一),用矩形选框工具画一个矩形,并填充为白色。
3、做一个三角形选区,delete删除,ctrol+d取消选取。
4、双击图层一,进入图层样式面板,添加阴影、内发光、描边和渐变叠加。
得到结果如图:
5、右击图层一,转化为智能对象,执行滤镜>杂色>添加杂色。
6、选择直排文字工具,前景色为#2e81c6,输入一排“-”符号。
7、复制一层文字图层并移到右边。
8、添加图标。
9、添加文字
10、其他三个按钮的制作方法同上。
转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。
特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
...........................................................................................................................................................
发表评论
要发表评论,您必须先登录。