此时，我正在考虑只使用 CSS 3，特别是因为我是一名程序员，但我想用 Photoshop 来实现这一点，因为我认为它更好，因为我无论如何都要处理图像，还有其他原因......
在继续之前，我的第一个问题是：
有没有一个像 SuperUser 这样供设计师使用的地方（或者用于解决类似 Photoshop 的问题）？
我想要的是：
我想要图标http://www.mattdipasquale.com/看起来像那些http://about.me/mattdipasquale。关于我有一个过时的 Twitter 图标，并且没有图标GitHub，堆栈溢出等等。所以，尽管我喜欢它们的图标的外观，但我希望能够自己创建这些图标，而不是使用它们的版本。
我拥有的：
我有不同的 iPhone 图标，例如Facebook iPhone 图标，Twitter iPhone 图标等等，我从iTunes，使用 Firebug 找到背景图片的 URL。我在 Photoshop 中打开它们，然后按 option + command + i，使用 Bicubic Sharper（最适合缩小）将图片大小缩小到 32px x 32px。我现在有一个方形图标层。
缩小差距：
除了图标层之外，我还想有一个剪贴蒙版图层这将应用 5px 圆角、1px 描边和 1px 斜面。(注意：我只想将效果应用于图标的边缘，因为光泽和其他效果已经编码在iTunes 图像。另外，我只是猜测像素值，但我希望它看起来不错，就像 about.me 上的图标一样。）
我应该使用哪些混合选项设置来使图标看起来好看，像 iPhone 图标或 about.me 使用的图标？
为什么要使用剪贴蒙版？
我想使用剪贴蒙版的原因是我想要易于重现。我希望能够通过简单地替换方形图标层然后保存为网页，将相同的样式应用于其他方形图标层。如果有更好的方法来实现这种易于重现性，请提出建议。我见过Photoshop iPhone 图标模板，但我不知道如何将它们用于我自己的图像。
答案1
你可以很容易地在 Photoshop 中创建圆角矩形矢量蒙版
- 长按矩形工具，选择圆角矩形工具
- 在顶部的选项栏中设置半径。
- 矢量形状不会捕捉到像素，因此要强制它，您需要为 32x32 图像的每个边框设置一个标尺，绘制矩形
- 右键单击矢量蒙版（不仅仅是矢量蒙版层），选择“栅格化矢量蒙版”
- 选择蒙版后，转到图像/调整/反转
现在您可以为您的面具添加颜色、添加笔触等等。