Effetti lettering: Contorno, Incisione, Ritaglio e altri

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

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.

Se vuoi capire come funzionano in generale il testo estruso e quello con contorno, effetti testo 3D e testo con contorno 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.

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 scelga l’altro inchiostro.

Scegliere un effetto lettering per il lavoro

Come aggiungere un effetto lettering nello Studio

1. 1

   Seleziona il testo

   Scegli il titolo o la parola che vuoi trattare. Lascia tutto il resto come testo semplice.

2. 2

   Scegli un trattamento

   Scegli uno degli otto trattamenti lettering. Si disegna all’istante nei colori del Mark del design.

3. 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. 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. 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.

/* 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;
}

Per la famiglia più ampia di effetti, compresi quelli che non si traducono bene sul web, vedi effetti testo. E se stai decidendo se ti serve davvero il lettering, lettering vs tipografia è una lettura utile.