切片PSD有哪些工具?

时间:2009-04-22 13:12:59

标签: web slice psd

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

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

7 个答案:

答案 0 :(得分:6)

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

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

Paint.NET http://www.getpaint.net/

答案 1 :(得分:6)

Adob​​e Imageready过去常常使用Photoshop进行切片。那被Fireworks取代

Adob​​e对其所有产品进行免费试用;)

答案 2 :(得分:3)

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

答案 3 :(得分:2)

看看Paint Shop Pro(http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051) - 它可以很好地处理PSD,而且它的价格相当于80美元

答案 4 :(得分:2)

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

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

Pixelmator(v.6.6.7)是Photoshop的另一种常见“精简”替代方案,支持群组,但还有其他问题,例如在处理文本图层时。

答案 5 :(得分:1)

我认为更实惠的Fireworks也可以工作,但根据我的经验,打开PSD的唯一可靠方式是设计师打算使用photoshop。使用其他程序造成了微小的差异。

答案 6 :(得分:1)

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

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

  

Creative Cloud Extract是Creative Cloud Assets中的免费新功能   这有助于您直接在浏览器中浏览PSD,包括   层和层组成。它特别有益于网页设计师   和开发人员可以共享PSD,解锁设计信息,以及   下载生产就绪资产。使用Extract,您可以执行   在浏览器中使用PSD文件执行以下操作:

     
      
  • 复制文字和CSS
  •   
  • 获取颜色,渐变和字体信息
  •   
  • 测量元素之间的距离
  •   
  • 保存优化的图片资源以进行制作
  •   

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

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