Visual Studio 中的图像编辑器是一种可用于查看和修改纹理和图像资源的工具。 具体来讲，你可使用图像编辑器来处理 DirectX 应用开发中使用的各种丰富的纹理和图像格式。 图像编辑器包括支持常用图像文件格式和颜色编码、alpha 通道和 MIP 映射等功能，以及 DirectX 支持的许多高度压缩、硬件加速的纹理格式。

图像编辑器支持以下图像格式：

本部分介绍如何将图像添加到 Visual Studio 项目以及如何根据需要进行配置。

在“解决方案资源管理器”中，打开要添加图像的项目的快捷菜单，然后选择“添加”>“新项”。

在“添加新项”对话框中的“已安装”下，选择“图形”，然后为图像选择合适的文件格式。

注意

如果“添加新项”对话框中没有“图形”类别，则可能需要安装“图像和三维模型编辑器”组件。 关闭对话框，然后从菜单栏选择“工具”>“获取工具和功能”，以打开“Visual Studio 安装程序” 。 选择“单个组件”选项卡，然后选择“游戏和图形”类别下的“图像和三维模型编辑器”组件。 选择“修改”。

要了解如何根据需要选择文件格式，请参阅选择图像格式。

指定图像文件的“名称”和所需的创建“位置” 。

选择“添加”按钮。

一些文件格式可能比其他格式更加适合，具体取决于准备如何使用图像。 例如，某些格式可能不支持所需功能，比如透明度或特定颜色格式。 某些格式可能无法为计划的图像内容提供适当的压缩率。

以下信息有助于选择符合要求的图像格式：

位图图像 (.bmp)

位图图像格式。 支持 24 位颜色的未压缩图像格式。 位图格式不支持透明度。

GIF 图像 (.gif)

图形交换格式 (GIF) 图像格式。 支持多达 256 种颜色的 LZW 压缩无损图像格式。 不适合颜色细节极多的照片和图像，但可为颜色一致性高的低色图像提供较好的压缩率。

JPG 图像 (.jpg)

联合图像专家组 (JPEG) 图像格式。 支持 24 位颜色的高压缩率有损图像格式，适合具有高度颜色一致性的图像的常规用途压缩。

PNG 图像 (.png)

可移植网络图形格式 (PNG) 图像格式。 支持 24 位颜色和 Alpha 透明度的中度压缩无损图像格式。 适合自然图像和人工图像，但其压缩率不如 JPG 或 GIF 等有损格式。

TIFF 图像 (.tif)

标记图像文件格式（TIFF 或 TIF）图像格式。 一种支持多种压缩方案的灵活图像格式。

DDS 纹理 (.dds)

DirectDraw Surface (DDS) 纹理格式。 支持 24 位颜色和 Alpha 透明度的高压缩率有损纹理格式。 其压缩率高达 8:1。 该格式基于 S3 纹理压缩，可在图形硬件上解压缩。

TGA 图像 (.tga)

Truevision Graphics Adapter (TGA) 图像格式（也称为 Targa）。 一种使用 RLE 算法的无损压缩图像格式，支持具有多达 24 位颜色和 Alpha 透明度的颜色映射（调色板）或直接颜色图像。 不适合颜色细节极多的照片和图像，但对大范围内颜色一致的图像可提供较好的压缩率。

在处理所创建的图像之前，可更改其默认配置。 例如，可更改图像使用的尺寸或颜色格式。 有关如何配置图像此类属性以及其他属性的信息，请参阅图像属性。

注意

保存工作前，如果要使用特定的颜色格式，请确保设置了“颜色格式”属性。 如果文件格式支持压缩，在首次保存文件或在选择“另存为”时可调整压缩设置。

“图像编辑器模式”工具栏中提供影响图像编辑器状态的命令以及一些高级命令。 此工具栏位于图像编辑器设计图面的顶部边缘。 绘图工具位于图像编辑器设计图面最左侧边缘的“图像编辑器”工具栏中。

