# Uso del Editor de iconos

El Editor de iconos es una herramienta para crear archivos de imagen de mapa de bits y de mapa de pixels para utilizar como iconos o fondos.

UG.icone.mkr.4
UG.icone.mkr.8
UG.icone.mkr.12
UG.icone.mkr.13

El Editor de iconos le permite crear y editar imágenes en dos formatos:

## Formatos de icono

`Formato` | `Descripción` | `Nombre de archivo`
Pixmap de X (XPM) | Imágenes en varios colores que incluyen colores estáticos y dinámicos | `*.pm`
Bitmap de X (XBM) | Imágenes en dos colores limitadas a un color en primer plano y un color de fondo (utilizado para iconos en blanco y negro) | `*.bm`

## Ventana principal del Editor de iconos

Para crear imágenes, selecciona herramientas de dibujo y colores, y los utiliza en el área de trabajo. A medida que dibuja, el Editor de iconos muestra una copia a tamaño real del icono en ambos formatos. Es necesario que tenga en cuenta la versión en dos colores del icono incluso si está dibujando una imagen para sistemas de color, ya que los iconos pueden revertir a dos colores si no hay colores suficientes disponibles en el espacio de trabajo.

Para obtener información sobre el diseño de iconos, lea el capítulo sobre diseño visual de la publicación Style Guide and Checklist.

## Para iniciar el Editor de iconos

- Abra el subpanel Aplicaciones personales y pulse el control Editor de iconos.

El Editor de iconos comienza con un área de trabajo vacía.

### Otras formas de iniciar el Editor de iconos

Puede también iniciar el Editor de iconos y hacer que cargue un icono en el área de trabajo en una de las formas siguientes:

- En una vista del Gestor de archivos, localice el archivo de icono y efectúe una doble pulsación sobre él para abrirlo. (La acción predeterminada para archivos pixmap y bitmap ejecuta el Editor de iconos y carga el archivo.)

- Suelte un archivo de icono en el control Editor de iconos, del subpanel Aplicaciones personales.

- Pulse el control Gestor de aplicaciones, en el Panel frontal, luego abra Apls_Escritorio y efectúe una doble pulsación sobre Editor de iconos.

- Escriba el mandato siguiente en una ventana de Terminal:

  ``dticon -f` nombrearchivo `&``

## Tareas básicas de dibujo

Esta sección describe cómo crear y editar un icono y cómo utilizar las herramientas de dibujo del Editor de iconos.

### Para abrir un icono existente

1. Elija Abrir en el menú Archivo.

   Si tiene cambios sin guardar, el Editor de iconos le avisa que los cambios se perderán al cargar otro icono. Pulse Cancelar para cancelar el mandato Abrir. Pulse OK si no desea guardar los cambios.

2. En el campo Entrar nombre de archivo, escriba el nombre del archivo que desea cargar, o seleccione el icono de archivo que desea cargar en la sección Archivos del cuadro de diálogo Abrir archivo.

3. Pulse Guardar.

Cuando carga un archivo, el Formato de salida (en el menú Opciones) se establece automáticamente en el formato del archivo que está cargando.

Puede también abrir un icono existente efectuando una doble pulsación sobre el archivo de icono en el Gestor de archivos.

### Para iniciar un nuevo icono

- Elija Nuevo en el menú Archivo.

  Si tiene cambios sin guardar, el Editor de iconos le avisa que los cambios se perderán al iniciar un nuevo icono. Pulse Cancelar para cancelar el mandato Nuevo, o pulse OK si no desea guardar los cambios.

El Editor de iconos borra el área de trabajo y la redimensiona al tamaño predeterminado (32x32).

Si ya tiene un icono cargado, puede elegir Borrar icono, en el menú Editar, para iniciar un nuevo icono con el mismo tamaño y nombre que el icono cargado previamente.

### Para borrar un icono

1. Guarde el icono actual, si es necesario.

2. Elija Borrar icono, en el menú Editar.

Se vaciará toda el área de trabajo para dibujar iconos.

### Para dibujar una imagen

1. Seleccione una de las herramientas de dibujo (listadas en la UG.icone.mkr.6).

2. Seleccione un color (color estático, gris estático o color dinámico).

3. Comience a dibujar con la herramienta que ha seleccionado.

   A continuación se proporcionan más detalles sobre el dibujo con cada herramienta.

### Herramientas de dibujo

La UG.icone.mkr.5 muestra el área de herramientas de dibujo del Editor de iconos.

