在这一点上,我正在考虑使用CSS 3,尤其是。因为我是一名程序员,但是我想用Photoshop做这件事,因为我觉得它更好,因为我还在处理图像,除了其他原因......
在我继续之前,我的第一个问题是:
是否有像设计师这样的超级用户(或类似Photoshop或问题)?
我想要的是:
我希望http://www.mattdipasquale.com/上的图标看起来像http://about.me/mattdipasquale上的图标。About.me有一个过时的Twitter图标,没有GitHub,StackOverflow等图标。所以,虽然我喜欢他们的图标外观,但我希望能够自己创建这些图标,而不是使用他们的版本。
是)我有的:
我有不同的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图标模板,但我无法弄清楚如何将它们与我自己的图像一起使用。