11

我经常对以 PSD 格式提供的网页设计进行切片。作为站点构建者,我不需要创建图形——我只需要重新排列图层、隐藏图层并显示其他图层、选择颜色、宽度、高度等。有什么工具可以完成这项工作?

我知道 Adob​​e Photoshop,但对于不想绘图并拥有许多花哨功能但可靠地打开 PSD (不幸的是,GIMP 在这一点上大多失败)并将其切片以构建的站点构建者来说,它是一个非常昂贵的工具网站模板。我知道有很多图像查看器可以打开 PSD 文件,但这些应用程序不是我要找的——我还没有找到一个允许我处理图层的应用程序。

4

7 回答 7

6

Paint.NET 随着时间的推移越来越好。您可以使用插件打开 PSD 文件。

插件: http: //psdplugin.codeplex.com/

油漆网 http://www.getpaint.net/

于 2009-04-22T13:17:15.573 回答
6

Adobe Imageready 曾经与 Photoshop 一起用于切片。被烟花取代了

Adobe 对其所有产品都有免费试用版;)

于 2009-04-22T13:23:28.723 回答
3

尝试查看 Photoshop Elements。http://www.adobe.com/products/photoshopelwin/

于 2009-04-22T13:27:41.600 回答
2

看看 Paint Shop Pro ( http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051 ) - 据我所知,它可以很好地处理 PSD,而且它的竞争价格约为 80 美元

于 2009-04-22T14:33:11.613 回答
2

我意识到这是一个旧线程,但想稍微更新一下:

任何考虑基于此线程获取 Photoshop Elements 的人都应该知道 Elements(至少 v. 10.0)不支持图层组,这可能会限制您正确切片 psd 文件的能力。

Pixelmator (v.1.6.7) 是 Photoshop 的另一种常见“精简版”替代品,支持组,但有其他问题,例如处理文本图层。

于 2012-03-09T04:04:58.837 回答
1

我认为更实惠的 Fireworks 也可以工作,但根据我的经验,按照设计师的意图打开 PSD 的唯一可靠方法是使用 Photoshop。使用其他程序会导致细微差别。

于 2009-04-22T13:25:29.687 回答
1

我知道这个问题已经很老了,但我想发布这个答案,希望它能帮助其他人寻找答案。这是我在寻找解决方案时出现的热门帖子之一。


Adobe 有一个名为 Creative Cloud Extract 的免费网络应用程序,可让您以只读方式访问 PSD。单击此处以了解有关您可以做什么以及如何使用它的更多信息。如果您还没有 Adob​​e ID,则只需注册一个免费的 Adob​​e ID。

Creative Cloud Extract 是 Creative Cloud Assets 中的一项免费新功能,可帮助您直接在浏览器中探索 PSD,包括图层和图层合成。它特别有利于网页设计师和开发人员,他们可以共享 PSD、解锁设计信息和下载可用于生产的资产。使用 Extract,您可以在浏览器中对 PSD 文件执行以下操作:

  • 复制文本和 CSS
  • 获取颜色、渐变和字体信息
  • 测量元素之间的距离
  • 保存优化的图像资源以供生产

我认为这是在使用 Adob​​e 的一种付费产品之外查看 PSD 的最可靠方法。正如其他人所提到的,第三方程序可能无法正确打开 PSD 文件。由于它是 Adob​​e 的官方产品,而且 Adob​​e 在创建 Extract 时考虑到了开发人员,因此我可以合理地确定它将与从 Photoshop 创建的任何 PSD 完全兼容。


一个更好的选择是Brackets,一个开源代码编辑器。最新版本实际上带有内置于编辑器中的 Extract 的预览版。我发现的最酷的功能之一是您可以打开一个 PSD,并在输入 CSS 代码时,它会根据当前选择的图层为您提供提示。您还可以选择带有图像的图层或一组图层,一旦您在预期图像路径的位置(例如img 元素的 src 属性)。

于 2015-12-07T20:45:42.717 回答