导入 Adobe Photoshop 文件

通过将 Adobe Photoshop 文件导入 Microsoft Expression Blend 项目，您可以将静态作品转换为视觉上引人注目并具备交互体验的作品。

了解“导入 Adobe Photoshop 文件”对话框中提供的层选项可帮助您更快速高效地将 Photoshop 文件集成到 Expression Blend 项目中。

有关层选项和支持的功能的详细信息，请参阅标题为“兼容性图像”、“层选项和工具”以及“Photoshop 功能支持”的小节。

导入 Photoshop 文件

1. 在“文件”菜单上，单击“导入 Adobe Photoshop 文件”。

2. 在“导入 Adobe Photoshop 文件”对话框中，浏览到要导入的文件，然后单击“打开”。

   在“导入 Adobe Photoshop 文件”对话框中，PSD 文件的预览显示在左侧。右侧是该文件中各个层的列表连同有关每个层的重要信息，以及兼容性图像。

   

3. 在“导入 Adobe Photoshop 文件”对话框中，执行下列操作：

   • 选择要导入的层。或者，您可以选择“兼容性图像”以导入单个合并的图像。

     有关兼容性图像的详细信息，请参阅标题为“兼容性图像”的小节。

   • 如果“信息”图标  出现在层的旁边，请通过将指针悬停在“信息”图标  上来查看信息，然后执行以下操作之一：

     • 如果要将层作为可编辑的内容导入，请不要合并或展平层。“将层作为此类型导入”下的“可编辑内容”选项默认情况下处于选定状态。

       重要须知：
       如果将层作为可编辑内容导入，则层在 Photoshop 和 Expression Blend 中的显示方式可能在视觉上有所不同。有关详细信息，请参阅标题为“‘信息’图标”的小节中的“可编辑内容”。

       注意：
       由于对 Windows Phone 中的某些功能的支持有限，因此，当您将 PSD 文件导入 Windows Phone 项目时，某些选择的层默认为“平展位图”。

     • 如果要保留层的外观，请合并或展平层。

       通过以下方式来合并层：选择要合并的层，单击鼠标右键，然后选择“要合并的组”。

       通过以下方式来展平层：在“将层作为此类型导入”下选择“平展位图”。

       重要须知：
       合并或展平的层将作为单个光栅化图像导入。合并或展平的层在 Expression Blend 中不可编辑。有关详细信息，请参阅标题为“‘信息’图标”的小节中的“平展位图”和“合并层”。

   • 在左侧面板上查看图像的预览，以确保其按照所需的方式显示。

4. 单击“确定”。

此时即会将一个名称与所导入文件相同的新“Canvas”对象添加到文档。在“对象和时间线”面板中的 Canvas 对象（此例中名为 Photoshop_Layout ）下，是作为对象导入的所有层。如果未指定文件夹，则会在“项目”面板的根文件夹中创建一个新文件夹（此例中名为 Photoshop_Layout_Images ），以包含所有关联的 PNG 文件。

兼容性图像

兼容性图像是原始 PSD 文件中所有可见层的快照。每当在 Photoshop 保存 PSD 文件（选择了“Maximize compatibility（最大兼容性）”选项）时，都会创建兼容性图像。在保存的 PSD 文件中，会自动生成、保存和引用一个包括所有可见层的平展图像文件。

您可以选择“兼容性图像”以快速轻松地将 PSD 文件作为单个合并的图像导入。如果您不需要可编辑的层，并且可使用单个平展位图作为您在 Expression Blend 中进行工作的基础，则此选项特别有用。

要预览兼容性层，请将指针悬停在右侧面板中的兼容性层缩略图上。

导入兼容性图像

• 在“导入 Adobe Photoshop 文件”对话框中，选中“兼容性图像”复选框。单击“确定”。

注意：
当您导入兼容性层时，将不会导入任何其他层。

层选项和工具

Expression Blend 将保留层名称，同时将层作为单个对象和布局容器导入，以使它们易于使用。在导入 Photoshop 文件时，您可以查看层、重命名层以及选择要导入的层。

层选择

您可以通过选中或清除出现在每个层左边的复选框来选择要导入的层。

如果要导入所有层，请选中面板顶部的“检查所有要导入的层”复选框。

要取消选择所有层，请清除“检查所有要导入的层”复选框。

