Sfondi, motivi e sfumature

Con nulla di selezionato, il pannello Background imposta lo sfondo dell'elemento corrente. La stessa area costruisce overlay decorativi e una sfumatura multi-stop che puoi applicare a uno sfondo o al riempimento di qualsiasi oggetto.

Panoramica rapida

1. Deseleziona tutto, poi apri la scheda Background (Alt+3), oppure la sezione Background del pannello delle proprietà.
2. Scegli solid, gradient o image per lo sfondo della pagina.
3. Apri Patterns (Alt+7) per stendere un motivo geometrico, di testo, di icone o di immagini sulla tela.
4. Apri la scheda Gradient, o la scheda sfumatura di un campione di riempimento, per costruire una sfumatura multi-stop per uno sfondo o un oggetto.
5. Regola i controlli di colore, opacità e spaziatura di ciascuna funzione finché non risulta giusto.

Riferimento dettagliato

Sfondo pagina

Modalità	Note
Solid	Un singolo colore piatto
Gradient	Lo stesso editor di sfumature multi-stop usato per i riempimenti degli oggetti, vedi sotto
Image	Carica o scegli dalla tua libreria, con una modalità di adattamento e, per gli adattamenti ritagliati, un punto di ancoraggio

Modalità di adattamento per uno sfondo a immagine:

Modalità	Comportamento
Fill	Scala l'immagine per coprire la tela, ritagliando l'eccedenza
Fit	Scala l'immagine perché entri interamente nella tela, senza ritaglio
Crop	Riempie la tela da un ancoraggio scelto: alto-sinistra, alto-centro, alto-destra, centro, basso-sinistra, basso-centro o basso-destra
Tile	Ripete l'immagine alla sua dimensione originale

Gli sfondi a immagine dispongono anche di cursori per luminosità, contrasto e saturazione, di una quantità di sfocatura, di un preset scala di grigi/seppia/inversione e di una sovrapposizione di colore con la propria opacità.

Motivi geometrici

Dodici motivi a piastrella si sovrappongono alla tela come livello decorativo:

Motivi
Linee diagonali, griglia, punti, rombi, onde, stelle, tratteggio incrociato, scacchiera, triangoli, esagoni, cerchi, dissolvenza a metà

Controllo	Intervallo	Predefinito
Colore	Qualsiasi colore	Bianco
Opacità	5-100%	30%
Spaziatura	0.5x-5x	1x
Sfocatura	0-20 px	0

Un motivo geometrico viene aggiunto come singolo overlay bloccato che riempie la pagina dietro il tuo contenuto. Fare clic su una scheda di motivo diversa sostituisce l'overlay corrente invece di impilarne un secondo, e i controlli di colore, opacità e spaziatura rimpiastrellano l'overlay in tempo reale mentre li trascini.

Overlay a piastrella

Oltre ai 12 motivi geometrici, la sezione Patterns può anche disporre a piastrella testo, icone o immagini come overlay ripetuto:

Tipo	Cosa dispone a piastrella	Controlli aggiuntivi
Text pattern	Una parola o frase ripetuta, qualsiasi font	Righe, colonne, spaziatura, angolo, spaziatura tra lettere
Icon pattern	Fino a 8 icone dalla libreria di icone, in modalità singola, doppia o mista	Rotazione, sfocatura e scala per singola icona
Image pattern	Fino a 8 immagini caricate o dalla libreria	Rotazione, sfocatura, scala casuali e variazione di posizione per un aspetto sparso

Tutti e tre condividono colore (dove pertinente), opacità, numero di righe e colonne, spaziatura e angolo di rotazione, e ciascuno si inserisce come un unico oggetto raggruppato che puoi rimuovere e riapplicare. Ogni tipo ha anche il proprio pulsante Remove, e riapplicare ricostruisce il gruppo dalle impostazioni correnti.

Layout a griglia

Una scheda Grid separata costruisce una griglia di celle segnaposto, utile come layout collage di partenza piuttosto che come texture:

Controllo	Intervallo	Predefinito
Colonne	1-12	3
Righe	1-12	2
Spaziatura	0-40 px	4 px
Raggio del bordo	0-50 px	0
Opacità della cella	0-100%	100%

Sei preset rapidi coprono i layout più comuni da 2x1 fino a 4x4.

Sfumature

Un unico editor di sfumature multi-stop è condiviso dagli sfondi pagina e dal riempimento di qualsiasi oggetto:

Controllo	Opzioni
Tipo	Lineare, radiale, angolare, a rombo
Stop	2 o più, ciascuno con la propria posizione, colore e opacità; trascina lungo il binario, oppure aggiungi e rimuovi stop
Flip	Inverte l'ordine degli stop
Rotate	Ruota la sfumatura di 90 gradi alla volta
Preset	Un insieme curato di coppie e terzetti di colori già pronti
Contagocce	Preleva un colore da qualsiasi punto dello schermo, dove il browser lo supporta

Apri l'editor di sfumature dalla scheda sfumatura di un campione di riempimento quando un oggetto è selezionato, oppure dalla scheda Gradient del pannello Background quando non c'è nulla di selezionato. La scheda Gradient del pannello Background è un controllo essenziale: mostra un'anteprima in tempo reale più i pulsanti Apply e Remove, e rispecchia qualsiasi sfumatura caricata nel selettore di colore del pannello di destra.

Passo dopo passo

Uno sfondo poster a sfumatura

