# Uso dell'Editor delle icone

L'Editor delle icone è uno strumento che permette di creare immagini a mappa di bit e a mappa di pixel da usare come icone o come sfondi per lo schermo.

UG.IconE.mkr.4
UG.IconE.mkr.8
UG.IconE.mkr.12
UG.IconE.mkr.13

L'Editor delle icone permette di creare ed editare le immagini in due formati:

## Formati delle icone

`Formato` | `Descrizione` | `Nome del file`
X pixmap (XPM) | Immagini che utilizzano molti colori sia statici che dinamici | `*.pm`
X bitmap (XBM) | Immagini che utilizzano due soli colori, uno di primo piano e uno di sfondo (usate per le icone monocromatiche) | `*.bm`

## Finestra principale dell'Editor delle icone

Le immagini vengono create nell'area di disegno selezionando gli strumenti e i colori appropriati. Durante il processo di editazione, l'Editor delle icone visualizza una copia in dimensioni reali dell'icona in entrambi i formati, cioè sia a colori che in bianco e nero. La versione monocromatica deve essere considerata anche quando si crea un'icona a colori, perché il suo utilizzo potrebbe rendersi necessario in determinate condizioni di lavoro nel desktop.

Per informazioni sul disegno delle icone, vedere il capitolo “Visual Design” del documento Style Guide and Checklist.

## Avvio dell'Editor delle icone

1. Aprire il pannello secondario “Applicazioni personali” e fare clic sul controllo dell'Editor delle icone.

L'Editor delle icone verrà avviato con l'area di disegno vuota.

### Altri modi per avviare l'Editor delle icone

I metodi descritti qui di seguito permettono di avviare l'Editor delle icone caricando direttamente un'immagine nell'area di disegno:

- In una finestra della Gestione di file, localizzare e fare doppio clic sul file dell'icona e per aprirlo. (L'azione predefinita per i file a mappa di bit e a mappa di pixel avvia l'Editor delle icone e carica il file.)

- Rilasciare il file dell'icona sul controllo dell'Editor delle icone nel pannello secondario “Applicazioni personali”.

- Fare clic sul controllo della Gestione di applicazioni nel Pannello principale, quindi aprire il gruppo Applicazioni_desktop e fare doppio clic su Editor delle icone.

- In una finestra di Terminale, digitare il comando seguente:

  ``dticon -f` nomefile `&``

## Operazioni di disegno principali

Questa sezione descrive le procedure per creare ed editare un'icona e per utilizzare gli strumenti di disegno dell'Editor delle icone.

### Aprire un'icona esistente

1. Scegliere Aprire dal menu File.

   Se la finestra contiene modifiche non salvate, comparirà un messaggio per avvertire che, caricando una nuova icona, tali modifiche andranno perdute. Fare clic su Annullare per annullare il comando di apertura, oppure su OK per proseguire senza salvare le modifiche.

2. Digitare il nome del file nel campo “Inserire il nome del file”, oppure selezionarlo dall'elenco File del riquadro di dialogo “Apertura file”.

3. Fare clic su Salvare.

Quando si carica un file, il “Formato di uscita” (nel menu Opzioni) viene impostato automaticamente sul formato del file che viene caricato.

Un altro metodo per aprire un'icona esistente è quello di fare doppio clic sull'icona del file nella Gestione di file.

### Creare un'icona nuova

1. Scegliere Nuovo dal menu File.

   Se la finestra contiene modifiche non salvate, comparirà un messaggio per avvertire che, creando una nuova icona, tali modifiche andranno perdute. Fare clic su Annullare per annullare l'operazione, oppure su OK per proseguire senza salvare le modifiche.

L'area di disegno verrà azzerata e riportata alle dimensioni predefinite (32x32).

Per creare una nuova icona con le stesse dimensioni di quella precedente, utilizzare il comando “Cancellare icona” del menu Editare che permette di azzerare l'area di disegno mantenendo le dimensioni e il nome impostati per l'icona precedente.

### Cancellare un'icona

1. Salvare l'icona corrente.

2. Scegliere “Cancellare icona” dal menu Editare.

L'area di disegno verrà azzerata.

### Disegnare un'immagine

1. Selezionare uno strumento di disegno (vedere la UG.IconE.mkr.6).

2. Selezionare un colore (un colore statico, un grigio statico o un colore dinamico).

3. Iniziare a disegnare con lo strumento selezionato.

   Qui di seguito sono fornite informazioni più dettagliate sui singoli strumenti di disegno.