#### Herramientas de dibujo del Editor de iconos

- ### Uso de las herramientas de dibujo

  `Herramienta` | `Función` | `Acción`
  Lápiz | Dibujar líneas a mano alzada y pixels individuales | Pulse y mantenga pulsado para dibujar líneas a mano alzada.
  Línea | Dibujar líneas rectas. | Pulse y mantenga pulsado para alargar la línea. Libere para dibujar la línea.
  Rectángulo | Dibujar rectángulos rellenos o contornos de rectángulos. | Pulse y mantenga pulsado para alargar el contorno del rectángulo. Libere para dibujar el rectángulo.
  Círculo | Dibujar círculos o circunferencias. | Señale el lugar donde desea el centro del círculo, pulse y mantenga pulsado, arrastre hasta el tamaño deseado, y libere.
  Borrador | Borrar áreas grandes de la imagen. | Pulse y mantenga pulsado; luego arrastre sobre el área para borrar. Para borrar pixels individuales, seleccione la herramienta Lápiz y el color Transparente.
  Llenar | Llenar un área de un color con el color seleccionado. | Pulse sobre un pixel cualquiera del área a llenar. El pixel seleccionado y todos los pixels adyacentes del mismo color adoptan el color seleccionado. El área llenada se extiende en todas las direcciones, limitada sólo por pixels de un color diferente.
  Polígono abierto | Dibujar líneas rectas conectadas. | Pulse sobre el punto de inicio; luego pulse para dibujar cada segmento. Efectúe una doble pulsación para finalizar el último segmento.
  Polígono cerrado | Dibujar líneas rectas conectadas, estando unidas la primera y la última línea para formar un polígono cerrado. | Pulse sobre el punto de inicio; luego pulse para dibujar cada segmento. Efectúe una doble pulsación para finalizar el último segmento.
  Elipse | Dibujar óvalos rellenos o contornos de óvalos. | Pulse y mantenga pulsado, arrastre hasta el tamaño y la forma deseados, después libere.
  Selección | Seleccionar un área en la que trabajar. Varios mandatos del menú Editar requieren que se seleccione un área. | Señale el pixel situado en la esquina del área a seleccionar, pulse y mantenga pulsado, arrastre hasta el área deseada, después libere.
  Rellenar figuras | Cambiar las herramientas rectángulo, círculo, elipse y polígono cerrado para dibujar formas rellenas en lugar de contornos. | Seleccione la casilla de verificación para dibujar automáticamente formas rellenas. Cancele la selección de la casilla de verificación para restaurar las herramientas al dibujo de contornos.

### Para deshacer una operación de dibujo

- Elija Deshacer en el menú Editar.

Sólo se puede deshacer el cambio individual más reciente.

## Guardar archivos de icono

Cuando guarde archivos de icono, debe utilizar el sufijo de nombre de archivo adecuado. Existen dos sufijos añadidos al nombre base del icono, uno para el tamaño y otro para el formato. Muchos nombres de icono tienen estos formatos generales:

    nombrebase.tamaño.formato
    nombrebase.formato

El nombrebase es el nombre de imagen que se utiliza para hacer referencia a la imagen.

tamaño es una letra individual que indica el tamaño estándar del icono: `l` para grande (48x48 pixels), `m` para intermedio (32x32), `s` para pequeño (24x24) o `t` para diminuto (16x16). ( UG.icone.mkr.10) Si su icono no es de un tamaño estándar, puede omitir esta letra.

formato es `pm` para pixmap de X (formato de icono en color) o `bm` para bitmap de X (formato de icono monocromo).

Si guarda un icono en formato XBM que contiene color transparente, también se guarda un archivo de máscara de icono. El archivo de máscara de icono tiene como nombre `nombrebase.tamaño_m.formato`. Si mueve el icono guardado a otra carpeta, debe también mover el archivo de máscara.

Por ejemplo, suponga que especifica un icono llamado `correo` para un tipo de archivo que ha escrito. Si tiene una pantalla de color y en el Gestor de archivos ha establecido las preferencias para utilizar iconos diminutos, el nombre implícito del icono es `correo.t.pm`. Si el icono tuviera color transparente y lo hubiera guardado en formato XBM, se crearían dos archivos: `correo.t.bm` y `correo.t_m.bm`.

### Convenios para el tamaño de iconos

La ug.icone.mkr.11 lista los tamaños recomendados—en pixels, ancho x alto—para crear nuevos iconos para su uso en el CDE. Los iconos pueden tener un tamaño de hasta 256x256.

