返回列表 发帖

adobe cs4论坛原创PS教程:网页中圆角按钮效果[六步]

让角变圆的过程俗称 刮像素
有人说在刮像素的时候有种莫名的快感,呵呵,比如我这样的人。


最后的效果见图
last.png
2009-12-9 11:45

现在也比较常见了
步骤如下
1、新建
1.png
2009-12-9 11:45


2、在100%的比例下选取按钮大小
2.png
2009-12-9 11:45


3、放大到3200%,然后把角删除三个像素
三个像素的最后效果是第一个按钮
4.png
2009-12-9 11:45


如果要做得更圆,可以按这个来删
8.png
2009-12-9 11:45

9.png
2009-12-9 11:45



4、调回100%,鼠标点图层,出现选框
5.png
2009-12-9 11:45



5、选择->修改->收缩1像素
如果要按钮的边更宽可以多几个像素
6.png
2009-12-9 11:45



6、新建一个图层,并用渐变工具拉个不明显渐变
7.png
2009-12-9 11:45




完工。
Adobe CS4论坛版权所有谢绝转载,否则律师函伺候

最后,感谢MABAO哥哥在糯米团平面设计工作室的岁月里带我入门。

1.jpg
2010-3-4 03:50
  直接就有的啊·!

TOP

是的,你的方法的确要更快捷,但是如果要配合CSS,制作类似“山顶角”的效果,刮像素能够更精确地控制。
此外,这种“快捷方式”更容易让人不求甚解,不明白原理。

TOP

返回列表