下表描述了“图像编辑器模式”工具栏上的项目，按其从左至右的显示顺序依次列出：

可按住 Ctrl 来暂时激活“平移”模式。

可在按住 Ctrl 的同时使用鼠标滚轮或按加号 (+) 或减号 (-) 进行放大或缩小。

绿色通道

蓝色通道

Alpha 通道

棋盘 将绿色和特定背景色结合使用，以棋盘图案显示背景。 可使用此选项让图像透明部分变得更加明显。

白色背景 使用白色来显示背景。

黑色背景 使用黑色来显示背景。

动画背景 缓慢平移棋盘图案。 可使用此选项让图像透明部分变得更加明显。

筛选器

提供了几个常见的图像筛选器：黑白、模糊、亮化、暗化、边界检测、浮雕、反色、涟漪效果、棕色调和锐化。

图形引擎

用 D3D11 呈现 使用 Direct3D 11 呈现图像编辑器设计图面。

用 D3D11WARP 呈现 使用 Direct3D 11 Windows 高级光栅化平台 (WARP) 呈现图像编辑器设计图面。

工具

水平翻转 围绕水平或 x 轴转置图像。

垂直翻转 围绕垂直或 y 轴转置图像。

生成 Mip 生成图像的 MIP 级别。 如果已经存在 MIP 级别，则会从最大 MIP 级别重新创建。 对较小 MIP 级别所作的任何更改都会丢失。 若要保存已生成的 MIP 级别，必须使用 .dds 格式来保存图像。

视图

帧速率 启用时，会在设计图面的右上角显示帧速率。 帧速率为每秒绘制的帧数。 提示：可以选择“高级”按钮再次运行上一个命令。

下表描述了“图像编辑器”工具栏上的项目，按其从上到下的显示顺序依次列出：

默认情况下，处于活动状态的颜色选择区域根据其 Alpha 组件，与图像受影响区域相混合。 若要使用活动颜色选择覆盖受影响区域，请在使用填充工具时按住 Shift 键。

若要绘制一个宽度和高度相等的基元，请在绘制时按住 Shift 键。

DirectDraw Surface (.dds) 等部分图像格式支持对纹理空间细节级别 (LOD) 使用 MIP 级别。

DirectDraw Surface (.dds) 等部分图像格式支持透明度效果。 使用透明度效果的方式有几种，具体取决于所使用的工具。 若要为颜色选择指定透明度级别，可在“属性”窗口中设置颜色选择的 A (alpha) 组件。

下表描述了不同类型的工具如何控制透明度的应用方式：

若要使用活动颜色选择进行绘制并保留图像的 Alpha 值，可取消选中“Alpha”通道的“绘制”复选框，然后正常绘制即可。

若要使用活动颜色选择（包括 alpha 通道的值）来覆盖图像，请按住 Shift，然后选择要填充的区域。

可使用“属性”窗口指定图像的多种属性。 例如，可设置宽度和高度属性来调整图像的大小。

下表对图像属性进行了描述：

注意

由于“旋转角度”属性适用于所有工具和选择区域，因此它和其他工具属性始终显示在“属性”窗口的底部。 由于无其他选择或活动工具时会隐式选中整个图像，因此会始终显示“旋转角度”。 有关“旋转角度”属性的详细信息，请参阅工具属性。

以下是调整图像大小的两种方式。 在这两种情况下，图像编辑器均使用双线性内插来对图像重新取样。

在“属性”窗口中，为“宽度”和“高度”属性指定新的值。

选择整个图像，然后使用边框标记调整图像的大小。

图像编辑器中的所选项定义了活动图像的区域。 活动区域受工具和转换的影响。 存在活动选择区域时，选择区域之外的区域不会受大多数工具和转换的影响。 如果不存在活动选择区域，则整个图像处于活动状态。