### Strumenti di disegno

La UG.IconE.mkr.5 mostra l'area degli strumenti di disegno dell'Editor delle icone.

#### Strumenti di disegno dell'Editor delle icone

- ### Uso degli strumenti di disegno

  `Strumento` | `Funzione` | `Modo di utilizzo`
  Matita | Disegno di linee e punti a mano libera. | Premere e trascinare il puntatore.
  Linea | Disegno di linee rette. | Premere e trascinare fino alla lunghezza desiderata, quindi rilasciare.
  Rettangolo | Disegno di rettangoli pieni o vuoti. | Premere e trascinare per delineare il profilo del rettangolo, quindi rilasciare.
  Cerchio | Disegno di cerchi pieni o vuoti. | Puntare al centro del cerchio, premere, trascinare fino alla dimensione desiderata e rilasciare.
  Gomma | Cancellazione di grandi aree dell'immagine. | Premere e trascinare sull'area da cancellare. Per cancellare singoli pixel, usare la Matita e il colore Trasparente.
  Riempimento | Riempimento di un'area con un colore selezionato. | Fare clic all'interno dell'area da riempire. Il colore selezionato verrà applicato a tutti i pixel adiacenti a quello selezionato che presentino lo stesso colore.
  Poligono aperto | Disegno di linee rette collegate. | Fare clic sul punto di inizio, e fare clic nuovamente per tracciare ognuno dei segmenti successivi. Per terminare, fare doppio clic.
  Poligono chiuso | Disegno di linee rette collegate in cui la prima e l'ultima si ricollegano formando un poligono chiuso. | Fare clic sul punto di inizio, e fare clic nuovamente per tracciare ognuno dei segmenti successivi. Per terminare, fare doppio clic.
  Ellisse | Disegno di ellissi pieni o vuoti. | Premere e trascinare per definire la forma e la dimensione desiderata, quindi rilasciare.
  Selezione | Selezione di un'area dell'icona su cui eseguire un comando di editazione. | Puntare su un angolo dell'area da selezionare, premere e trascinare fino all'angolo opposto, quindi rilasciare.
  Casella di riempimento | Disegno di figure geometriche piene anziché delineate con il semplice profilo. | Selezionare la casella per disegnare figure geometriche piene; deselezionarla per tornare a disegnare i soli profili esterni.

### Annullare un'operazione di disegno

1. Scegliere Annullare dal menu Editare.

È possibile annullare solo l'ultima operazione.

## Salvataggio delle icone

Al momento di salvare le icone è importante assegnare ai nomi dei file il suffisso corretto. Esistono due tipi di suffissi da aggiungere al nome base di un'icona, uno per la dimensione e uno per il formato. I nomi delle icone presentano in genere i seguenti formati:

    nomebase.dimensione.formato
    nomebase.formato

nomebase è il nome utilizzato per indicare l'immagine.

dimensione è una lettera convenzionale indicante la dimensione standard dell'icona: `l` per le icone grandi (48x48 pixel), `m` per le medie (32x32), `s` per le piccole (24x24), o `t` per le icone molto piccole (16x16). ( UG.IconE.mkr.10) Se l'icona non ha una dimensione standard, è possibile omettere questa lettera dal nome del file.

formato è `pm` per i file a mappa di pixel (a colori) e `bm` per i file a mappa di bit (monocromatici).

Se si salva in formato XBM un'icona che contiene il colore trasparente, verrà salvato anche un file contenente la maschera dell'icona. Il nome di questo file sarà `nomebase.dimensione_m.formato.` Per spostare un'icona di questo tipo in un'altra cartella occorrerà spostare anche il file della maschera.

Ad esempio, si supponga di avere creato un'icona di nome `posta` per un determinato tipo di file. Se si dispone di un monitor a colori e la Gestione di file è impostata per l'utilizzo di icone molto piccole, il nome della nuova icona sarà `mail.t.pm`. Se l'icona contiene il colore trasparente ed è stata salvata in formato XBM, saranno creati due file: `mail.t.bm` e `mail.t_m.bm`.

### Dimensioni delle icone

La UG.IconE.mkr.11 contiene le dimensioni consigliate — in pixel, larghezza x altezza — per le icone da utilizzare nel CDE.La dimensione massima è di 256x256.

### Dimensioni consigliate per le icone

