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;
}


效果如下图:



阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