# Effetti lettering: Contorno, Incisione, Ritaglio e altri

[Canonical HTML page](https://gradiently.design/it/guide/lettering-treatments)

Un trattamento trasforma una riga di testo in lettering, disegnato nei colori del tuo Mark. Ecco tutti e otto, con i compiti in cui riesce ciascuno e quelli da evitare.

## The short version

- Gradiently ha otto effetti lettering: Contorno, Incisione, Ritaglio, Estrusione, Doppio, Scia, Riso e Alone.
- Ogni trattamento è disegnato nei colori del Mark del design, così il lettering appartiene sempre allo sfondo.
- Gli effetti lettering funzionano meglio su parole brevi da esposizione, come un titolo, un nome o una sola parola, non sul testo corrente.
- Contorno, Ritaglio ed Estrusione portano con sé il proprio contrasto e stanno bene sui poster decisi; Incisione, Doppio e Riso si adattano a look editoriali e da stampa.
- Usa un solo trattamento per design, sulla riga che conta di più, e lascia semplice il testo di supporto.

Gradiently ha otto **effetti lettering**: Contorno, Incisione, Ritaglio, Estrusione, Doppio, Scia, Riso e Alone. Ognuno trasforma una riga di testo in lettering disegnato nei colori del tuo Mark: linee di livello attorno alle parole, una linea incisa dentro ogni lettera, parole ritagliate da una lastra, lettere tridimensionali profonde e altro. Sono pensati per parole da esposizione, un titolo o un nome, e funzionano meglio uno alla volta, sulla riga che vuoi che le persone vedano di più.

## Tutti gli otto trattamenti lettering a colpo d’occhio

| Trattamento | Cosa disegna | Che sensazione dà | Ideale per |
| --- | --- | --- | --- |
| **Contorno** | Linee di livello che si increspano attorno alle parole | Mappe, topografia, suono | Poster di festival, copertine di album, brand outdoor |
| **Incisione** | Una linea incisa dentro ogni lettera, così il Mark si vede come secondo colore | Insegne, stampa vintage | Titoli in stile vetrina, menu, etichette |
| **Ritaglio** | Parole ritagliate da una lastra piena | Stencil, lavoretti di carta | Copertine decise, post di saldi, messaggi di una sola parola |
| **Estrusione** | Lettere profonde con i lati nei colori del Mark | Solido, scultoreo, retrò | Titoli di eventi, lanci, miniature di YouTube |
| **Doppio** | Lettere aperte disegnate due volte, appena distanziate | Eco, movimento, moda | Copertine editoriali, musica, vita notturna |
| **Scia** | Contorni che si trascinano dietro le lettere, con un colore della scia che puoi impostare | Velocità, movimento, gli anni Settanta | Sport, conti alla rovescia, storie energiche |
| **Riso** | Due inchiostri leggermente fuori registro, con una punteggiatura granulosa | Zine in risografia, stampa indipendente | Poster, zine, panetterie, librerie |
| **Alone** | Una luce morbida nel colore del Mark attorno alle lettere | Neon, crepuscolo, sognante | Solo decorazione, mai per correggere la leggibilità |

Gli otto trattamenti. Ognuno è disegnato con la palette del Mark, quindi cambiando Mark il lettering cambia colore insieme a lui.

## Contorno, Ritaglio ed Estrusione: lettering con il proprio contrasto

Questi tre costruiscono un bordo forte dentro le lettere, ed è per questo che reggono sui Mark vivaci. **Contorno** circonda le parole con linee come in una mappa in rilievo, così il lettering sembra sollevarsi dallo sfondo. **Ritaglio** compone le parole come forme ritagliate da una lastra piena, con un effetto sicuro e grafico. **Estrusione** dà profondità a ogni lettera, disegnata nei colori del Mark: l’aspetto classico per il titolo di un lancio o una miniatura.

Un poster verticale con la sola parola Solstizio composta molto grande su un Mark sfumato dai toni caldi

Una sola parola, molto grande: la scala per cui sono nati Contorno ed Estrusione.

Lo stesso design Solstizio come poster di un evento, con il titolo grande e i dettagli di supporto semplici sotto

Il titolo trattato in alto, con i dettagli semplici sotto. Solo il titolo riceve l’effetto.

Se vuoi capire come funzionano in generale il testo estruso e quello con contorno, [effetti testo 3D](https://gradiently.design/it/guide/3d-text-effect) e [testo con contorno](https://gradiently.design/it/guide/outline-text) spiegano il mestiere che c’è dietro.

## Incisione, Doppio e Riso: la famiglia della stampa e dell’editoria

**Incisione** scava una sola linea dentro ogni lettera, e poiché la linea mostra il Mark stesso, lo sfondo diventa il secondo colore del lettering. Sta meglio con caratteri pesanti e larghi, dove dentro il tratto c’è spazio. **Doppio** disegna lettere aperte due volte, leggermente sfalsate, per un’eco che sa di stampa di moda o di musica. **Riso** imita la risografia: due inchiostri che non combaciano del tutto e una punteggiatura granulosa, perfetta per tutto ciò che deve sembrare stampato a mano.

> **Abbina il trattamento al carattere** Incisione e Ritaglio hanno bisogno di tratti spessi, quindi abbinali a un carattere da esposizione pesante. Doppio e Scia rendono meglio su lettere aperte e semplici. Riso perdona quasi ogni carattere, il che ne fa un primo tentativo sicuro.

## Scia e Alone: movimento e atmosfera

**Scia** ripete il contorno di una parola dietro di essa, come lettere che lasciano una scia. Puoi impostare il colore della scia, e dà un’idea di velocità: ottima per sport, conti alla rovescia e tutto ciò che deve sembrare in movimento anche in un’immagine ferma. **Alone** circonda le lettere con una luce morbida nel colore del Mark. È puramente decorativo, un’atmosfera più che uno strumento, e mai un modo per salvare un testo difficile da leggere. Se una riga fatica a leggersi, alza il livello di Reazione del Mark oppure lascia che l’[Inchiostro automatico](https://gradiently.design/it/guide/auto-ink-legibility) scelga l’altro inchiostro.

## Scegliere un effetto lettering per il lavoro

| Stai creando | Prova per primo | Poi prova |
| --- | --- | --- |
| Un poster per un concerto o un festival | Contorno | Riso |
| Un post per il lancio di un prodotto | Estrusione | Ritaglio |
| Il titolo del menu di un caffè o di una panetteria | Incisione | Riso |
| Una miniatura di YouTube | Estrusione | Ritaglio |
| Una copertina in stile rivista o l’apertura di un carosello | Doppio | Incisione |
| Un conto alla rovescia o una storia sportiva | Scia | Estrusione |
| Uno zine o un poster per una libreria | Riso | Doppio |

Punti di partenza, non regole. Provane due, guardali entrambi alla misura con cui le persone li vedranno davvero, e tieni quello che si legge per primo.

### Evita

- Un trattamento sul testo corrente o sui piccoli dettagli
- Due trattamenti diversi nello stesso design
- Titoli lunghi di otto parole o più
- Alone usato per rendere leggibile una riga debole

### Fai

- Un trattamento su una o due parole da esposizione
- Testo di supporto semplice e ben spaziato
- Caratteri pesanti per Incisione e Ritaglio
- Controllalo sul telefono, alla misura reale

## Come aggiungere un effetto lettering nello Studio

1. **Seleziona il testo** Scegli il titolo o la parola che vuoi trattare. Lascia tutto il resto come testo semplice.
2. **Scegli un trattamento** Scegli uno degli otto trattamenti lettering. Si disegna all’istante nei colori del Mark del design.
3. **Regola il carattere** Vai su un peso maggiore o più largo se l’effetto sembra affollato, e aggiungi un po’ di spaziatura tra le lettere per Doppio e Scia.
4. **Prova un altro Mark** Cambia il Mark e guarda il lettering cambiare colore con lui. È il modo più rapido per giudicare un trattamento.
5. **Controlla ogni misura** Ridimensiona a una storia o a una miniatura e assicurati che la parola trattata si legga ancora a quella scala.

## Effetti lettering in CSS, per il web

Se vuoi un aspetto simile su un sito, due di questi si traducono bene in CSS: un contorno nello spirito del Doppio e un’estrusione a gradini. Entrambi usano testo vero, quindi restano selezionabili e accessibili.

```css
/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}
```

Le ombre dai bordi netti e senza sfocatura costruiscono profondità invece di un bagliore. `-webkit-text-stroke` è supportato in tutti i browser attuali; vedi [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke).

Per la famiglia più ampia di effetti, compresi quelli che non si traducono bene sul web, vedi [effetti testo](https://gradiently.design/it/guide/text-effects). E se stai decidendo se ti serve davvero il lettering, [lettering vs tipografia](https://gradiently.design/it/guide/lettering-vs-typography) è una lettura utile.

## FAQ

### Quali effetti lettering ha Gradiently?

Otto: Contorno, Incisione, Ritaglio, Estrusione, Doppio, Scia, Riso e Alone, ognuno disegnato nei colori del Mark del design.

### Posso usare gli effetti lettering sul testo corrente?

Meglio di no. I trattamenti sono fatti per parole brevi da esposizione; il testo semplice mantiene facile da leggere quello più lungo.

### Quale effetto lettering è il migliore per un poster?

Contorno, Estrusione e Riso sono scelte solide per un poster. Contorno ed Estrusione portano il proprio contrasto, e Riso dà un tocco di stampa.

### Gli effetti lettering cambiano colore con il Mark?

Sì. Ogni trattamento è disegnato con la palette del Mark, quindi cambiando Mark il lettering cambia colore.

### Devo usare Alone per rendere il testo più leggibile?

No. Alone è decorativo. Per la leggibilità, alza il livello di Reazione del Mark oppure lascia che l’Inchiostro automatico scelga l’altro inchiostro.