如何在Photoshop中更改圆角矩形的半径


2

在这一点上,我正在考虑使用CSS 3,尤其是。因为我是一名程序员,但是我想用Photoshop做这件事,因为我觉得它更好,因为我还在处理图像,除了其他原因......

在我继续之前,我的第一个问题是:
是否有像设计师这样的超级用户(或类似Photoshop或问题)?

我想要的是:

我希望http://www.mattdipasquale.com/上的图标看起来像http://about.me/mattdipasquale上的图标。About.me有一个过时的Twitter图标,没有GitHubStackOverflow等图标。所以,虽然我喜欢他们的图标外观,但我希望能够自己创建这些图标,而不是使用他们的版本。

是)我有的:

我有不同的iphone图标,比如我从iTunes获得的Facebook iPhone图标Twitter iPhone图标等,使用Firebug查找背景图像的URL。我在Photoshop中打开它们并按下选项+命令+ i以使用Bicubic Sharper将图像尺寸缩小到32px x 32px(最适合缩小)。我现在有一个方形图标图层。

缩小差距:

除了图标图层,我想要一个裁剪遮罩层,它将应用5px圆角,1px笔划和1px斜角。(注意:我只想将效果应用到图标的边缘,因为光泽和其他效果已经在iTunes图像中编码。而且,我只是猜测像素值,但我希望它看起来不错,就像about.me上的图标。

我应该使用哪些设置进行混合选项以使图标看起来很好,例如iphone图标或about.me使用的图标?

为什么要使用剪贴膜?

我想使用剪贴蒙版的原因是我希望易于重现。我想通过简单地替换方形图标图层然后保存为Web来将相同的样式应用于其他方形图标图层。如果有更好的方法来实现这种易于重复性,请提出建议。我见过Photoshop iPhone图标模板,但我无法弄清楚如何将它们与我自己的图像一起使用。


2
我不确定超级用户是否适合这类问题。
BoltClock 2010年

Answers:


2

你可以很容易地在photoshop中创建一个圆角矩形矢量蒙版

  • 长按住矩形工具,选择圆角矩形工具
  • 在顶部的选项栏中设置半径。
  • 矢量形状不会捕捉到像素,因此要强制它需要为32x32图像的每个边框设置标尺,绘制矩形
  • 右键单击矢量蒙版(不仅仅是矢量蒙版图层),选择“光栅化矢量蒙版”
  • 选择掩码后,转到图像/ adustments / invert

现在你可以使用面具的颜色,添加你的笔触等。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.