### Tamaños de icono recomendados

`Resolución` | `Alta` | `Intermedia` | `Baja`
`Gestor de archivos (grande)` | 32x32 | 32x32 | 32x32
`Gestor de archivos (pequeño)` | 16x16 | 16x16 | 16x16
`Gestor de aplicaciones (grande)` | 32x32 | 32x32 | 32x32
`Gestor de aplicaciones (pequeño)` | 16x16 | 16x16 | 16x16
`Panel frontal` | 48x48 | 48x48 | 32x32
`Subpaneles del Panel frontal` | 32x32 | 32x32 | 16x16
`Ventanas minimizadas` | 48x48 | 48x48 | 32x32
`Espacio de trabajo` | 32x32 | 32x32 | 32x32

### Para guardar el icono

1. Elija un formato de la salida en el menú Opciones:

   - XBM para formato bitmap de X en dos colores

   - XPM para formato pixmap de X en varios colores (opción predeterminada)

2. Elija Guardar, en el menú Archivo.

   Si el icono no tiene nombre o elige Guardar como, el Editor de iconos le solicitará un nombre de archivo. Escriba el nombre y luego pulse Guardar.

Si guarda un icono en formato XBM que contiene color transparente, también se guarda un archivo de máscara de icono. El archivo de máscara de icono tiene como nombre nombrebase.tamaño`_m`.formato. Si mueve el icono guardado a otra carpeta, debe también mover el archivo de máscara.

### Para guardar el icono con un nuevo nombre

1. Elija Guardar como, en el menú Archivo.

2. Escriba (o seleccione) el nombre de archivo con el que desea guardar el archivo de icono.

3. Pulse Guardar.

   Si el archivo ya existe, necesitará pulsar OK en el cuadro de diálogo de aviso para sobreescribir el archivo existente.

## Uso de colores

Los iconos del escritorio utilizan una paleta de 22 colores:

- Ocho grises estáticos

- Ocho colores estáticos: rojo, azul, verde, cian, magenta, amarillo, negro y blanco

- Cinco colores dinámicos: Primer plano, Fondo, SombraSuperior, SombraInferior y Seleccionar

- Un “color” transparente que permite que transparente el fondo

Estos son los colores predeterminados del Editor de iconos. Este conjunto de colores proporciona una paleta razonable con la que crear iconos. Esta paleta limitada se escogió para maximizar el atractivo y la legibilidad de los iconos sin usar un número innecesario de colores.

Los colores dinámicos son los utilizados para visualizar la aplicación donde aparecerá el icono. Si el icono aparece en el Gestor de archivos, éste determina el color del fondo. Los colores dinámicos son útiles para iconos que desea que cambien de color a medida que se seleccionan paletas de colores distintas en el Gestor de estilos. Los colores dinámicos son también útiles si el icono se usará en más de un lugar y desea que utilice los colores de la aplicación donde aparece.

SombraSuperior y SombraInferior se pueden utilizar para dibujar una sombra debajo del icono. Puede utilizar estos colores para dar al icono un aspecto de relieve. Esto sólo es recomendable para los iconos de estilo del Panel frontal.

El color transparente es útil para crear iconos que producen la sensación de ser no rectangulares, pues permite que transparente el color situado debajo del icono. Si el icono no ocupa el cuadro delimitador completo, puede llenar el área no utilizada con el color transparente.

## Tareas avanzadas de dibujo

Una vez que esté familiarizado con los recursos básicos de dibujo del Editor de iconos, puede probar operaciones más avanzadas. Muchas de estas operaciones requieren que primero seleccione un área del icono. Esto se realiza utilizando la herramienta Selección (situada junto al borrador).

Cuando está seleccionada un área del icono, puede:

- Cortar, copiar o mover el área

- Redimensionar (escalar) el área

- Crear una imagen especular del área (horizontal o verticalmente)

- Girar el área (a derecha o izquierda)

### Para seleccionar un área del icono

1. Pulse la herramienta Selección (junto al borrador).

2. Arrastre una casilla alrededor del área que desea seleccionar.

   Cuando un área está seleccionada, una casilla parpadea en torno al área seleccionada.

### Para cortar una región del icono

1. Seleccione el área del icono que desea cortar utilizando la herramienta Selección.

2. Elija Cortar en el menú Editar.

Cuando corta una porción de un icono, el área expuesta pasa a ser transparente (es decir, se llena con el color Transparente).

