Cómo: Crear un Icono o Imagen

• 02/15/2019
• 10 minutos para leer
• • c
  • v
  • D
  • n
  • m
  • +4

Usted puede crear una nueva imagen de mapa de bits, iconos, cursor, o la barra de herramientas y, a continuación, utilizar el Editor de Imágenes para personalizar su apariencia. También puede crear un nuevo mapa de bits con el patrón de una plantilla de recursos.,

iconos y cursores: recursos de imagen para dispositivos de visualización

Los iconos y cursores son recursos gráficos que pueden contener varias imágenes en diferentes tamaños y esquemas de color para diferentes tipos de dispositivos de visualización. Un cursor también tiene un punto caliente, la ubicación que Windows usa para rastrear su posición. Tanto los iconos como los cursores se crean y editan con el editor de imágenes, al igual que los mapas de bits y otras imágenes.

Cuando crea un nuevo Icono o cursor, el Editor de imágenes crea primero una imagen de tipo estándar. La imagen se llena inicialmente con el color de la pantalla (transparente)., Si la imagen es un cursor, el punto caliente es inicialmente la esquina superior izquierda con coordenadas 0,0.

de forma predeterminada, el editor de imágenes admite la creación de imágenes adicionales para los dispositivos que se muestran en la siguiente tabla. Puede crear imágenes para otros dispositivos escribiendo parámetros de ancho, alto y recuento de colores en el cuadro de diálogo Imagen Personalizada.,d>

48 48 16 96 96 256 16 16 256 32 32 256 48 48 256 64 64 256 96 96

Create a device image (icon or cursor)

When you create a new icon or cursor resource, the Image Editor first creates an image in a specific style (32 × 32, 16 colors for icons and 32 × 32, Monochrome for cursors)., A continuación, puede agregar imágenes de diferentes tamaños y estilos al icono o cursor inicial y editar cada imagen adicional, según sea necesario, para los diferentes dispositivos de visualización. También puede editar una imagen mediante una operación de cortar y pegar a partir de un tipo de imagen existente o de un mapa de bits creado en un programa de gráficos.

Cuando abre el icono o el recurso del cursor en el Editor de imágenes, la imagen que más se ajuste al dispositivo de visualización actual se abre de forma predeterminada.

El nuevo cuadro de diálogo tipo de imagen <Device> le permite crear una nueva imagen de dispositivo de un tipo especificado. Para abrir el nuevo cuadro de diálogo <Device> Image, vaya al menú Image > New Image Type. Las siguientes propiedades incluidas son tipo de imagen de destino y personalizado.,

La Imagen de Destino Tipo de listas de propiedades de la imagen de los tipos en los que usted seleccione el tipo de imagen que desea abrir:

la propiedad personalizada abre el cuadro de diálogo Imagen Personalizada en el que puede crear una nueva imagen con un tamaño y un número de colores personalizados.

el cuadro de diálogo Imagen personalizada le permite crear una nueva imagen con un tamaño y un número de colores personalizados. Las siguientes propiedades se incluyen son:

Propiedad	Descripción
Ancho	Proporciona un espacio para ingresar el ancho de la imagen en píxeles (1 – 512, límite de 2048).,
Height	proporciona un espacio para introducir la altura de la imagen personalizada en píxeles (1-512, límite de 2048).
colores	proporciona un espacio para elegir el número de colores para la imagen personalizada: 2, 16 o 256.

utilice el cuadro de diálogo Open<Device> Image para abrir imágenes de dispositivos en proyectos C++. Enumera imágenes de dispositivos existentes en el recurso actual (imágenes que forman parte del recurso actual)., La siguiente propiedad es:

Propiedad	Descripción
Imágenes Actuales	Listas de las imágenes incluidas en el recurso. Seleccione el tipo de imagen que desea abrir.

Para crear un nuevo icono o cursor

1. En la Vista de Recursos, haga clic en su .archivo rc, a continuación, seleccione Insertar recurso. Si ya tiene un recurso de imagen existente en su .,archivo rc, como un cursor, puede hacer clic con el botón derecho en la carpeta del Cursor y seleccionar Insertar Cursor.

2. en el cuadro de diálogo Insertar recurso, seleccione Icono o Cursor y elija Nuevo. Para los iconos, esta acción crea un recurso de iconos con un icono de 32 × 32 y 16 colores. Para cursores, se crea una imagen monocromática (2 colores) de 32 × 32.

   si aparece un signo más ( + ) junto al tipo de recurso de imagen en el cuadro de diálogo Insertar recurso, significa que las plantillas de la barra de herramientas están disponibles. Seleccione el signo más para expandir la lista de plantillas, seleccione una plantilla y elija Nueva.,