您可以通过在右侧面板中选中或清除每个层的复选框来导入一个或多个单独的层。

当您更改层选择时，左侧面板中的预览将更新。

层名称

Photoshop 层名称将保留，并显示在每个层的缩略图的右侧。您可以通过以下方式来更改层名称：右键单击层，然后单击“重命名”，或者双击层名称，然后在层名称字段中直接键入。

缩略图

可以通过将指针悬停在右侧面板中的层缩略图上来显示 Photoshop 层的较大版本。

层结构和组

您在 Photoshop 中创建的层结构和组将保留。可通过“展开” 和“折叠” 箭头来轻松识别组。要查看层结构，请单击“展开”。要折叠组，请单击“折叠”。

层类型

每个层都包括一个“类型”图标，该图标将层标识为以下各项之一：图像、矢量或文本。当您将指针悬停在“类型”图标上时，将显示层类型。

文本和矢量对象可作为可编辑内容或平展位图导入。您可以通过以下方式来更改文本和矢量对象的导入选项：单击层，然后在“将层作为此类型导入”下单击“可编辑内容”或“平展位图”。

有关将对象作为可编辑内容导入的详细信息，请参阅标题为“‘信息’图标”的小节中的“可编辑内容”。

有关将对象作为平展位图导入的详细信息，请参阅标题为“‘信息’图标”的小节中的“平展位图”。

注意：
在选择其内容可作为可编辑内容或平展位图导入的层时，导入选项将出现在兼容性图像下方。

图像层也可作为可编辑内容或平展位图导入。

例如，图像层可能有不透明蒙板、矢量蒙板和投影层样式。将此层作为可编辑内容导入到 Expression Blend 中时，以下内容将添加到项目中：

• PNG 格式的图像文件

• PNG 格式的不透明蒙板

• 矢量蒙板的 Clip 属性

• 投影层样式的 DropShadowEffect

如果将图像层作为平展位图导入，则会依据各个层创建单个图像光栅化图像，并将生成的 PNG 导入 Expression Blend。

“信息”图标

如果出现“信息”图标 ，请将指针悬停在该图标上以显示详细信息。工具提示提供有关在 PSD 文件中使用但在 Expression Blend 中不支持的功能的附加信息。

注意：
如果组包含的某个层具有 Expression Blend 中不支持的功能，则“信息”图标将出现在该组的容器层中。有关详细信息，请展开组列表以查看显示“信息”图标的各个层。

可编辑内容

如果将层作为可编辑内容导入，则层在 Photoshop 和 Expression Blend 中的显示方式可能在视觉上有所不同。您可以通过修改对象属性，从而在 Expression Blend 中修改内容的外观。

下表描述了在 Expression Blend 中可编辑的 Photoshop 元素。使用 “描述” 列来查找对象的属性，以便在 Expression Blend 中修改这些属性。