`Risoluzione` | `Alta` | `Media` | `Bassa`
`Gestione di file (grande)` | 32x32 | 32x32 | 32x32
`Gestione di file (piccola)` | 16x16 | 16x16 | 16x16
`Gestione di applicazioni (grande)` | 32x32 | 32x32 | 32x32
`Gestione di applicazioni (piccola)` | 16x16 | 16x16 | 16x16
`Pannello principale` | 48x48 | 48x48 | 32x32
`Pannelli secondari` | 32x32 | 32x32 | 16x16
`Icone delle finestre` | 48x48 | 48x48 | 32x32
`Spazio di lavoro` | 32x32 | 32x32 | 32x32

.

### Salvare un'icona

1. Scegliere un formato di uscita dal menu Opzioni:

   - XBM per i file monocromatici a mappa di bit

   - XPM per i file a colori a mappa di pixel (formato predefinito)

2. Scegliere Salvare dal menu File.

   Se l'icona è senza nome o è stata scelta l'opzione “Salvare come”, verrà chiesto di specificare un nome per il file. Digitare il nome e fare clic su Salvare.

Se si salva in formato XBM un'icona che contiene il colore trasparente, verrà salvato anche un file contenente la maschera dell'icona. Il nome di questo file sarà nomebase.dimensione`_m`.formato. Per spostare un'icona di questo tipo in un'altra cartella occorrerà spostare anche il file della maschera.

### Salvare un'icona con un nuovo nome

1. Scegliere “Salvare come” dal menu File.

2. Digitare (o selezionare) il nome del file con cui si desidera salvare l'icona.

3. Fare clic su Salvare.

   Se il file specificato esiste già, comparirà un messaggio di avvertimento corrispondente. Fare clic su OK per sovrascrivere il contenuto del file.

## Uso dei colori

Le icone del desktop utilizzano una tavolozza di 22 colori:

- Otto grigi statici

- Otto colori statici: rosso, blu, verde, azzurro, magenta, giallo, nero e bianco

- Cinque colori dinamici: primo piano, sfondo, ombreggiatura superiore, ombreggiatura inferiore e selezione

- Un “colore” trasparente che lascia vedere il colore di sfondo

Questi sono i colori predefiniti dell'Editor delle icone. Sono stati scelti in modo da offrire una scelta adeguata, ma non eccessiva, per la creazione di icone chiare e ben leggibili.

I colori dinamici sono quelli controllati dalle applicazioni che utilizzano le icone. Se ad esempio l'icona viene usata dalla Gestione di file, sarà la Gestione di file a determinare il colore di sfondo. I colori dinamici permettono alle icone di cambiare colore a seconda della tavolozza selezionata nella Gestione degli stili, ed anche a seconda delle applicazioni in cui compaiono.

L'ombreggiatura superiore e l'ombreggiatura inferiore permettono di conferire alle icone un effetto di “rilievo”. Se ne consiglia l'uso solo per le icone del Pannello principale.

Il colore trasparente permette di simulare forme non rettangolari, in quanto lascia trasparire il colore dello sfondo su cui compare l'icona. Se l'immagine dell'icona non occupa l'intera area rettangolare disponibile, si potrà riempire l'area vuota con il colore trasparente.

## Operazioni di disegno avanzate

Una volta acquisita una certa familiarità con le operazioni di disegno principali, si potranno sperimentare alcune operazioni leggermente più complesse. Molte di queste operazioni richiedono la selezione di un'area dell'icona. Per specificare una selezione, usare l'apposito strumento (vicino alla gomma).

Dopo avere selezionato un'area dell'icona, è possibile:

- Tagliare, copiare o spostare l'area

- Ridimensionare l'area (in scala)

- Capovolgere l'area (orizzontalmente o verticalmente)

- Ruotare l'area (verso destra o verso sinistra)

### Selezionare un'area dell'icona

1. Fare clic sullo strumento di selezione (vicino alla gomma).

2. Premere e trascinare per delineare l'area che si desidera selezionare.

   L'area selezionata apparirà delimitata da un profilo lampeggiante.

### Tagliare un'area dell'icona

1. Selezionare l'area da tagliare usando lo strumento di selezione.

2. Scegliere “Tagliare area” dal menu Editare.

Quando si taglia un'area di un'icona, l'area rimasta vuota diventa trasparente (cioè riempita con il colore trasparente).

Si noti che l'area tagliata dall'icona potrà essere reinserita scegliendo “Incollare area” dal menu Editare.

### Copiare un'area dell'icona

