建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

PS打造网站中的联系按钮

时间:2011-10-29 15:47来源: 作者: 点击:
本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮。 先看效果图 新建文档1280x1024像素,建新层,填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色的圆角矩形。 添加图层样式。 效果如下。 建新层,画一个黑色正圆,添

本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮。

先看效果图


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

效果如下。


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


添加图层样式。

效果如下。

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


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

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


添加图层样式。


效果如下。


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


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


添加图层样式。

效果如下。


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


其它效果。



(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片