Photoshop 元素	Expression Blend 元素 (XAML)	描述
文本层	TextBlock	Photoshop 文本层将作为 TextBlock   导入，其原始 Photoshop Text 属性映射为 Expression Blend 的“Text”属性。 Text 属性位于“属性”面板的“文本”类别中。 注意： 有关在 WPF 和 Silverlight 项目中使用 TextBlock 对象的详细信息，请参阅向文本流中添加对象。
形状层	Path	Photoshop 形状层将作为 Path 导入，其原始矢量蒙板属性映射为 Expression Blend 的 Data 属性。 Data 属性位于“属性”面板中“外观”类别的“数据”字段中。
纯色填充	Path	Photoshop 纯色填充将作为 Path 导入，其原始“Fill”属性映射为应用于“纯色画笔” 的 Expression Blend“Color”和“OpacityMask”属性。 Solid color brush 属性位于“属性”面板的“画笔”类别中。
线性渐变填充	Path	Photoshop 线性渐变填充将作为 Path 导入，其原始“Fill”属性映射到应用于“渐变画笔” 的 Expression Blend“线性渐变”画笔 属性。“线性渐变”画笔属性位于“属性”面板中的“画笔”类别中。
径向渐变填充	Path	Photoshop 径向渐变填充将作为 Path 导入，其原始“Fill”属性映射到应用于“渐变画笔” 的 Expression Blend“径向渐变”画笔 属性。“径向渐变”画笔属性位于“属性”面板中的“画笔”类别中。
图案填充或不支持的渐变填充（菱形、角度、映像）	Path	Photoshop 图案填充或不支持的渐变填充将作为 Path 导入，其原始“Fill”属性映射到应用于“ImageBrush”的 Expression Blend“Fill”属性。“ImageBrush”属性位于“属性”面板的“画笔”类别中。
组合	Canvas	Photoshop 组将作为 Canvas   导入，其单独的层导入为 Canvas 的子项。
图像层	Image	Photoshop 层将作为 Image 对象导入。此外，会向项目中添加一个 PNG 文件。该 PNG 文件是 Image 对象的源。将使用对应的 PNG 文件将每个层作为 Image 对象导入。
投影层样式	DropShadowEffect	当您导入投影层样式时， DropShadowEffect 将应用于导入的对象。您可以通过以下方式来编辑投影效果：在“对象和时间线”面板中选择应用的“DropShadowEffect”，并在“属性”面板中直接编辑属性。 注意： Windows Phone 项目中不支持 DropShadowEffect 。
层蒙板	OpacityMask 应用于 ImageBrush	Photoshop 层蒙板将作为应用于 ImageBrush 的 OpacityMask 导入。“OpacityMask”属性位于“属性”面板中的“画笔”类别下。此外，会向项目中添加一个 PNG 文件。该 PNG 文件是 ImageBrush 的源。 注意： Windows Phone 项目中支持层蒙板，但不建议使用层蒙板。
图像或文本层上的矢量蒙板	Image 或 TextBlock 的 Clip 属性	图像或文本层上的 Photoshop 矢量蒙板将作为应用于 Image 或 TextBlock 的 Clip 属性导入。“Clip”属性位于“属性”面板中的“杂项”类别下。 注意： Windows Phone 项目中对 Clip 属性的支持有限。

将层作为可编辑内容导入

• 如果要将层作为可编辑的内容导入，请不要合并或展平层。“将层作为此类型导入”下的“可编辑内容”选项默认情况下处于选定状态。

  注意：
  由于对 Windows Phone 中的某些功能的支持有限，因此，当您在 Windows Phone 项目中工作时，某些选择的层在导入时默认为“平展位图”。

平展位图

如果将层作为平展位图导入，则会创建该层的光栅化图像（PNG 格式）。如果展平位图，则会对与该层关联的所有层样式进行光栅化。该 PNG 文件用作 Image 对象的源。

将层作为平展位图导入

• 选择要作为平展位图导入的层，然后在“导入 Adobe Photoshop 文件”对话框底部的“将层作为此类型导入”下选择“平展位图”。

合并层

如果导入两个或更多合并的层，则会创建 PNG 格式的单一光栅化图像。该 PNG 文件用作 Image 对象的源。

合并层

• 通过按住 Ctrl 键并单击建议的层来选择建议的层。右键单击所选对象，然后单击“要合并的组”。

注意：
您可以通过选择合并的层然后单击“取消组合层”来撤消合并。

层样式

如果已将层样式应用于层，则层旁边将出现“层效果”图标 。可通过选择“平展位图”导入选项或将层与其他层相合并来导入层样式。

有关展平或合并层的详细信息，请参阅标题为“‘信息’图标”的小节。

提示：
将指针悬停在“信息”图标  上以显示有关如何导入层样式的指导。

蒙板

层和矢量蒙板在关联的层中显示为单独的缩略图。当选择关联的层时，将同时导入层和矢量蒙板。

层蒙板将作为不透明蒙板导入，并且位于“属性”面板的“画笔”类别中。

矢量蒙板将作为路径导入或作为剪切路径应用于导入的对象。例如，带有矢量蒙板的纯色填充将作为使用蒙板几何图形和填充的矢量对象导入。带有矢量蒙板的图像将作为带有剪切蒙板（使用矢量蒙板几何图形）的图像对象导入。

有关导入层和矢量蒙板的详细信息，请参阅标题为“‘信息’图标”的小节中的“可编辑内容”。

如果已将剪切蒙板应用于层，则层旁边将出现“剪切蒙板”图标。可通过选择所有剪切蒙板层以及它们指向的层，并合并这些层，从而导入剪切蒙板。

有关合并层的详细信息，请参阅标题为“‘信息’图标”的小节。