para agregar una imagen para un dispositivo de visualización diferente

1. vaya al menú Image > New Device Image, o haga clic con el botón derecho en el panel Editor de imágenes y seleccione New Device Image.

2. Seleccione el tipo de imagen que desea agregar. También puede seleccionar personalizado para crear un icono cuyo tamaño no esté disponible en la lista predeterminada.

para copiar una imagen del dispositivo

1. vaya al menú Image > abra Device Image y elija una imagen de la lista imágenes actuales. Por ejemplo, elija la versión de 32 × 32 y 16 colores de un icono.,

2. copie la imagen del icono que se muestra actualmente (Ctrl + C).

3. abra una imagen diferente del icono en otra ventana del Editor de imágenes. Por ejemplo, abra la versión de 16 × 16 y 16 colores del icono.

4. pegue la imagen del icono (Ctrl + V) de una ventana del Editor de imágenes a la otra. Si va a pegar un tamaño más grande en un tamaño más pequeño, puede usar los controladores de iconos para cambiar el tamaño de la imagen.

para eliminar una imagen del dispositivo

mientras se muestra la imagen del icono en el Editor de imágenes, vaya al menú Image > Delete Device Image., Al eliminar la última imagen de icono en el recurso, el recurso también se elimina.

para crear regiones transparentes o inversas en las imágenes del dispositivo

en el Editor de imágenes, el icono inicial o la imagen del cursor tiene un atributo transparente., Aunque las imágenes del icono y el cursor son rectangulares, muchas no lo parecen porque partes de la imagen son transparentes y la imagen subyacente en la pantalla se muestra a través del icono o el cursor. Al arrastrar un icono, partes de la imagen pueden aparecer en un color invertido. Para crear este efecto, establezca el color de la pantalla y el color inverso en la ventana Colores.

la pantalla y los colores inversos que aplica a los iconos y cursores dan forma y color a la imagen derivada o asignan regiones inversas. Los colores indican partes de la imagen que tienen esos atributos., Puede cambiar los colores que representan los atributos de color de pantalla y color inverso en la edición. Estos cambios no afectan la apariencia del icono o cursor en su aplicación.

para crear regiones transparentes o inversas

1. en la ventana colores, Elija el selector Screen-Color o Inverse-Color.

2. aplique la pantalla o el color inverso a su imagen utilizando una herramienta de dibujo. Para obtener más información sobre las herramientas de dibujo, consulte Uso de una herramienta de dibujo.

para cambiar la pantalla o el color inverso

1. seleccione el selector de color de pantalla o el selector de color inverso.

2. elija un color de la paleta colores en la ventana Colores.,

   El color complementario se asigna automáticamente al otro selector.

   Tip

   si hace doble clic en el selector de color de pantalla o en el selector de color inverso, aparecerá el cuadro de diálogo Selector de Color Personalizado.

Use la paleta de 256 colores

Usando el Editor de imágenes, los iconos y cursores pueden tener un tamaño grande (64 × 64) con una paleta de 256 colores para elegir. Después de crear el recurso, se selecciona un estilo de imagen de dispositivo.

para crear un icono o cursor de 256 colores

1. en la vista de recursos, haga clic con el botón derecho en su .archivo rc, a continuación, seleccione Insertar recurso., Si ya tiene un recurso de imagen existente en su .archivo rc, como un cursor, puede hacer clic con el botón derecho en la carpeta del Cursor y seleccionar Insertar Cursor.

2. en el cuadro de diálogo Insertar recurso, seleccione Icono o Cursor y elija Nuevo.

3. vaya al menú Image > New Device Image y seleccione el estilo de imagen de 256 colores que desee.

para elegir un color de la paleta de 256 colores para iconos grandes

para dibujar con una selección de la paleta de 256 colores, debe seleccionar los colores de la paleta de colores en la ventana Colores.,

1. seleccione el icono o cursor grande, o cree un nuevo Icono o cursor grande.

2. elija un color de los 256 colores que se muestran en la paleta colores de la ventana Colores.

   el color seleccionado se convertirá en el color actual en la paleta colores en la ventana Colores.

   Nota

   la paleta inicial utilizada para imágenes de 256 colores coincide con la paleta devuelta por la API de Windows CreateHalftonePalette. Todos los iconos destinados al shell de Windows deben usar esta paleta para evitar el parpadeo durante la realización de la paleta.,

para establecer el punto caliente de un cursor

