图像编辑器

本文档介绍如何使用 Visual Studio 图像编辑器使用查看和修改纹理和图像资源。

您可以以在 DirectX 应用程序开发中使用的丰富的纹理和图像格式的种类使用图像编辑器,此包括常见图像文件格式和颜色编码的支持,如 alpha 通道和 MIP 映射的功能,以及许多 DirectX 支持的高压缩的硬件加速的纹理格式。

支持的格式

图像编辑器支持这些图像格式:

格式名

文件名扩展

可迁移网络图形 (PNG)

.png

JPEG

.jpg, .jpeg, .jpe, .jfif

直接绘制图面

.dds

可交换图像格式

.gif

位图

.bmp, .dib

标签图像文件格式

.tif, .tiff

TGA (Targa)

.tga

入门

本节描述如何将图像添加到您的 Visual Studio 项目并将其配置为您的需求的。

将图像添加到您的项目

  1. 解决方案资源管理器,请打开项目的快捷菜单要添加图像为,然后选择 添加新建项

  2. 添加新项 对话框中,在 已安装,选择下的 图形,图像然后选择适当的文件格式。有关如何选择根据要求的文件格式的信息,请参见下一节。

  3. 指定图像文件的 名称 以及要中创建的 位置

  4. 选择**“添加”**按钮。

Hh315744.collapse_all(zh-cn,VS.110).gif选择图像格式

具体取决于如何计划使用图像,某些文件格式其中一个合适。例如,某些格式可能不支持您与所需的透明度或特定颜色格式或可能为 images 目录未提供正确的压缩计划的功能。