Observe que después de cortar una porción, puede volver a pegarla en el icono eligiendo Pegar en el menú Editar.

### Para copiar una región del icono

1. Seleccione el área del icono que desea copiar utilizando la herramienta Selección.

2. Elija Copiar en el menú Editar.

3. Elija Pegar en el menú Editar.

4. Sitúe la línea de contorno donde desea pegar la copia, y luego pulse el ratón.

Puede repetir los pasos 3 y 4 tantas veces como desee para pegar varias copias de la región.

### Para mover una parte del icono

1. Seleccione el área del icono que desea mover utilizando la herramienta Selección.

2. Elija Cortar en el menú Editar.

3. Elija Pegar en el menú Editar.

4. Sitúe la línea de contorno donde desea pegar la copia, y luego pulse el ratón.

Puede repetir los pasos 3 y 4 tantas veces como desee para pegar varias copias del área cortada.

### Para girar una parte del icono

1. Seleccione el área del icono que desea girar utilizando la herramienta Selección.

2. Elija Rotar y luego Izquierda o Rotar y luego Derecha en el menú Editar.

3. Sitúe la línea de contorno donde desea pegar el área girada, y luego pulse el ratón.

### Para crear una imagen especular del icono

La opción Alternar crea una imagen especular del área seleccionada.

1. Seleccione el área del icono que desea reflejar utilizando la herramienta Selección.

2. Elija Alternar y luego Vertical o Alternar y luego Horizontal en el menú Editar.

### Redimensionamiento de iconos

Puede redimensionar el icono completo o una parte del icono.

#### Para redimensionar el icono actual

1. Elija Redimensionar icono en el menú Editar.

   El Editor de iconos muestra un cuadro de diálogo que solicita el nuevo tamaño.

2. Edite el ancho y el alto actuales para especificar el nuevo tamaño.

3. Pulse OK.

Si hace el icono más pequeño, los bordes derecho e inferior se recortan. Si hace el icono más grande, la imagen existente permanece en la parte superior izquierda del icono.

#### Para redimensionar (escalar) una parte del icono

1. Seleccione el área del icono que desea redimensionar utilizando la herramienta Selección.

2. Elija Escalar en el menú Editar.

3. Arrastre un cuadro que defina el tamaño y la forma que desea para la imagen escalada.

   El tamaño del cuadro se muestra en la parte superior derecha. Esto determina cómo se redimensionará la parte seleccionada de la imagen; no determina dónde colocar el resultado.

4. Sitúe la línea de contorno donde desea pegar la copia escalada, y luego pulse el ratón.

### Puntos de actuación

Las imágenes en mapa de bits (formato XBM) se pueden utilizar como formas especiales de puntero de ratón. Un punto de actuación marca un pixel individual de la imagen que es el verdadero punto del puntero de ratón.

#### Para añadir un punto de actuación

Sólo puede haber un único punto de actuación en un icono.

1. Elija Añadir punto de actuación, en el menú Editar.

2. Pulse el pixel donde desea el punto de actuación.

#### Para suprimir un punto de actuación

- Elija Suprimir punto de actuación, en el menú Editar.

### Capturas de pantalla

Puede copiar un área cualquiera de cualquier parte de la pantalla en el Editor de iconos. Puede copiar (“capturar”) un texto o gráfico visualizado y cargarlo en el área de trabajo del Editor de iconos.

#### Para capturar un área de la pantalla

1. Guarde el icono actual, si es necesario.

2. Elija Capturar imagen pantalla, en el menú Editar.

3. Arrastre un cuadro alrededor de la parte del espacio de trabajo que desea capturar (pulse el botón izquierdo del ratón, arrastre y libere).

La captura de una parte de la pantalla hace que el icono utilice parte de los colores disponibles en el escritorio.

### Modificación de la vista de un icono

Puede cambiar el aspecto de un icono en el área de trabajo del Editor de iconos modificando la ampliación o utilizando una cuadrícula.

#### Para ocultar la cuadrícula

- Elija Cuadrícula visible, en el menú Opciones.

  Esto ocultará la cuadrícula. Elija de nuevo Cuadrícula visible, en el menú Opciones, para mostrar la cuadrícula. Mostrar la cuadrícula es la opción predeterminada.

#### Para cambiar la ampliación de un icono

1. Elija Ampliación en el menú Opciones.

2. Elija el Nivel de ampliación que desee en el submenú.