Editor de imágenes

Este documento se describe cómo ejecutar el editor de Visual Studio Imágenes para ver y modificar recursos de textura e imagen.

Puede utilizar el Editor de imágenes para trabajar con la clases de textura y formatos de imágenes enriquecidos que se utilizan en el desarrollo de aplicaciones de DirectX, lo que incluye compatibilidad con los formatos de archivo de imagen y las codificaciones de color que más se utilizan, características como los canales alfa y la asignación MIP, y muchos de los formatos de texturas muy comprimidos y acelerados por hardware compatibles con DirectX.

Formatos compatibles

El Editor de imágenes admite estos formatos de imagen:

Introducción

En esta sección se describe cómo agregar una imagen al proyecto de Visual Studio y configurarla para requisitos.

Para agregar una imagen al proyecto

1. En Explorador de soluciones, abra el menú contextual del proyecto al que desee agregar la imagen y, a continuación Add, Nuevo elemento.

2. En el cuadro de diálogo agregar nuevo elemento, en Instalado, Gráficos seleccione y a continuación, seleccione un formato de archivo adecuado para la imagen.Para obtener información sobre cómo elegir un formato de archivo basado en los requisitos, vea la sección siguiente.

3. Especifique Nombre de archivo de imagen, y Ubicación donde desea que se creará.

4. elija el botón de Agregar .

Elegir el formato de imagen

Dependiendo de cómo piensa utilizar la imagen, ciertos formatos de archivo pueden ser más adecuados que otros.Por ejemplo, algunos formatos podrían no admitir una característica que se necesidad- como transparencia ni color específico formato- o que no proporcione la compresión adecuado para la clase de contenido de la imagen que ha planeado.

La información siguiente puede ayudarle a elegir un formato de imagen que cubre las necesidades.

• Imagen de mapa de bits (.bmp)
  Formato de imagen de mapa de bits.Un formato de imagen sin comprimir compatible con colores de 24 bits.El formato de mapa de bits no admite la transparencia.

• Imagen GIF (.gif)
  Formato de imagen GIF (Formato de intercambio de gráficos).Formato de imagen LZW comprimido sin pérdidas que admite hasta 256 colores.Inapropiado para fotografías e imágenes con una cantidad significativa de detalles de color, pero proporciona buenos índices de compresión para las imágenes de color bajo con un alto nivel de coherencia de color.

• Imagen JPG (.jpg)
  Formato de imagen JPEG (grupo conjunto de expertos en fotografía).Un formato de imagen explícita muy comprimida que admite colores de 24 bits y es adecuado para la compresión de uso general de imágenes que tienen un alto nivel de coherencia de color.

• Imagen PNG (.png)
  Formato de imagen PNG (Portable Network Graphics).Un formato de imagen de comprensión moderada que no es explícito que admite colores de 24 bits y transparencia alfa.Es adecuado para las imágenes naturales y artificiales, pero no proporciona índices de compresión tan buenos como los formatos explícitos como JPG o GIF.

• Imagen TIFF (.tif)
  Formato de imagen TIFF o TIF (formato de archivo de imagen etiquetado).Formato de imagen flexible que admite varios modelos de compresión.

• Textura de DDS (.dds)
  El formato de textura DirectDraw Surface (DDS).Un formato de textura explícito muy comprimido compatible con colores de 24 bits y transparencia alfa.Los índices de compresión pueden ser tan elevados como 8:1.Está basado en la compresión de texturas S3, que se puede descomprimir en el hardware para gráficos.

• Imagen TGA (.tga)
  El formato de imagen TGA (Truevision Graphics Adapter) (también conocido como Targa).Un formato de imagen RLE comprimido sin pérdidas que admite imágenes asignadas a colores (paleta de colores) o de color de directo de hasta colores de 24 bits y transparencia alfa.Inapropiado para fotografías e imágenes con una cantidad significativa de detalles de color, pero proporciona buenos índices de compresión en las imágenes que tienen largos intervalos de colores idénticos.

Configuración de imagen

Antes de empezar a trabajar con la imagen que acaba de crear, puede cambiar la configuración predeterminada.Por ejemplo, puede cambiar sus dimensiones o formato de color que utiliza.Para obtener información sobre cómo configurar estas y otras propiedades de imágenes, vea Propiedades de imágenes.

[!NOTA]

Antes de guardar el trabajo, asegúrese de establecer la propiedad Formato de color si desea utilizar un formato de color específico.Si el formato de archivo admite compresión, puede ajustar los valores de compresión al guardar el archivo por primera vez o cuando se elige guardar como.

Trabajar con el editor de imágenes

Esta sección describe cómo utilizar el editor de Imágenes para modificar texturas e imágenes.

Barras de herramientas del Editor de imágenes

Comandos de las barras de herramientas del Diseñador de imágenes que ayudan a trabajar con imágenes.

Los comandos que afectan al estado del editor de Imágenes se encuentran en la barra de herramientas Modo de editor de imágenes así como comandos avanzado.La barra de herramientas se encuentra en el borde superior de la superficie de diseño del editor de imágenes.Las herramientas de dibujo se encuentran en la barra de herramientas Editor de imágenes en el borde de izquierda de la superficie de diseño del editor de imágenes.

A continuación, se muestra la barra de herramientas del Modo editor de imágenes:

En esta tabla se describen los elementos de la barra de herramientas del Modo del editor de imágenes; se muestran en el orden en que aparecen de izquierda a derecha.

Elemento de la barra de herramientas	Descripción
Select	Habilita la selección de un área rectangular de una imagen.Después de seleccionar una región, puede cortarla, moverla, escalarla, girarla, voltearla o eliminarla.Si hay una selección activa, las herramientas de dibujo solo afectan a la región seleccionada.
selección irregular	Habilita la selección de un área irregular de una imagen.Después de seleccionar una región, puede cortarla, moverla, escalarla, girarla, voltearla o eliminarla.Si hay una selección activa, las herramientas de dibujo solo afectan a la región seleccionada.
Selección de varita	Habilita la selección de una región coloreada de forma similar de una imagen.La tolerancia, es decir, la diferencia máxima entre colores adyacentes para que se consideren similares, se puede configurar para que incluya un intervalo menor o mayor de colores similares.Después de seleccionar una región, puede cortarla, moverla, escalarla, girarla, voltearla o eliminarla.Si hay una selección activa, las herramientas de dibujo solo afectan a la región seleccionada.
Panorámica	Habilita el movimiento de la imagen en relación con el marco de la ventana.En el modo Movimiento panorámico, seleccione un punto en la imagen y muévalo. Puede activar temporalmente el modo Panorámico si mantiene presionada la tecla Ctrl.
Zoom	Habilita la presentación de más o menos detalle de la imagen en relación con el marco de la ventana.En el modo de Zoom , seleccione un punto de la imagen y muévalo a la derecha o hacia abajo para acercar o a la izquierda o hacia arriba para alejar. Puede acercar o alejar si mantiene presionada la tecla Ctrl mientras utiliza la rueda del mouse o presiona el signo más (+) o el signo menos (-).
Zoom al tamaño real	Muestra la imagen con una relación de 1:1 entre los píxeles de la imagen y los píxeles de la pantalla.
Zoom para ajustar	Muestra toda la imagen completa del marco de la ventana.
Ajustar a ancho	Muestra el ancho total de la imagen en el marco de la ventana.
Cuadrícula	Habilita o deshabilita la cuadrícula que muestra límites de píxeles.La cuadrícula puede no aparecer hasta que se haga zoom en la imagen.
Ver nivel de MIP siguiente	Eleva el nivel mayor siguiente MIP en una cadena de asignación MIP.El nivel de MIP de activo se muestra en la superficie de diseño.Este elemento solo está disponible para las texturas que tienen niveles MIP.
Ver nivel de MIP anterior	Eleva el nivel más pequeño siguiente MIP en una cadena de asignación MIP.El nivel de MIP de activo se muestra en la superficie de diseño.Este elemento solo está disponible para las texturas que tienen niveles MIP.
Canal rojo Canal verde Canal azul Canal alfa	Habilita o deshabilita el canal en color específico. Nota Al habilitar o deshabilitar sistemáticamente los canales de color, puede aislar los problemas relacionados con uno o varios de ellos.Por ejemplo, podría identificar la transparencia alfa incorrecta.
Background	Habilita o deshabilita la visualización del segundo plano en las partes transparentes de la imagen.Puede configurar el modo en que se muestra el fondo eligiendo entre estas opciones: Tablero Utiliza el color verde junto con el color de fondo especificado para mostrar el fondo como un patrón de tablero.Puede utilizar esta opción para ayudar a crear partes transparentes de la imagen más evidentes. Fondo blanco Utiliza el color blanco para mostrar el fondo. Fondo negro Utiliza el color negro para mostrar el fondo. Animar fondo Realiza un movimiento panorámico lento sobre el tablero.Puede utilizar esta opción para ayudar a crear partes transparentes de la imagen más evidentes.
Propiedades	Como alternativa abre o cierra la ventana Propiedades.
Avanzado	Contiene comandos adicionales y opciones. Filtros Proporciona varios filtros comunes de imagen: Blanco y negro, Desenfoque, Iluminar, Oscurecer, Detección de bordes, Relieve, Invertir colores, Ondas, Tono sepia y Enfocar. Motores gráficos Presentación con D3D11 Utiliza Direct3D 11 para presentar la superficie de diseño del Editor de imágenes. Representar con D3D11WARP Utiliza Windows Advanced Rasterization Platform (WARP) de Direct3D 11 para presentar la superficie de diseño del Editor de imágenes. Herramientas Voltear horizontalmente Transpone la imagen alrededor de su horizontal, o x, eje. Voltear verticalmente Transpone la imagen alrededor del vertical, o la y, eje. genere las MIPS Genera los niveles de MIP para una imagen.Si ya existen niveles de MIP, se vuelven a crear a partir del nivel de MIP superior.Se pierde cualquier cambio realizado en niveles MIP más pequeños.Para guardar los niveles MIP que ha generado, debe utilizar el formato .dds para guardar la imagen. View Velocidad de fotograma Cuando está habilitada, muestra la velocidad de fotograma en la esquina superior derecha de la superficie de diseño.La velocidad de fotograma es el número de marcos dibujados por segundo. Sugerencia Puede elegir el botón Avanzadas para volver a ejecutar el último comando.

Esta es la barra de herramientas del Editor de imágenes.

La tabla siguiente describe los elementos de la barra de herramientas del Editor de imágenes, que se muestran en el orden en que aparecen de arriba abajo.

Trabajar con niveles MIP

Algunos formatos de imágenes, como DirectDraw Surface (.dds), admiten niveles MIP para el nivel de detalle (LOD) del espacio de textura.Para obtener información sobre cómo se generan y se trabaja con niveles MIP, vea Cómo: Generar niveles MIP

Trabajar con la transparencia

Algunos formatos de imágenes, por ejemplo DirectDraw Surface (.dds), admiten la transparencia.Hay varias formas de transparencia que se pueden utilizar, dependiendo de la herramienta que se esté utilizando.Para especificar el nivel de transparencia para una selección de color, en la ventana Propiedades, establezca el componente A (alfa) de la selección de color.Aquí se muestra cómo los diferentes tipos de herramientas controlan cómo se aplica la transparencia:

Propiedades de imágenes

Puede utilizar la ventana propiedades para especificar varias propiedades de la imagen.Por ejemplo, puede establecer las propiedades width y height para cambiar el tamaño de la imagen.

La tabla siguiente describe las propiedades de la imagen.

Cambiar el tamaño de las imágenes

Estos son dos maneras de cambiar el tamaño de una imagen.En ambos casos, el Editor de imágenes usa una interpolación bilineal para volver a muestrear la imagen.

• En la ventana Propiedades, especifique nuevos valores para las propiedades Ancho y Alto.

• Seleccione la imagen completa y usan marcadores de borde para cambiar el tamaño de la imagen.

Trabajar con herramientas

Regiones seleccionadas

Las selecciones en el Editor de imágenes definen las regiones de la imagen que están activas, es decir, las que se verán afectadas por las herramientas y las transformaciones.Si hay una selección activa, las áreas de fuera de la región seleccionado no se ven afectadas por la mayoría de las herramientas y las transformaciones.Si no hay una selección activa, toda la imagen está activa.

La mayoría de las herramientas Lápiz, Pincel, Aerógrafo, Relleno, Borrador, y 2d primitivo- y transformaciones Girar, Ajuste, Invertir colores, Voltear horizontalmente, y Voltear verticalmente— se restringida o definidas por la selección activa.Sin embargo, algunas herramientas, Cuentagotas y Texto, y transformaciones, Generar Mips, no se ven afectadas por ninguna selección activa; estas herramientas siempre se comportan como si la imagen en su totalidad es la selección activa.

Mientras está seleccionando una región, puede presionar y mantener presionada la tecla Mayús para crear una selección proporcional (cuadrada); si no lo hace, la selección no tendrá ninguna restricción.

Cambiar el tamaño de selecciones

Después de seleccionar una región, puede cambiar su tamaño el contenido de su imagen cambiando el tamaño del marcador de selección.Mientras está cambiando el tamaño del área seleccionada, puede utilizar las teclas modificadoras siguientes para cambiar el comportamiento de la región seleccionado como se cambia el tamaño (presione y mantenga presionada la tecla mientras se cambia el tamaño).

• Ctrl
  Copia el contenido de la región seleccionada antes de que haya cambia de tamaño.Esto deja de la imagen original intacta cuando se cambia el tamaño de la copia.

• Shift
  Cambia el tamaño de la región seleccionado en proporción a su tamaño original.

• Alt
  Cambia el tamaño del área de selección.Esto deja de imagen sin modificar.

Éstas son las combinaciones de tecla modificadora válidas:

Propiedades de la herramienta

Cuando se selecciona una herramienta, puede utilizar la ventana propiedades para especificar los detalles sobre cómo afecta a la imagen.Por ejemplo, puede establecer el grosor de la herramienta Lápiz o el color de la herramienta Pincel.

Puede establecer un color de primer plano y un color de fondo.Ambos admiten un canal alfa que proporciona opacidad definida por el usuario.Los valores se aplican a todas las herramientas.Si usa un mouse, el botón primario corresponde al color de primer plano y el botón secundario del mouse corresponde al color de fondo.

En la tabla siguiente se describen las propiedades de la herramienta.

Métodos abreviados de teclado

Temas relacionados