Cómo: Crear una textura básica

En este documento se muestra cómo usar el Editor de imágenes para crear una textura básica.

En este documento se muestran estas actividades:

• Establecer el tamaño de textura

• Establecer los colores de primer plano y de fondo

• Utilizando el canal alfa (transparencia)

• Mediante las herramientas Relleno y Elipse

• Establecer las propiedades de la herramienta

Crear una textura básica

Puede utilizar el editor de imágenes para crear y modificar imágenes y después texturas para el juego o la aplicación.

Los pasos siguientes muestran cómo crear una textura que representa un destino de “diana”. Cuando termine, textura debe parecerse a la siguiente imagen.Para mostrar mejor la transparencia de textura, se ha configurado el editor de Imágenes utilizar un verde, modelo de cuadros para mostrarlo.

Antes de empezar, asegúrese de que la ventana propiedades está visible.Utilice la ventana propiedades para establecer el tamaño de la imagen, cambia las propiedades de la herramienta, y especificar colores mientras trabaja.

Para crear una textura de destino de “diana”

1. Cree una textura para ejecutar.Para obtener información sobre cómo agregar una textura al proyecto, vea la sección Introducción en Editor de imágenes.

2. Establezca el tamaño de la imagen en píxeles 512x512.En la ventana propiedades, establezca los valores de las propiedades Ancho y Alto a 512.

3. En la barra de herramientas del editor de imágenes, elija la herramienta Relleno.La ventana propiedades ahora muestra las propiedades de la herramienta Relleno así como las propiedades de la imagen.

4. Establezca el color de primer plano de blanco lleno- transparente.En la ventana propiedades, en el grupo de propiedades Colores, seleccione Primer plano.Establezca los valores de las propiedades R, G, B, y Al lado del selector de colores en 0.

5. En la barra de herramientas del editor de imágenes, elija la herramienta Relleno, y después presione y mantenga presionada la tecla MAYÚS y elija cualquier punto de la imagen.Usando la tecla MAYÚS hace el valor alfa del color de relleno para reemplazar el color de la imagen; si no, el valor alfa se utiliza para combinar el color de relleno así como color de la imagen.

   Importante
   Este paso, así como la selección de color en el paso anterior, garantiza que la imagen base está preparada para la textura de destino de “diana” que se va a dibujar.Cuando la imagen se rellena con transparente negro- y porque es el borde de destino negro (que no se ningún artefacto de alias alrededor del destino.

6. En la barra de herramientas del editor de imágenes, elija la herramienta Elipse.

7. Establezca el color de primer plano de blanco lleno- opaco.Establezca los valores de las propiedades R, G, y B para 0 y el valor de la propiedad A a 255.

8. Establezca el color de fondo en blanco lleno- opaco.En la ventana propiedades, en el grupo de propiedades Colores, seleccione Fondo.Establezca los valores de las propiedades R, G, B, y un a 255.

9. Establezca el ancho del contorno de la elipse.En la ventana propiedades, en el grupo de propiedades Apariencia, establezca el valor de la propiedad Ancho a 8.

10. Asegúrese de que el suavizado de contorno esté habilitado.En la ventana propiedades, en el grupo de propiedades Apariencia, asegúrese de que la propiedad Anti-alias está establecida.

11. Mediante la herramienta Elipse, extraiga un círculo de coordenada (3, 3) de píxeles a la coordenada (508, 508) de píxeles.Para dibujar un círculo más fácilmente, presione y mantener presionada la tecla MAYÚS mientras dibuja.

    [!NOTA]

    Las coordenadas de píxel de la ubicación actual del puntero se muestran en la barra de estado de Visual Studio.

12. Cambie el color de fondo.Establezca R a 44, G a 165, B 211 y, A a 255.

13. Extraiga otro círculo de coordenada (64, 64) de píxeles a la coordenada (448, 448) de píxeles.

14. Cambie el color de fondo de nuevo en blanco lleno- opaco.Establezca R, G, B, y A a 255.

15. Extraiga otro círculo de coordenada (128, 128) de píxeles a la coordenada (384, 384) de píxeles.

16. Cambie el color de fondo.Establezca R a 255, G y B 64 y, A a 255.

17. Extraiga otro círculo de coordenada (192, 192) de píxeles a la coordenada (320, 320) de píxeles.

Se completa la textura de destino de “diana”.A continuación se muestra la imagen final, que se muestra con la transparencia.

Como paso siguiente, puede generar los niveles MIP para esta textura.Para obtener más información, vea Cómo: Generar niveles MIP.

Vea también

Conceptos

Editor de imágenes