将指针悬停在“信息”图标  上以显示有关如何导入剪切蒙板的指导。

Expression Blend 中的 Photoshop 功能支持

Expression Blend 中支持以下 Photoshop 功能。如果有所说明，则可以在 Expression Blend 中编辑功能。

文本样式

Photoshop 文本样式映射到应用于 Expression Blend 中的 TextBox 的 Text 属性。

以下文本样式是从 Photoshop 中导入的，并且可在 Expression Blend 中编辑：

• FontFamily

• FontSize

• Foreground

• Underline

• Subscript（仅限 WPF）

• Superscript（仅限 WPF）

• StrikeThrough（仅限 WPF）

• FauxBold

• FauxItalic

• Text

• AllCaps

• Left Align Text

• Center Text

• Right Align Text

• AuthoHyphenate（仅限 WPF）

• RenderTransform（仅缩放）

有关 Expression Blend 中的可编辑内容的详细信息，请参阅标题为“‘信息’图标”的小节中的“可编辑内容”。

混合模式

要保持混合模式的外观，请合并相关层。合并了相关层后，混合模式将应用于为该组导入的光栅化图像。

有关合并层的详细信息，请参阅本文前面标题为“‘信息’图标”的小节中的“合并层”。

调整层

以下调整层是从 Photoshop 中导入的：

• 亮度/对比度

• 黑白

• 通道混合器

• 颜色平衡

• 曲线

• 曝光

• 反转

• 级别

• 招贴画效果

• 照片筛选器

• 阈值

• 渐变映射

• 色调/饱和度

• 选择性颜色

• 自然饱和度

要保持支持的调整层的外观，请合并相关层。合并了相关层后，调整层将应用于为该组导入的光栅化图像。

提示：
您可以通过将指针悬停在缩略图上来显示应用了调整层的原始图像的较大版本。您可以通过选择或取消选择应用了关联调整层的层，然后在“导入 Adobe Photoshop 文件”对话框中查看图像，从而在图像将导入到 Expression Blend 中时预览图像。

有关合并层的详细信息，请参阅本文前面标题为“‘信息’图标”的小节中的“合并层”。

层样式

Expression Blend 中支持导入和编辑投影层样式。

当您导入投影层样式时， DropShadowEffect 将应用于导入的对象。您可以通过以下方式来编辑投影效果：在“对象和时间线”面板中选择应用的“DropShadowEffect”，并在“属性”面板中直接编辑属性。

注意：
将投影层样式作为可编辑内容导入时，呈现的效果可能与 Photoshop 中的视觉显示效果不匹配。展平或合并了投影层样式后，呈现的效果将与 Photoshop 中的显示效果匹配，但不再可编辑。 有关 Expression Blend 中的投影层样式的详细信息，请参阅本文档前面标题为“‘信息’图标”的小节中的“可编辑内容”。

要保持支持的层样式的外观（但不可编辑），请合并相关层。合并了相关层后，层样式将应用于为该组导入的光栅化图像。

Expression Blend 中支持以下层样式，但不可编辑：

• 内部阴影

• 外发光

• 内发光

• 棱台和浮雕

• 缎纹

• 颜色覆盖

• 渐变覆盖

有关合并层的详细信息，请参阅本文前面标题为“‘信息’图标”的小节中的“合并层”。

不支持以下层样式：

• 图案覆盖

• 笔划

渐变

Expression Blend 支持导入和编辑线性渐变及径向渐变。所有其他渐变类型将在导入时光栅化，并且在 Expression Blend 中不可编辑。颜色停止点将作为渐变画笔导入到 Expression Blend 中所生成对象的“Fill”属性，不透明度停止点将作为渐变画笔导入到“OpacityMask”属性。

注意：
将线性或径向渐变作为可编辑内容导入时，呈现的效果可能与 Photoshop 中的视觉显示效果不匹配。展平或合并了线性或径向渐变后，呈现的效果将与 Photoshop 中的显示效果匹配，但不再可编辑。

图案

图案将作为 Path 导入，其原始 Fill 属性映射到应用于 ImageBrush 的 Expression Blend Fill 属性。

有关图案的详细信息，请参阅标题为“‘信息’图标”的小节中的“可编辑内容”。

另请参阅

概念

插入图像和作品
导入 Adobe Photoshop 文件

其他资源

绘制对象

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。