今天在网上无意中看到了一个能在线制作圆角图片的网站http://www.roundedcornr.com/，小试了一下，感觉相当不错。对Photoshop不是很熟悉的朋友这下可有福音了，在圆角的制作方面节省了不少时间。
Roundedcornr这个网站同时提供了在线生成css 圆角表格和css圆角边框代码。使用起来也相当简单，输入几个参数，点生成就可以输出相关代码，你拷贝下来小改一下就可以了。我主要介绍在线生成圆角图片的步骤，你可以把网页颜色选择调试器打开，用它来查找颜色的代码值，在制作时会用到。

首先打开该网站拉滑块你会看到“Single RoundedCornr Image”一栏，就在这里了，你会看到一些需要你输入的参数数值。Height 和Width 是让你设定你要生成的图标尺寸，单位为像素。Corner background 是你生成的图象放在什么背景上，当选择透明（Transparent）时，它会自动将你的图片背景设成你的图片主色，你可以选择Solid，颜色代码为：#FFFFFF。这样你的背景就是纯白色的。通过“Top Left Corner”等后面圆角和方形的参数可以将图片四角设置成你需要的形状，你还可以设置圆角的半径（Corner radius），参数直接填数字就可以。接下来就是图片的处理，你可以把图片的背景色设为一种颜色（solid），也可以设成渐变色（Gradient），这里要提一下的是“Gradient height”，设置不同的数值会有不同的渐变效果，当然你的数值应该小于你图片的高度（因为只有上下渐变，没有左右渐变）。图片设置好后你需要为你的图片加个边线（Border），这里你可以将它设置成无或者有，如果你需要线框它还给你提供了线框的厚（Thickness）和颜色供你选择。如果想要美观一些，可以把厚度为1或更小，让边线很细。图片做好了，需要在上面写些文字吧，你可以设置文字的颜色和大小，不过可惜的是不支持中文，不过我觉得用英文比中文帅多了……