PS设计教程网欢迎你!

Photoshop制作购物网站购买按钮(2)

文章来源于 飞鱼的声纳,感谢作者 Wantfee 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-11-11
选择锁子图层,使用自由变换命令(Ctrl+T),同时按住Shift键,调整锁子大小,直到合适。调整图片位置到按钮的居中位置。在图层面板中双击锁子图层,打开图层样式对话框,应用如下图层样式: 使用文字工具(T),键出Bu

选择锁子图层,使用自由变换命令(Ctrl+T),同时按住Shift键,调整锁子大小,直到合适。调整图片位置到按钮的居中位置。在图层面板中双击锁子图层,打开图层样式对话框,应用如下图层样式:

Photoshop制作购物网站购买按钮

Photoshop制作购物网站购买按钮

使用文字工具(T),键出”Buy It”文字,字体选择”Arial”,加粗,颜色#E3F7FF,双击文字图层,添加如下投影效果:

Photoshop制作购物网站购买按钮

最终效果如下图:

Photoshop制作购物网站购买按钮

第五步

添加价格标签。新建图层,使用钢笔工具画一个标签形状。你可以同时按住shift键来确保路径横平竖直。之后使用直接选择工具(A),配合上下左右方向箭头将路径形状调整到合适。在路径上点击右键选择填充路径(Fill Path),给路径填充前景色,再选择删除路径(Delete Path)命令,将路径删除掉,这时候留在图层上的就只有一个标签形状了(如下图)。

Photoshop制作购物网站购买按钮

选择椭圆形选取工具(M),样式选择固定大小,宽度7个像素,高度7个像素,在标签上做一个圆形的选区。调整选区的位置至标签的正中间,点击删除键(Delete),将圆形部分的像素删除,这样,标签上的孔洞就打好了。

Photoshop制作购物网站购买按钮

接下来给标签图层应用如下图层样式:

Photoshop制作购物网站购买按钮

Photoshop制作购物网站购买按钮

Photoshop制作购物网站购买按钮

添加文字,颜色白色,字体”Arial”,加粗,12个像素大小,添加投影图层样式。

Photoshop制作购物网站购买按钮

至此,整个的按钮就制作完成了。

Photoshop制作购物网站购买按钮

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=487344

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa