# La tela

> Come sono disposti i quadri, la barra sopra ogni quadro, zoom e spostamento della vista, selezione, ritaglio, maschere, gruppi e tutte le scorciatoie di mouse e tastiera del Designer.

Ultimo aggiornamento: 23 ottobre 2026. Fonte: https://narciso.io/docs/tela/

La **tela** è l'area di lavoro del [Designer](https://narciso.io/docs/designer/): sfondo puntinato viola con i **quadri** (le pagine) su cui si compone il grafico. Questa voce spiega come muoversi e come selezionare e modificare gli elementi; gli strumenti per cambiarne l'aspetto sono nei [Pannelli laterali del Designer](https://narciso.io/docs/pannelli-del-designer/).

## Come sono disposti i quadri

I quadri stanno **in fila da sinistra a destra**, con 40 punti di spazio. Il quadro **attivo** ha un contorno viola più marcato: si attiva con un clic sul quadro o selezionando un suo elemento. All'apertura la vista si adatta da sola per mostrarli tutti.

### La barra sopra ogni quadro

Compare **solo nei formati con più quadri** (non in Post singolo, Foto Profilo, Storia e gli altri formati a quadro unico). È una pillola bianca con:

| Elemento | Cosa fa |
|---|---|
| **SLIDE 1**, **SLIDE 2**… (nella stampa **FRONTE** / **RETRO**) | Nome del quadro |
| Frecce **‹ ›** (**Sposta a Sinistra** / **Sposta a Destra**) | Cambiano l'ordine dei quadri. Non ci sono nella stampa |
| **Duplica Quadro** | Copia il quadro con tutti gli elementi, subito dopo quello corrente |
| **Aggiungi Quadro** | Aggiunge un quadro vuoto della stessa misura dopo quello corrente |
| **Elimina Quadro** | Toglie il quadro. Se è l'unico diventa **Svuota Quadro**: toglie gli elementi e rimette lo sfondo bianco |

Nella stampa restano solo **Fronte** e **Retro**, senza Duplica, Aggiungi, Elimina né frecce.

**Limiti:** al massimo **10 quadri** per Post Verticale e Post Quadrato (oltre, il quadro in più viene tolto e compare **Questo formato consente al massimo 10 tele.**); i formati di stampa hanno **esattamente 2 quadri** (**Questo formato ha esattamente 2 tele (Fronte/Retro): non puoi aggiungerne altre.**).

**Elementi a cavallo di due quadri.** In un carosello panoramico un elemento che esce dal bordo di un quadro può «continuare» sul vicino. Con **Salva Bozza** e **Salva Post** il programma disegna la parte che sconfina anche sul quadro adiacente, così la foto è continua da una slide all'altra; con il **Download locale** non succede ([Esportare](https://narciso.io/docs/esportare/)).

## Zoom e spostamento della vista

La barra tonda in basso a destra ha:

| Pulsante | Cosa fa |
|---|---|
| **−** (**Zoom Out**) e **+** (**Zoom In**) | Rimpiccioliscono / ingrandiscono di circa il 15% a ogni clic |
| La percentuale (per esempio **50%**, **Adatta allo schermo**) | Un clic riporta la vista a mostrare tutta la tela |
| Freccia (**Seleziona**) | Strumento normale: seleziona e sposta gli elementi |
| Manina (**Sposta visuale (Manina)**) | Trascinando si sposta la vista, anche partendo da un elemento |

Lo zoom va dal **15% al 350%**. Con il mouse:

| Gesto | Effetto |
|---|---|
| **Rotellina** | Sposta la vista in su e in giù |
| **Ctrl** (o **Cmd**) o **Maiusc** + rotellina | Sposta la vista a destra e a sinistra |
| **Alt** + rotellina | Zoom, centrato sul quadro su cui si lavora |
| Pizzico sul trackpad | Zoom |
| Tasto centrale premuto e trascinato, oppure **Spazio** tenuto premuto, oppure **Alt** + trascinamento con il tasto sinistro | Manina temporanea per spostare la vista |

## Selezionare e muovere

| Azione | Effetto |
|---|---|
| Clic su un elemento | Lo seleziona: compare il riquadro blu con le maniglie e, sopra, una pillola di pulsanti |
| Clic sul fondo vuoto | Deseleziona |
| Trascinare sul fondo vuoto | Riquadro azzurro di selezione: prende gli elementi toccati **nel quadro attivo** |
| **Maiusc** + clic | Aggiunge o toglie elementi dalla selezione |
| Trascinare l'elemento | Lo sposta; compaiono **linee gialle di allineamento** (rispetto ai bordi e agli altri elementi). Trascinandolo su un altro quadro lo si sposta lì |
| Doppio clic su un **testo** | Lo apre in modifica; **Esc** o un clic fuori chiudono |
| Doppio clic su un'**immagine** | Entra nel ritaglio |
| Maniglie ai **quattro angoli** | Ridimensionano mantenendo le proporzioni; con **Maiusc** liberamente |
| Maniglie ai **lati** | Ridimensionano liberamente; con **Maiusc** mantengono le proporzioni |
| Cerchietto sopra il riquadro (**Ruota**) | Ruota; con **Maiusc** a scatti di 15° |
| Elementi **bloccati** (lucchetto nei Livelli) | Non si possono spostare, ridimensionare o ruotare |
| Trascinare un file dal computer sulla tela | Lo aggiunge come immagine, dove lo si rilascia |

**Gruppi.** **Ctrl+G** su più elementi li raggruppa, su un gruppo lo separa. Cliccando un elemento di un gruppo si seleziona tutto il gruppo.

### Il ritaglio di un'immagine

Doppio clic sull'immagine (oppure **Tool ▸ Trasformazioni ▸ Ritaglia**). In alto compare la barra **Trascina la foto o i bordi per ritagliare** con **Annulla (Esc)** e **Fatto (Invio)**. Una forma (rettangolo, cerchio…) può essere ritagliata: viene prima trasformata in una figura vettoriale, operazione a senso unico.

### La pillola di pulsanti sopra l'elemento

Compare quando l'elemento è fermo; passando il mouse si legge una spiegazione.

| Pulsante | Quando c'è | Cosa fa |
|---|---|---|
| **Crea Maschera (Ctrl+M)** | Selezione = **un'immagine + una forma o icona** | Ritaglia la foto dentro la forma: la forma sparisce e resta la foto con quella sagoma (nei Livelli compare **Rimuovi maschera**) |
| **Raggruppa** / **Separa** | Più elementi / un gruppo | Unisce o scioglie |
| **Tool** | Sempre | Apre il pannello degli strumenti |
| **Imposta come sfondo** | Un'immagine senza maschera | Fissa la foto come sfondo del quadro, sotto a tutti gli elementi; l'elemento sparisce |
| **Duplica** | Sempre | Crea una copia spostata di 20 punti |
| **Elimina** | Sempre | Rimuove l'elemento |

Se la selezione non è quella giusta per la maschera compare **Seleziona un'immagine e una forma (o icona) da usare come maschera.**

## Annulla e Ripeti

Frecce **Undo** / **Redo** nella barra in alto (da 1024 punti di larghezza) e scorciatoie. La cronologia conserva gli **ultimi 50 passi**.

## Scorciatoie

Valgono quando non si sta scrivendo in un campo di testo (ricerca, nome del progetto, testo in modifica).

| Tasti | Effetto |
|---|---|
| **Frecce** / **Maiusc + frecce** | Spostano l'elemento di 1 / 10 punti |
| **Canc** o **Backspace** | Elimina la selezione |
| **Ctrl+C**, **Ctrl+X**, **Ctrl+V** | Copia, taglia, incolla (la copia compare spostata di 20 punti) |
| **Ctrl+D** | Duplica |
| **Ctrl+A** | Seleziona tutto nel quadro attivo |
| **Ctrl+Z**, **Ctrl+Y** (o **Ctrl+Maiusc+Z**) | Annulla, ripeti |
| **Ctrl+G** | Raggruppa / separa |
| **Ctrl+M** | Maschera |
| **T** | Aggiunge un testo «Nuovo Testo» al centro |
| **R** | Aggiunge un rettangolo nero 100 × 100 |
| **Spazio** (tenuto premuto) | Manina temporanea |
| **Alt** + tasto destro | Accende la Gomma sull'elemento selezionato ([Ritoccare le foto](https://narciso.io/docs/ritoccare-le-foto/)) |
| **[** e **]** (con la Gomma, la Gomma magica o l'Inpainting accesi) | Riducono e ingrandiscono il pennello |
| **Invio** / **Esc** | Nel ritaglio: conferma / annulla; **Esc** chiude anche la modifica del testo |

Non esiste una scorciatoia per salvare (**Ctrl+S** non salva) né per lo zoom da tastiera, e non c'è il menu con il tasto destro.

## Se la tela ha un problema

Se un elemento con dati inattesi fa «rompere» la tela, compare **La tela ha riscontrato un problema** con i pulsanti **Annulla l'ultima modifica** e **Riprova**: il resto dell'editor continua a funzionare. Vedi anche [Designer](https://narciso.io/docs/designer/).

## Voci correlate

- [Designer](https://narciso.io/docs/designer/)
- [Pannelli laterali del Designer](https://narciso.io/docs/pannelli-del-designer/)
- [Progetti del Designer](https://narciso.io/docs/progetti-del-designer/)
- [Esportare](https://narciso.io/docs/esportare/)