ps圆角矩形图片的制作

方法一：

1.打开PhotoShop,并找开要处理的图片;

2.使用工具栏中的"矩形"工具,并对其如下设置:



在写有"注意"字样的地方,这个按钮表示用此工具建立路径,

路径的作用也就是为了我们 [ 3.转换成选区(快捷键:Ctrl+Enter) ] ;

4.快捷键:ctrl+shift+I  作用是:反相选取区域,如图:



5.这时按键盘上的"DEL"键,将图片周边的删去;

6.Ctrl+D取消选区;

7.保存时可保存成:*.GIF或*.PNG这两种格式都可保存成透明的.

方法二：

随着各大主浏览器对HTML5和CSS3的支持，在页面上显示圆角，再也不用再PS了，可也利用CSS3的属性来设置.

例如：

<a href="AddNote.aspx" class="addNote">&nbsp;&nbsp;+写新通知</a>

.addNote
{
    clear: both;
    float: left;
    margin: -37px 0 5px 600px;
    position:relative;
    text-decoration:none;
    width:90px;
    height:20px;
    background:black;
    color:White;
    border-top-left-radius:9px;
    border-top-right-radius:9px;
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
}

效果如下图：