Potresti aver visto questi separatori / separatori sbiaditi su vari siti, che sembrano sbiadire sia orizzontalmente che verticalmente. Ecco un esempio di cosa intendo:
Offrono un ottimo modo per suddividere il contenuto, facendo così in modo sottile e non intrusivo. Mi piacerebbe condividere un modo semplice per creare questi divisori dissolvenza usando Photoshop.
Passo 1
Innanzitutto, crea un nuovo livello. Usando lo strumento matita, traccia una linea orizzontale solida 1px. Tieni premuto il tasto MAIUSC mentre fai clic e trascini la linea per mantenerla dritta. Questa è la base per l'intero effetto dissolvenza.
Passo 2
Seleziona lo strumento gomma. Scegli un pennello molto morbido. Maggiore è la dimensione del pennello, più lunga è la dissolvenza (è possibile sperimentare per trovare la dimensione più adatta alle proprie esigenze).
Passaggio 3
Cancellare le estremità sinistra e destra della linea. Questo rende la linea sfumata vicino alle estremità.
Passaggio 4
Duplica il livello contenente la linea (fai clic con il pulsante destro del mouse sul livello nel pannello di destra, quindi seleziona "duplicato"). Seleziona il più basso dei due livelli.
Passaggio 5
Seleziona filtro> sfocatura> Sfocatura gaussiana. Scegli un raggio di 3px per creare l'effetto dissolvenza (o sceglierne uno adatto!).
Passaggio 6
Usa lo strumento selezione per selezionare tutto sopra o sopra la linea continua (con il livello sfocato selezionato). Hit chiave di cancellazione.
Passaggio 7
Regola l'opacità della linea continua e / o l'ombra secondo le tue preferenze. Ecco cosa sembra alla fine.
Come nota finale, se si desidera una maggiore quantità di ombreggiatura (come quella mostrata nell'esempio nella parte superiore della pagina), è possibile ottenere ciò duplicando lo strato sfocato più volte (subito dopo aver applicato la sfocatura gaussiana) finché non si sono contenti dell'estensione e dell'intensità della sfocatura (e quindi uniscono gli strati sfocati).
È possibile utilizzare questa tecnica per creare divisori di contenuti sia orizzontali che verticali. E con un po 'di armeggiare, non è troppo difficile trovare qualcosa del genere:
Quindi vai avanti e ravviva i tuoi confini, separatori e bordi! Se sei a conoscenza di altri siti che utilizzano questa tecnica (o desideri condividere i tuoi), ti preghiamo di farcelo sapere nei commenti. Non si sa mai, se ci piace il tuo design potrebbe finire per essere presente sul sito!