以下信息可帮助您选择满足需要的图像格式。

  • “位图图象 (.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 图面 (DDS) 纹理格式。支持 24 位颜色和 alpha 透明度的高压缩、损耗纹理格式。根据 8:1 的压缩比可以更高。它是基于 S3 纹理压缩,可以在图形硬件上解压缩。

  • “TGA 图像 (.tga)”
    Truevision 图形适配器 (TGA) 图像格式(也称为 Targa)。支持最多 24 位颜色和 alpha 透明的颜色映射(调色板)或直接色图像的一个 RLE 压缩的无损的图像格式。不适合具有大量颜色细节的照片和图像,但是为具有长范围的相同的颜色的图像提供了高的压缩比。

Hh315744.collapse_all(zh-cn,VS.110).gif配置图像

在您开始使用生成的图像使用之前,可以更改默认配置。例如,可以更改其维度或它使用的颜色形式。有关如何配置这些和图像的其他属性的信息,请参见 Image 属性。

说明说明

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

使用图像编辑器

本节介绍如何使用图像编辑器修改纹理和图像。

Hh315744.collapse_all(zh-cn,VS.110).gif“图像编辑器”工具栏

“图像编辑器”工具栏包含帮助您使用图像的命令。

影响图像编辑器状态的命令位于 图像编辑器模式 工具栏使用高级命令。工具栏沿设计图面图像编辑器中最顶层的边缘的位置。绘制工具位于沿设计图面图像编辑器的最左边缘的 图像编辑器 工具栏。

这是**“图像编辑器模式”**工具栏:

图像编辑器模式工具栏。

此表描述**“图像编辑器模式”**工具栏上的项目,这些项目按她们从左至右出现的顺序列在订单中。

工具栏项

描述

选择

启用图形的矩形区域的选择。在选择一个区域后,您可以剪切、复制、移动、调用、旋转、翻转或删除它。当具有活动选项时,绘制工具仅影响所选的区域。

不规则选择

启用图形的不规则区域的选择。在选择一个区域后,您可以剪切、复制、移动、调用、旋转、翻转或删除它。当具有活动选项时,绘制工具仅影响所选的区域。

鞭子选择

启用图形的类似着色的区域的选择。“容差”,即它们被视为类似的相邻颜色之间的最大差异,可以配置为包括类似颜色的更小或更大范围。在选择一个区域后,您可以剪切、复制、移动、调用、旋转、翻转或删除它。当具有活动选项时,绘制工具仅影响所选的区域。

平移

相对窗架启用图象的移动。在“平移” 模式中,在该图像上选择一个点然后在附加移动。

您可以通过按住 Ctrl 键临时激活“平移”模式。

缩放

相对于窗架启用更多或更小图像详细信息的显示。在“缩放”模式下,选择在图像上的点然后将其向右或下移放大,或向左或上移缩小。

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

缩放到实际大小

通过使用图像的像素和屏幕的像素之间的 1:1 关系显示图象。

适合缩放

显示在窗架的完整图像。

缩放到宽度

显示在窗架的图像的完整宽度。

Grid

启用或禁用显示像素边界的网格。在您放大该图像之前,不会显示该网格。

“查看下一个 MIP 级别”

激活在 MIP 映射链中的下一个更大的 MIP。活动 MIP 级别在设计显示图面。此项仅可用于具有 MIP 级别的纹理。

“查看上一个 MIP 级别”

激活在 MIP 映射链中的下一个较小的 MIP。活动 MIP 级别在设计显示图面。此项仅可用于具有 MIP 级别的纹理。

红色通道

绿色通道

蓝色信道

Alpha Channel — alpha 通道

启用或禁用特定颜色通道。

说明说明
通过系统启用或禁用颜色通道,则可以隔离与其一个或多个相关的问题。例如,您可以标识不正确的 alpha 透明度。

背景

通过图像的透明部分启用或禁用背景的显示。您可以配置如何通过从下列选项中选择显示背景:

“棋盘”

将绿色和指定的背景色一起使用,以将该背景显示为棋盘图案。使用此选项,可以使图像的透明部分更加明显。

白色背景

使用白色显示该背景。

背景

使用黑色显示该背景。

进行动画处理的背景

缓慢平移棋盘图案。使用此选项,可以使图像的透明部分更加明显。

属性

或者是打开或关闭“属性”窗口。

高级

包含其他命令和选项。

筛选器

提供几种常见图像筛选器:“黑白”“模糊”“增亮”“调暗”“边缘检测”“浮雕”“反色”“波纹”“棕褐色调”“锐化”

图形引擎

“使用 D3D11 呈现”

使用 Direct3D 11 以呈现“图像编辑器”设计图面。

“使用 D3D11WARP 呈现”

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

工具

水平翻转

在其水平轴或 x 轴周围转置该图像。

垂直翻转

在其垂直轴或 y 轴周围转置该图像。

生成 Mip

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

视图

帧速率

在启用时,设计图面的右上角显示帧速率。帧速率为每秒绘制场景的帧数。

提示提示
您可以选择“高级”按钮再次运行最后一个命令。

这是**“图像编辑器”**工具栏:

图像编辑器工具栏

下表描述**“图像编辑器”** 工具栏上的项目,这些项目按她们从上到下出现的顺序列在订单中。

工具栏项

描述

铅笔

使用有效的颜色选择绘制一个带锯齿的笔画。可以将笔画的颜色和粗细在 属性 窗口中。

画笔

使用有效的颜色选择绘制一个反锯齿的笔画。可以将笔画的颜色和粗细在 属性 窗口中。

喷枪

使用有效的颜色选择绘制一个与图形混合在一起且作为时间函数变得更饱和的反锯齿笔画。可以将笔画的颜色和粗细在 属性 窗口中。

取色器

将活动的颜色选择设置为选定像素的颜色。

Fill

使用有效的颜色选择以填充该图像的区域。受影响的区域定义为加载是应用程序的像素,且连接到它的同一种颜色像素,而是相同颜色的每像素。如果该填充应用在有效的选择中,则受影响的区域被选定内容约束。

默认情况下,活动颜色选择根据其 alpha 分量与图象的受影响的区域一起混合。若要将活动的颜色用于覆盖受影响的区域,则在使用填充工具时按住 Shift 键。

清除

如果图像支持 alpha 通道,则将的设置为完全透明的颜色。否则,将像素设置为活动的背景色。

“线条”“矩形”“圆角矩形”“椭圆”

绘制该图像的形状。可以设置轮廓的颜色和粗细在 属性 窗口中。

若要绘制相同宽度和高度的基元,请绘制时按住 Shift。

文本

使用前景色选择以绘制文本。背景色由背景颜色选择决定。对于透明背景,选择的背景颜色的 alpha 值必须为 0。在文本区域处于活动状态时,可以将该文本是否绘制了一个反而笔画,因此,您可以设置文本 字体大小和样式粗体斜体下划线—在 属性 窗口。在文本区域不再活动时,文本内容和外观已完成。

旋转

将图像顺时针旋转 90 度。

Trim

将该图像修剪为有效的选定内容。

Hh315744.collapse_all(zh-cn,VS.110).gif使用 MIP 级别

某种图像格式(例如,DirectDraw 图面 (.dds)—支持纹理空间级别详细信息的 (LOD) 区域级别。有关如何生成和使用 MIP 级别的信息,请参见 如何:生成 MIP 级别

Hh315744.collapse_all(zh-cn,VS.110).gif用透明度一起使用

某种图像格式(例如,DirectDraw 图面 (.dds)—支持透明度。具有可使用透明度的多种方式,取决于使用的工具。若要指定颜色选择的透明度级别,在**“属性”窗口中,设置颜色选择的“A”** (alpha)元素。这里展示的是不同种类的工具控制透明度应用的方法:

工具

描述

“铅笔”“画笔”“喷笔”“线条”“矩形”“圆角矩形”“椭圆”“文本”

若要将有效的颜色选择与图像混合时,在“属性” 窗口中,展开“通道” 属性组,然后在“Alpha”通道上“绘制” 复选框,通常然后进行绘制。

若要使用有效的颜色选择绘制并保持图像的 alpha 值就位,清除“Alpha” 通道的 “绘制”复选框,通常然后进行绘制。

Fill

若要将有效的颜色选择与图像混合,请选择要填充的区域。

若要使用活动的颜色 —alpha 通道的值 — 按住 Shift 然后选择要填充的区域。

Hh315744.collapse_all(zh-cn,VS.110).gifImage 属性

可以使用 属性 窗口指定图像的各个属性。例如,可以设置宽度和高度属性调整图像大小。

下表描述图像属性。

属性

描述

宽度

图像的宽度。

高度

图像的高度。

每像素的位数

标识每个像素的位数。此属性的值取决于图像的“颜色格式”

组合层

True 以基于选定内容层的 alpha 值将选定内容层和主图像混合在一起;否则为 False。此项仅可用于支持 alpha 的图像。

颜色格式

图像的颜色格式。可以指定各种颜色格式,这取决于图像格式。颜色布局定义该图像包含有点儿的数量和颜色通道,而且各种通道范围和编码。

Mip 级别

激活的 MIP 级别。此项仅可用于具有 MIP 级别的纹理。

Mip 级别计数

图像中 MIP 级别的总数。此项仅可用于具有 MIP 级别的纹理。

帧计数

图像中的总帧数。此项仅可用于支持纹理数组的图像。

框架

当前帧。仅可以查看第一个框架;其他所有框架都在保存图像时丢失了。

深度切片计数

图像中深度切片的总数。此项仅可用于支持体积纹理的图像。

深度切片

当前深度切片。仅可以查看第一个切片;其他所有切片都在保存图像时丢失了。

Hh315744.collapse_all(zh-cn,VS.110).gif调整图像的大小

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

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

  • 选择整个图像并使用边框标记调整图像大小。

Hh315744.collapse_all(zh-cn,VS.110).gif使用工具

Hh315744.collapse_all(zh-cn,VS.110).gif所选区域

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

许多工具铅笔画笔Airbrush填充橡皮擦和 2 原始和转换旋转修剪反色水平翻转垂直翻转—由活动状态的选项约束或定义的。但是,某些工具 -“取色器”“文本”- 和转换 - “生成 MIPS”— 不受任何活动选择影响;这些工具的行为方式始终与图像选择为活动状态时一致。

当您选择一个区域时,可以按住 Shift 来创建一个按比例(方形)选择;否则,不约束选定内容。

Hh315744.collapse_all(zh-cn,VS.110).gif调整选择

在选择一个区域后,您可以通过更改选择标记的大小调整其大小或其图像内容。当您调整所选区域时,可以使用以下修改键更改选定的区域的行为,则调整其大小 (新闻和按住该密钥,当您调整)。

  • Ctrl
    以便在调整的大小之前,复制选定区域的内容。在该副本的大小时,这将原始图像不变。

  • Shift
    与其原始大小的比例调整所选区域。

  • Alt
    更改选择区域的大小。这将该图像非限定。

下面是有效的修改键组合:

Ctrl

Shift

Alt

描述

调整所选区域内内容的大小。

Shift

按比例调整选定区域的内容的大小。

Alt

调整所选区域的大小。这定义新的选择区域。

Shift

Alt

按比例调整选定区域的大小。这定义新的选择区域。

Ctrl

复制然后调整所选区域的内容。

Ctrl

Shift

复制然后按比例调整所选区域的内容。

Hh315744.collapse_all(zh-cn,VS.110).gif工具属性

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

您可以设置前景色和背景色。两个支持一个 alpha 通道提供用户定义的不透明度。该设置适用于所有工具。如果使用鼠标,鼠标左键对应于前景色和鼠标右键对应于背景色。

下表介绍工具属性。

工具

属性

“铅笔”“画笔”“喷笔”“橡皮擦”

Thickness

定义工具影响的区域的大小。

文本

“抗锯齿”

绘制一个具有反抗锯齿边缘的文本。这向文本提供较流畅的外观。

要绘制的文本。

字体

用于绘制文本的字体。

大小

文本的大小。

Bold

字体为粗体。

斜体

字体为斜体。

“”带下划线

使字体带有下划线。

2-D 基元

“抗锯齿”

绘制一个具有反抗锯齿边缘的基元。这向其提供较流畅的外观。

Thickness

定义形成基元的边界的行的粗细。

“半径 X”

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

“半径 Y”

(仅圆角矩形)定义基元左右边缘的角圆半径。

“铅笔”“画笔”“喷笔”“二维基元”

Channels(信道)

启用或禁用查看和绘制的特定颜色通道。如果为某个特定颜色通道设置了“绘制”,则该通道在图像中可见;否则,不可见。如果为某个特定颜色通道设置了“绘制”,则该通道会受绘制操作影响;否则,则不会。

所有工具并选择

“旋转方式”

以度数定义金额,选定控件在沿顺时针方向旋转。

“鞭子选择”“填充”

“公差”

定义它们被视为类似的相邻颜色之间的最大差异,因此,边缘或更类似的颜色组成受影响或所选区域的一部分。默认情况下,值为 32,这意味着,相邻像素在 32 片的亮度(较小或更暗)原始颜色内视为区域的一部分。

键盘快捷方式

Command

键盘快捷方式

选择“选择”模式。

S

切换到“缩放”模式

Z

切换到“平移”模式

K

全选

Ctrl+A

删除当前选定内容

删除

取消当前选择

转义符

放大

Ctrl+ 向前滚动鼠标轮

Ctrl + PageUp

加号 (+)

缩小

Ctrl- 向后滚动鼠标轮

Ctrl-PageDown

减号 (-)

向上平移图像

向后滚动鼠标轮

PageDown

向下平移图像

向前滚动鼠标轮

PageUp

向左平移图像

Shift+鼠标轮(向后)

左鼠标轮

Shift + PageDown

向右平移图像

Shift+鼠标轮(向前)

右鼠标轮

Shift + PageUp

对实际大小的缩放

Ctrl+0 (0)

按窗口调整图像大小

Ctrl+G, Ctrl+F

调整图像大小,以适合窗口宽度

Ctrl+G, Ctrl+I

切换网格

Ctrl+G, Ctrl+G

为当前选择的裁切图像

Ctrl+G, Ctrl+C

查看下一个(更详细)的 MIP 级别

Ctrl+G, Ctrl+6

查看上一个(较低级别的详细信息)MIP 级别

Ctrl+G, Ctrl+7

切换红色通道

Ctrl+G, Ctrl+1

切换绿颜色的通道

Ctrl+G, Ctrl+2

切换蓝色通道

Ctrl+G, Ctrl+3

切换 alpha (透明)通道

Ctrl+G, Ctrl+4

切换 alpha 棋盘图案

Ctrl+G, Ctrl+B

对不规则的选择工具的开关

L

棒式选择工具的开关

M

铅笔工具的开关

P

画笔工具的开关

B

填充工具的开关

F

橡皮擦工具的开关

E

文本工具的开关

T

切换颜色选择(点眼药器工具)

I

移动活动选择及其内容。

箭头键。

调整活动选择及其内容的大小。

Ctrl+Arrow 键

移动活动选择,但不移动其内容。

Shift+箭头键

调整活动选择的大小,但不调整其内容的大小。

Shift+Ctrl+Arrow 键

提交当前层

Return

减少工具粗细

[

增加工具粗细

]

相关主题

标题

描述

为游戏和应用程序使用三维资产

提供您在 Visual Studio 中可以处理图形资产(如,纹理和图像、三维模型和着色器效果)的工具的概览。

模型编辑器

描述如何以三维模型使用 Visual Studio 模型编辑器。

着色器设计器

描述如何使用 Visual Studio 着色器设计器以着色器运行。