1. Fai clic su un punto vuoto della tela per deselezionare tutto, poi apri la scheda Background (Alt+3).
2. Apri la scheda Gradient. Mostra un'anteprima in tempo reale accanto a un pulsante Apply e a un pulsante Remove.
3. Costruisci la sfumatura nella scheda sfumatura del selettore di colore del pannello di destra: imposta il type (lineare, radiale, angolare o a rombo), trascina gli stop lungo il binario e dai a ciascuno stop il proprio colore e la propria opacità. Usa Rotate per ruotare una sfumatura lineare, oppure Flip per invertire l'ordine degli stop.
4. Tornato nella scheda Gradient, fai clic su Apply. La sfumatura riempie lo sfondo della pagina e l'anteprima della scheda si aggiorna di conseguenza.
5. Per annullare, fai clic su Remove (la X accanto ad Apply). Lo sfondo torna all'ultimo colore solido.

Un motivo discreto dietro il testo

1. Con nulla di selezionato, apri Patterns (Alt+7).
2. Fai clic su una scheda di motivo come Dots o Grid. Si dispone a piastrella su tutta la pagina come overlay bloccato che sta dietro il tuo contenuto.
3. Imposta Color vicino al colore dello sfondo così la texture resta discreta.
4. Abbassa Opacity a circa il 10-20% così testo e foto restano leggibili.
5. Usa Spacing (da 0.5x a 5x) per stringere o allargare la piastrella. Fare clic su una scheda di motivo diversa sostituisce l'overlay corrente invece di impilarne un secondo.

Una filigrana di testo ripetuta

1. Apri la scheda Background (Alt+3) e trova i controlli Text pattern.
2. Digita la parola o la frase (il valore predefinito è BRAND), poi scegli un font, una size e un weight.
3. Imposta le rows e le columns della griglia, una gap e un angle (l'inclinazione predefinita è -45 gradi per una filigrana diagonale).
4. Imposta il color e porta l'opacity in basso (il valore predefinito è 20%).
5. Fai clic su Apply. La filigrana si inserisce come un unico gruppo selezionabile che puoi spostare o eliminare, e Remove la cancella.

Una piastrella di immagini sparse

1. Nella scheda Background, apri i controlli Image pattern.
2. Aggiungi fino a 8 immagini dalla scheda Gallery, oppure trascina i file sulla scheda Upload.
3. Imposta la size della piastrella, le rows, le columns e la gap.
4. Attiva Randomize per sparpagliare le piastrelle: aggiunge una rotazione casuale (più o meno un intervallo scelto), una sfocatura casuale, una scala casuale fino a 0.5x e una variazione di posizione così le immagini non si allineano su una griglia rigida.
5. Fai clic su Apply per inserire il motivo come un unico gruppo. Remove lo cancella.

Attività comuni

Obiettivo	Come
Colore pieno per la pagina	Deseleziona, apri Background, scegli un colore solido
Riempimento a sfumatura su un oggetto	Seleziona l'oggetto, apri la scheda sfumatura del suo campione di riempimento, costruisci lì la sfumatura
Riusare una sfumatura come sfondo pagina	Costruiscila nel selettore di colore, poi Background > scheda Gradient > Apply
Texture di brand tenue	Patterns, opacità bassa, un colore vicino allo sfondo, spaziatura più ampia
Filigrana diagonale	Text pattern con un angolo di inclinazione e opacità bassa
Griglia di partenza per un collage di foto	Scheda Grid, imposta colonne e righe, poi inserisci le immagini nelle celle

Risoluzione dei problemi

La sfumatura appare a bande

Una sfumatura ampia a due stop su una grande area può mostrare gradini visibili tra i colori. Aggiungi uno stop intermedio, oppure avvicina di tonalità i due colori estremi, per ammorbidire la transizione.

Un motivo rende affollato un piccolo progetto

Una piastrella che si legge bene a dimensione piena può trasformarsi in rumore visivo una volta ridotto il progetto. Alza la Spacing così il motivo è più grande e più rado, abbassa l'opacità, oppure scegli un motivo più semplice (punti o linee diagonali invece di stelle o esagoni).

Il motivo è sbiadito quando ho aumentato la sfocatura

Il controllo di sfocatura del motivo geometrico ammorbidisce l'overlay abbassandone gradualmente l'opacità man mano che il valore cresce, non aggiungendo una vera sfocatura. Se il motivo sta sparendo, riduci la sfocatura e usa direttamente il cursore Opacity.

Applica la sfumatura dopo averla modificata

La scheda Gradient riflette qualsiasi sfumatura sia attualmente caricata nel selettore di colore del pannello di destra. Se una modifica non compare sulla pagina, fai di nuovo clic su Apply per inviare gli ultimi stop allo sfondo.

Scorciatoie da tastiera

Scorciatoia	Azione
Alt+3	Apri il pannello Background
Alt+7	Apri il pannello Patterns

Suggerimenti

Mantieni bassa l'opacità dei motivi

I motivi stanno sopra lo sfondo ma dietro il tuo contenuto. Un'opacità bassa e un colore vicino allo sfondo evitano che entrino in competizione con testo e foto.

Parti da un preset per una sfumatura

Scegli un preset, poi sostituisci i colori dei suoi stop con i tuoi. È più veloce che costruire una sfumatura stop per stop, e la direzione e il numero di stop sono già sensati.

Correlati

• Forme per i riempimenti solidi e a sfumatura sui singoli oggetti
• Icone per il set di icone usato dai motivi di icone
• Pannello delle proprietà per il riempimento degli oggetti e la sezione Background della pagina
• Pagine dato che ogni pagina mantiene il proprio sfondo