添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

适用范围: yes Visual Studio no Visual Studio for Mac no Visual Studio Code

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

支持的格式

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

文件扩展名
  • 在“解决方案资源管理器”中,打开要添加图像的项目的快捷菜单,然后选择“添加”>“新项”

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

    如果“添加新项”对话框中没有“图形”类别,则可能需要安装“图像和三维模型编辑器”组件 。 关闭对话框,然后从菜单栏选择“工具”>“获取工具和功能”,以打开“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 的同时使用鼠标滚轮或按加号 ( + ) 或减号 ( - ) 进行放大或缩小。 缩放到实际大小 使用图像像素和屏幕像素间 1:1 的比例关系显示图像。 缩放到合适大小 在窗口框架中显示完整图像。 缩放到适合宽度 在窗口框架中显示完整宽度的图像。 启用或禁用显示像素边界的网格。 缩放到图像之前,网格可能不会显示。 查看下一个 MIP 级别 激活 MIP 映射链中的下一个更大 MIP 级别。 活动的 MIP 级别会显示在设计图面上。 此项仅适用于具有 MIP 级别的纹理。 查看上一个 MIP 级别 激活 MIP 映射链中下一个更小的 MIP 级别。 活动的 MIP 级别会显示在设计图面上。 此项仅适用于具有 MIP 级别的纹理。 红色通道

    绿色通道

    蓝色通道

    Alpha 通道 启用或禁用特定颜色通道。 注意:通过系统地启用或禁用颜色通道可隔离与其中一个或多个通道有关的问题。 例如,可识别出不正确的 Alpha 透明度。 启用或禁用通过图像的透明部分显示背景。 通过选择以下选项可配置背景的显示方式:

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

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

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

    动画背景
    缓慢平移棋盘图案。 可使用此选项让图像透明部分变得更加明显。 交替打开或关闭“属性” 窗口。 包含其他命令和选项。

    筛选器

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

    图形引擎

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

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

    工具

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

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

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

    视图

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

    “图像编辑器”工具栏

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

    使用处于活动状态的颜色选择填充图像区域。 受影响区域和相同颜色像素及此相同颜色本身像素连接的每个像素会定义为在其中应用填充的像素。 如果填充应用于处于活动状态的选择区域,则受影响区域受选择区域限制。

    默认情况下,处于活动状态的颜色选择区域根据其 Alpha 组件,与图像受影响区域相混合。 若要使用活动颜色选择覆盖受影响区域,请在使用填充工具时按住 Shift 键 。 如果图像支持 alpha 通道,则将像素设置为完全透明色。 否则,橡皮擦将像素设置为活动背景色。 线 矩形 圆角矩形 椭圆形 在图像上绘制形状。 可在“属性” 窗口中设置边框颜色和粗细。

    若要绘制一个宽度和高度相等的基元,请在绘制时按住 Shift 键 。 使用前景色选择绘制文本。 背景色由背景色选择所决定。 对于透明背景,背景色选择的 Alpha 值必须为 0。 文本区域处于活动状态时,可在“属性” 窗口中设置是否使用抗锯齿笔划绘制文本,还可设置文本的 字体 字号 和样式( 加粗 斜体 下划线 )。 文本区域不再处于活动状态时会最终确定文本的内容和外观。 将图像顺时针旋转 90 度。 将图像剪裁为处于活动状态的选择区域。

    使用 MIP 级别

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

    使用透明度效果

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

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

    铅笔 画笔 喷枪 线 矩形 圆角矩形 椭圆形 文本 若要将活动颜色选择与图像混合,在“属性” 窗口中,展开“通道” 属性组,选中“Alpha” 通道上的“绘制” 复选框,然后正常绘制即可。

    若要使用活动颜色选择进行绘制并保留图像的 Alpha 值,可取消选中“Alpha” 通道的“绘制” 复选框,然后正常绘制即可。 若要将活动颜色选择与图像混合,只需选择要填充的区域即可。

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

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

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

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

    调整图像大小

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

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

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

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

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

    选择区域时,可按住 Shift 来选择成比例的(方形)区域 。 否则,选择区域不受限制。

    调整选定内容大小

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

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

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

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

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

    Shift

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

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

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

    抗锯齿
    绘制具有抗锯齿边缘的文本。 这会使文本外观更流畅。


    要绘制的文本。

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

    大小
    文本大小。

    加粗
    使字体加粗。

    斜体
    使字体变为斜体。

    下划线
    使字体带下划线。 抗锯齿
    绘制具有抗锯齿边缘的基元。 这会使基元外观更流畅。

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

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

    半径 Y
    (仅限圆角矩形)定义基元左右边缘的圆角半径。 铅笔 画笔 喷枪 二维基元 通道
    为查看和绘制启用或禁用特定颜色通道。 如果“查看”设置了特定颜色通道,则该通道在图像中可见;否则为不可见。 如果“绘制”设置了特定颜色通道,则该通道受绘制操作影响;否则不受影响。 魔棒选择 填充 容差
    定义相邻颜色被视为相似的最大差异,从而使更多或更少相似颜色成为受影响区域或选择区域的一部分。 默认情况下,值为 32,这意味着原始颜色的 32 种色度(颜色更淡或更浓)之内的相邻像素会被视为该区域的一部分。

    键盘快捷键

    键盘快捷键

    本部分中的示例演示如何使用图像编辑器创建基本纹理,以及如何生成和修改 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 级别。 有关如何执行此操作的信息,请参阅下一部分。

    创建和修改 MIP 级别

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

    生成 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 级别的内容。 “图像编辑器” 工具栏上提供了绘图工具。 选择工具后,可以在“属性” 窗口中更改其属性。

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

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

  •