大多数工具（铅笔、画笔、喷枪、填充、橡皮擦和二维基元）以及转换（旋转、剪裁、反色、水平翻转和垂直翻转）受活动选择区域限制或定义。 但是，某些工具（取色器和文本）和转换（生成 Mip）不受任何活动选择的影响。 这些工具始终表现为如同整个图像处于活动选择区域一样。

选择区域时，可按住 Shift 来选择成比例的（方形）区域。 否则，选择区域不受限制。

选择区域后，可通过更改选择区域标记的大小来重新调整选择区域或其图像内容的大小。 调整选择区域大小时，可在调整大小的同时使用以下修改键来更改所选区域的行为：

Ctrl - 在调整大小前复制所选区域的内容。 从而调整副本大小，但保留原始图像。

Shift - 基于原始大小按比例调整所选区域的大小。

Alt - 更改所选区域的大小。 这不会修改图像。

下表描述了修改键的有效组合：

选择工具时，可使用“属性”窗口指定有关工具如何影响图片的详细信息。 例如，可设置“铅笔”工具的粗细或“画笔”工具的颜色。

可同时设置前景色和背景色。 两者都支持 alpha 通道来提供用户定义的不透明度。 这些设置适用于所有工具。 如果使用鼠标，则鼠标左键对应前景色，鼠标右键对应背景色。

下表对工具属性进行了描述：

值 要绘制的文本。

字体 用于绘制文本的字体。

大小 文本大小。

加粗 使字体加粗。

斜体 使字体变为斜体。

下划线 使字体带下划线。

Thickness 定义构成基元边界的线的粗细。

半径 X （仅限圆角矩形）定义基元上下边缘的圆角半径。

半径 Y （仅限圆角矩形）定义基元左右边缘的圆角半径。

Ctrl+PgUp

加号 (+)

Ctrl-PgDn

减号 (-)

PgDn

PgUp

向左滚动鼠标滚轮

Shift+PgDn

向右滚动鼠标滚轮

Shift+PgUp

本部分中的示例演示如何使用图像编辑器创建基本纹理，以及如何生成和修改 MIP 级别。

可使用图像编辑器创建和修改游戏或应用的图像和纹理。 例如，可以设置纹理的大小、设置前景色和背景色、使用 alpha 通道（透明度）、使用填充和椭圆工具以及设置工具属性。

在此示例中，以下步骤说明如何创建表示“靶心”目标的纹理。 完成后，纹理应如下图所示。 为了更好地演示纹理中的透明度，已将图像编辑器配置为使用绿色的方格棋盘图案来显示它。

开始前，请确保显示“属性”窗口”。 在工作时，可以使用“属性”窗口设置图像的大小、更改工具属性以及指定颜色。

创建要处理的纹理。 有关如何向项目添加纹理的信息，请参阅图像编辑器。

将图像大小设置为 512x512 像素。 在“属性”窗口中，将“宽度”和“高度”属性的值设置为 512。

在“图像编辑器”工具栏上，选择“填充”工具。 “属性”窗口现在显示“填充”工具的属性以及图像属性。

将前景色设置为完全透明的黑色。 在“属性”窗口的“颜色”属性组中，选择“前景色”。 将颜色选取器旁边的“R”、“G”、“B”和“A”属性的值设置为 0。

在“图像编辑器”工具栏上，选择“填充”工具，然后按住 Shift 键并选择图像中的任意点 。 使用 Shift 键让填充颜色的 Alpha 值替换图像中的颜色；否则，Alpha 值将用于将填充颜色与图像中的颜色进行混合。

重要

此步骤和上一步中的颜色选择一起确保为要绘制的“靶心”目标纹理准备好了基本图像。 当用透明黑色填充图像时（因为目标的边框是黑色的），目标周围将没有混叠的项。

在“图像编辑器”工具栏上，选择“椭圆形”工具。

将前景色设置为完全不透明的黑色。 将“R”、“G”和“B” 属性的值设置为 0，将“A”属性的值设置为 255。

将背景色设置为完全不透明的白色。 在“属性”窗口的“颜色”属性组中，选择“背景”。 将 R、G、B 和 A 属性的值设置为 255。

