Effetto ombra testo Elementor

Effetto Ombra nel Testo, 7 esempi di utilizzo

Sfrutta l’effetto ombra del testo per rendere più efficaci le intestazioni, scopri i 7 esempi che abbiamo selezionato.

Leggendo questo post imparerai a creare 7 esempi di Text Shadow, un effetto di Elementor disponibile anche nella versione gratutita. Rendi più efficaci le tue intestazioni aggiungendo un sorprendente effetto ombra al testo ovviamente senza inserire nessuna riga di codice!

Effetto Ombra con Elementor

Vuoi rendere immediatamente le tue notizie con un aspetto migliore?

La scelta del carattere, dell’altezza della linea, della spaziatura delle lettere e di altre impostazioni tipografiche giuste è un buon inizio, ma poi?

L’uso dell’effetto Ombra del Testo di Elementor è un ottimo modo per creare un titolo accattivante che è destinato a richiamare l’attenzione del visitatore del tuo sito.

L’effetto ombra del testo di Elementor è disponibile sia nella versione pro che nella versione gratuita.

In questo tutorial vi mostriamo 7 esempi di text shadow con le istruzioni per raggiungere ogni effetto descritto.

1. The Plain Ol' Text Shadow

Anche senza fare molte modifiche, l’ombra del testo funziona davvero bene accentuando quasi tutti i titoli. Assicurati di non esagerare però! Non è necessario che in una pagina ogni titolo abbia l’effetto ombra…

Come ottenere questo effetto?

  • Font Family: Roboto
  • Color: #b2b2b2
  • Blur: 22
  • Horizontal: 11
  • Vertical: 3

2. The Contrast Text Shadow

In situazioni in cui lo sfondo è della stessa tonalità del titolo, il risultato potrebbe essere un titolo difficile da leggere. Aggiungendo un’ombreggiatura di testo, l’intestazione assume un bordo piacevole che facilita la lettura.

Come ottenere questo effetto?

  • Font Family: Montserrate
  • Color: #f801d6
  • Blur: 75
  • Horizontal: 0
  • Vertical: 0

3. The Glow Thext Shadow

Se hai vissuto gli anni ’80 amerai questo effetto di ombra del testo. L’utilizzo dell’ombra del testo come bagliore può essere utilizzata con qualsiasi colore brillante e aggiunge un effetto neon retrò ai tuoi titoli.

Come ottenere questo effetto?

  • Font Family: Monoton
  • Color: #aa004f
  • Blur: 100
  • Horizontal: 0
  • Vertical: 38

4. The Distance Text Shadow

Se esageri e porti la spaziatura orizzontale e verticale all’estremo, puoi ottenere un effetto interessante che assomiglierà ad un riflesso sfocato su una porta di vetro. O almento è quello che mi sembra.

Come ottenere questo effetto?

  • Font Family: Ubuntu Condensed
  • Color: #9fa2a8
  • Blur: 23
  • Horizontal: -54
  • Vertical: -76

5. Stroke / Hard Text Shadow

Effetto ombra sul testo con Elementor

Non utilizzando alcuna sfocatura, puoi creare un effetto del tratto che accentuerà i tuoi titoli in stile retrò. Questa tonalità retrò è piuttosto popolare in questo momento ed è anche in sintonia con la tendenza del design hipster.

 

Come ottenere questro effetto?

  • Font Family: Lobster
  • Color: #09732c
  • Blur: 0
  • Horizontal: 7
  • Vertical : 7

6. Dimensional Text Shadow

Effetto ombra del testo 3d con Elementor

Facendo cadere l’ombra verso l’alto e condensando la direzione con l’altezza della linea siamo stati in grado di creare questo effetto ombra di testo 3D che offre una certa profondità.

Come ottenere questo effetto?

  • Font Family: Poppins
  • Color: #845757
  • Blur: 0
  • Horizontal: 7
  • Vertical: 7
  • Line Height: 0.6

7. Straight Down Text Shadow

Questa ombra del testo dà l’effetto che il titolo sia sollevato sopra lo schermo. Usa questa ombra come effetto aggiuntivo per i titoli principali o call to action, ne rende l’aspetto molto appariscente.

Come ottenere questo effetto?

  • Font Family: Montserrat
  • Color: #b2b2b2
  • Blur: 5
  • Horizontal: 0
  • Vertical: 16

Guarda il video

In questo video vedrai com’è semplice la realizzazione degli effetti sopra descritti.

Conclusioni

Sono stati visti solamente alcuni usi delle ombre di testo ed i modi in cui possono aiutarti a progettare le tue migliori pagine su WordPress.

In combinazione con altre funzionalità di progettazione di Elementor, come colori a gradiente, sovrapposizioni di immagini, video di sfondo o divisori di forma, è possibile creare effetti di ombre di testo ancora più elaborati.

Hai trovato utile questo articolo? Commentalo con noi sul Gruppo Facebook dedicato Elementor Pro Italia.

Trovi la versione inglese di questo articolo cliccando qui.

Roberto Marinello

Roberto si occupa di web da quasi 20 anni, vive con 2 cani ed è (quasi) sempre felice

Elementor-Pro-Italia.it is run by a 3rd party and not associated, or act on behalf of Elementor or Pojo Themes. Elementor is a registered trademark of Pojo Themes.