如何:创建基本纹理

本文档演示如何使用“图像编辑器”创建基本的纹理。

本文档演示这些活动:

  • 设置纹理的大小

  • 设置前景色和背景色

  • 使用 alpha 通道 (透明)

  • 使用 填充椭圆 工具

  • 设置工具属性

创建基本纹理

可以使用图像编辑器创建和修改图像和纹理您的游戏或 app 的。

下面的步骤演示如何创建表示“舷窗”目标纹理的功能。完成后,纹理看起来与下图类似。为了更好地演示在纹理的透明度,配置图像编辑器使用绿色,网格模式显示它。

显示为绿色的透明“靶心”目标

在开始之前,请确保 属性 窗口中显示。在中工作时,可使用 属性 窗口设置图像大小,更改工具属性,并指定颜色。

若要创建“舷窗”目标纹理

  1. 创建纹理使用。有关如何添加纹理的更多信息,请参见" 图像编辑器入门部分。

  2. 设置图像大小为 512x512 像素。在 属性 窗口中,将 宽度高度 属性 512的值。

  3. 在"图像编辑器"工具栏上,选择 填充 工具。属性 窗口与图像属性。现在显示 填充 工具的属性。

  4. 设置前景色为完全透明黑色。在 属性 窗口,请在 颜色 属性组中,选择 前景。在颜色 0选取器旁设置 RGBA 属性的值。

  5. 在"图像编辑器"工具栏上,选择 填充 工具,然后在按住 shift 键并选择任意点在图像。使用 shift 键将导致填充颜色的 alpha 值替换该图像的颜色;否则,将 alpha 值用于与图像的颜色一起混合填充颜色。

    重要说明重要事项

    此步骤,与上一步中的颜色选项一起使用,以确保基本图像为所绘制的“舷窗”目标纹理准备。如果图像填充透明黑和,由于目标的边框是黑将有没有失真项目在目标附近。

  6. 在"图像编辑器"工具栏上,选择 椭圆 工具。

  7. 设置前景色为完全不透明黑。设置 RGB 属性设置 0 为 A 属性 255的值。

  8. 设置背景颜色为完全不透明的白色。在 属性 窗口,请在 颜色 属性组中,选择 背景。设置 RGBA 属性 255的值。

  9. 设置椭圆轮廓的宽度。在 属性 窗口,请在 外观 属性组中,将 宽度 属性 8的值。

  10. 确保抗锯齿启用。在 属性 窗口,请在 外观 属性组中,请确保 抗锯齿 属性设置为。

  11. 使用 椭圆 工具,请从像素坐标 (3,3) 绘制圆形为像素坐标 (508,508)。在绘制时,更轻松地若要绘制该圆形,可以按和的同时按住 shift 键。

    说明说明

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

  12. 更改背景色。设置 R 为 44,G 为 165,B 为 211和。255

  13. 从像素坐标 (64,64) 绘制另一个圆形为像素坐标 (448,448)。

  14. 更改背景色回完全不透明的白色。设置 RGB和。255

  15. 从像素坐标 (128,128) 绘制另一个圆形为像素坐标 (384,384)。

  16. 更改背景色。设置 R 为 255,GB 为 64和。255

  17. 从像素坐标 (192,192) 绘制另一个圆形为像素坐标 (320,320)。

“舷窗”目标纹理完成。这是最终图像,显示用透明度。

完整的“靶心”目标纹理

作为下一步,您可以生成此纹理的区域级别。有关信息,请参见如何:生成 MIP 级别

请参见

概念

图像编辑器