1. Selezionare l'area da copiare usando lo strumento di selezione.

2. Scegliere “Copiare area” dal menu Editare.

3. Scegliere “Incollare area” dal menu Editare.

4. Posizionare il profilo dell'area nel punto di inserimento desiderato e fare clic.

Per inserire più copie dell'area selezionata, ripetere i punti 3 e 4.

### Spostare un'area dell'icona

1. Selezionare l'area da spostare usando lo strumento di selezione.

2. Scegliere “Tagliare area” dal menu Editare.

3. Scegliere “Incollare area” dal menu Editare.

4. Posizionare il profilo dell'area nel punto di inserimento desiderato e fare clic.

Per inserire più copie dell'area selezionata, ripetere i punti 3 e 4.

### Ruotare una parte dell'icona

1. Selezionare l'area da ruotare usando lo strumento di selezione.

2. Dal menu Editare, scegliere “Ruotare area” e quindi “Verso sinistra” o “Verso destra”.

3. Posizionare il profilo dell'area nel punto di inserimento desiderato e fare clic.

### Capovolgere una parte dell'icona

Questa operazione crea un'immagine speculare dell'area selezionata.

1. Selezionare l'area da capovolgere usando lo strumento di selezione.

2. Dal menu Editare, scegliere “Capovolgere area” e quindi Verticalmente o Orizzontalmente.

### Ridimensionamento delle icone

È possibile ridimensionare un'intera icona o soltanto una sua parte.

#### Ridimensionare l'icona corrente

1. Scegliere “Ridimensionare icona” dal menu Editare.

   Verrà aperto un riquadro di dialogo in cui occorrerà specificare la nuova dimensione.

2. Editare la larghezza e l'altezza dell'icona specificando i valori desiderati.

3. Fare clic su OK.

Se la dimensione dell'icona viene ridotta, i bordi destro e inferiore verranno troncati. Se l'icona viene ingrandita, l'immagine esistente verrà posizionata nell'area superiore sinistra del nuovo riquadro.

#### Ridimensionare (in scala) un'area dell'icona

1. Selezionare l'area dell'icona che si desidera ridimensionare usando lo strumento di selezione.

2. Scegliere “Riprodurre in scala area” dal menu Editare.

3. Premere e trascinare per definire la forma e la dimensione desiderate per l'immagine in scala.

   La dimensione del riquadro verrà indicata nell'area superiore destra. Questa dimensione determinerà solo il modo in cui l'area verrà riprodotta, non la sua posizione.

4. Posizionare il profilo dell'area nel punto di inserimento desiderato e fare clic.

### Punti focali

Le immagini a mappa di bit (formato XBM) possono essere usate anche come puntatori del mouse. In questo caso, il cosiddetto “punto focale” rappresenta il singolo pixel dell'immagine che corrisponde alla punta del puntatore.

#### Come inserire un punto focale

Ogni icona può contenere un singolo punto focale.

1. Scegliere “Aggiungere punto focale” dal menu Editare.

2. Fare clic sul pixel che si desidera designare come punto focale.

#### Come cancellare un punto focale

1. Scegliere “Cancellare punto focale” dal menu Editare.

### Cattura di parti dello schermo

L'Editor delle icone permette di copiare (“catturare”) una qualsiasi area dello schermo, grafica o di testo, e di caricarla nell'area di disegno.

#### Come catturare un'area dello schermo

1. Salvare l'icona corrente.

2. Scegliere “Catturare immagine dello schermo” dal menu Editare.

3. Premere, trascinare e rilasciare il pulsante del mouse 1 per delimitare la parte dello spazio di lavoro che si desidera catturare.

Catturando un'area dello schermo, l'icona potrebbe usare per sé alcuni dei colori disponibili per il desktop.

### Modifica della visualizzazione di un'icona

Se la visualizzazione dell'icona nell'area di disegno non è soddisfacente, è possibile impostare un diverso ingrandimento o abilitare l'uso di una griglia di riferimento.

#### Come disabilitare la griglia

- Scegliere “Griglia visibile” dal menu Opzioni.

  La griglia verrà disabilitata. Per farla ricomparire, scegliere nuovamente “Griglia visibile” dal menu Opzioni. Nell'impostazione predefinita, la griglia è abilitata.

#### Come cambiare l'ingrandimento di un'icona

1. Scegliere Ingrandimento dal menu Opzioni.

2. Scegliere dal menu secondario il formato di ingrandimento desiderato.