设置椭圆形边框的宽度。 在“属性”窗口的“外观”属性组中，将“宽度”属性的值设置为 8。

确保已启用抗锯齿。 在“属性”窗口的“外观”属性组中，确保设置了“抗锯齿”属性。

使用“椭圆形”工具，从像素坐标 (3, 3) 到像素坐标 (508, 508) 绘制一个圆。 为了更轻松地绘制圆形，可以在绘制时按住 Shift 键。

注意

当前指针位置的像素坐标显示在 Visual Studio 状态栏上。

更改背景色。 将“R”设置为 44、将“G” 设置为 165、将“B” 设置为 211、将“A” 设置为 255。

从像素坐标 (64, 64) 到像素坐标 (448, 448) 绘制另一个圆。

将背景色更改回完全不透明的白色。 将“R”、“G”、“B”和“A”设置为 255。

从像素坐标 (128, 128) 到像素坐标 (384, 384) 绘制另一个圆。

更改背景色。 将“R”设置为 255、将“G” 和“B” 设置为 64，并将“A” 设置为 255。

从像素坐标 (192, 192) 到像素坐标 (320, 320) 绘制另一个圆。

“靶心”目标纹理是完整的。 下面是最终图像（以透明度显示）。

下一步，可以为此纹理生成 MIP 级别。 有关如何执行此操作的信息，请参阅下一部分。

本文档演示如何使用“图像编辑器”生成并修改纹理空间详细级别 (LoD) 的 MIP 级别。

Mipmapping 是一种技术，用于通过预先计算并以不同大小存储纹理的多个副本来提高呈现速度并减少纹理对象上的混叠项。 每个副本（称为 MIP 级别）的宽度和高度均为前一副本的一半。 当在对象的表面上呈现纹理时，将自动选择与纹理表面的屏幕空间区域对应最为紧密的 MIP 级别。 这意味着图形硬件不必筛选尺寸过大的纹理来维持一致的视觉质量。 尽管存储 MIP 级别的内存开销比存储单独的原始纹理的内存开销要高大约 33%，但随之而来的是性能和图像质量上的提升。

生成 MIP 级别

从基本纹理开始。 为了获得最佳结果，请指定宽度和高度为 2 的幂（例如，256、512、1024 等）的纹理。

生成 MIP 级别。 在“图像编辑器模式”工具栏上，依次选择“高级”>“工具”>“生成 Mip”。

请注意，“转到下一 Mip 级别”和“转到上一 Mip 级别”按钮现在将出现在“图像编辑器模式”工具栏上。 如果显示“属性”窗口，则还可以注意到，只读属性“Mip 级别”和“Mip 级别计数”现在将出现在图像属性中。

若要实现特殊效果或在特定的详细级别提高图像质量，可以单独修改每个 MIP 级别。 例如，可以在某一距离（对应于更小的 MIP 级别更远的距离）为纹理对象提供不同的外观，或者可以确保即使处于较小的 MIP 级别，包含文本或符号的纹理仍保持清晰。

修改单个 MIP 级别

选择想要修改的 MIP 级别。 在“图像编辑器模式”工具栏上，使用“转到下一 MIP 级别”和“转到上一 MIP 级别”按钮在 MIP 级别之间进行选择。

选择想要修改的 MIP 级别后，可以使用绘图工具对其进行修改，而不会更改其他 MIP 级别的内容。 “图像编辑器”工具栏上提供了绘图工具。 选择工具后，可以在“属性”窗口中更改其属性。

注意

如果无需修改单个 MIP 级别的内容（可能会执行此操作以实现某些效果），建议在生成时从源纹理生成 mipmap。 这有助于确保 MIP 级别与源纹理保持同步，因为对某一 MIP 级别的修改不会自动传播到其他级别。

访问导出纹理页，了解如何使用图像内容管道导出包含 mipmap、预乘 alpha 等内容的纹理。