El punto caliente de un cursor es el punto al que Windows se refiere en el seguimiento de la posición del cursor. De forma predeterminada, el punto caliente se establece en la esquina superior izquierda del cursor con coordenadas 0,0. La propiedad Hotspot en la ventana Propiedades muestra Las coordenadas de Hotspot.

1. en la barra de Herramientas del Editor de imágenes, elija la herramienta Establecer punto de acceso.

2. seleccione el píxel que desea asignar como punto caliente del cursor.

   la propiedad Hotspot en la ventana Propiedades muestra las nuevas coordenadas.,

para crear y guardar un mapa de bits como a .gif or .jpeg

cuando se crea un mapa de bits, la imagen se crea en formato de mapa de bits (.bmp). Sin embargo, puede guardar la imagen como GIF o JPEG o en otros formatos gráficos.

1. vaya al menú File > abra, luego seleccione File.

2. en el cuadro de diálogo Nuevo Archivo, elija la carpeta Visual C++ y, a continuación, seleccione Archivo de Mapa de bits (.bmp) en el cuadro plantillas y seleccione Abrir.

   el mapa de bits se abre en el Editor de imágenes.,

3. realice cambios en su nuevo mapa de bits según sea necesario.

4. con el mapa de bits todavía abierto en el Editor de imágenes, vaya al menú File > Save filename.bmp As.

5. en el cuadro de diálogo Guardar Archivo como, escriba el nombre que desea dar al archivo y la extensión que indica el formato de archivo que desea en el cuadro Nombre de archivo. Por ejemplo, myfile.gif.

   Nota

   debe crear o abrir el mapa de bits fuera de su proyecto para guardarlo como otro formato de archivo. Si lo crea o abre dentro de su proyecto, el comando Guardar como no estará disponible., Para obtener más información, consulte Visualización de recursos en un archivo de Script de recursos fuera de un proyecto (independiente).

6. Seleccione Guardar.

para convertir una imagen de un formato a otro

puede abrir imágenes GIF o JPEG en el editor de imágenes y guardarlas como mapas de bits. Además, puede abrir un archivo de mapa de bits y guardarlo como GIF o JPEG. Las imágenes con las que trabaje no tienen que formar parte de un proyecto para editarlas en el entorno de desarrollo (consulte edición independiente de imágenes).

1. Abra la imagen en el Editor de Imágenes.,

2. ir al menú File > guardar el nombre del archivo como.

3. en el cuadro de diálogo Guardar Archivo como, en el cuadro Nombre del archivo, escriba el nombre del archivo y la extensión que denota el formato que desea.

4. Seleccione Guardar.

para agregar un nuevo recurso de imagen a un proyecto C++ no administrado

1. en la vista de recursos, haga clic con el botón derecho en su .archivo rc, a continuación, seleccione Insertar recurso. Si ya tiene un recurso de imagen existente en su .archivo rc, como un cursor, simplemente puede hacer clic con el botón derecho en la carpeta del Cursor y seleccionar Insertar Cursor.,

2. en el cuadro de diálogo Insertar recurso, seleccione el tipo de recurso de imagen que desea crear (Mapa de bits, por ejemplo) y luego elija Nuevo.

   si aparece un signo más ( + ) junto al tipo de recurso de imagen en el cuadro de diálogo Insertar recurso, significa que las plantillas de la barra de herramientas están disponibles. Seleccione el signo más para expandir la lista de plantillas, seleccione una plantilla y elija Nueva.

para agregar un nuevo recurso de imagen a un proyecto en un lenguaje de programación. NET

1. en el Explorador de soluciones, haga clic con el botón derecho en la carpeta del proyecto (por ejemplo, WindowsApplication1).,

2. en el menú contextual, seleccione Agregar y, a continuación, seleccione Agregar nuevo elemento.

3. en el panel Categorías, expanda la carpeta Elementos del proyecto Local y, a continuación, seleccione Recursos.

4. en el panel Plantillas, elija el tipo de recurso que desea agregar a su proyecto.

   el recurso se agrega al proyecto en el Explorador de soluciones y se abre en el Editor de imágenes. Ahora puede utilizar todas las herramientas disponibles en el editor de imágenes para modificar su imagen. Para obtener más información sobre cómo agregar imágenes a un proyecto administrado, consulte Cargar una imagen en tiempo de diseño.,

Requisitos

Ninguno

Véase también

Editor de Imágenes para los Iconos
Cómo Editar una Imagen
Cómo: Utilizar una Herramienta de Dibujo
Cómo Trabajar con Color
Teclas de aceleración