Suggerimenti e idee per la progettazione con immagini sfocate
"Il risultato supremo è quello di confondere la linea tra lavoro e gioco."
- Arnold Toynbee
L'argomento della discussione odierna sono le foto sfocate. No, non il tipo che prendi per caso perché i tuoi figli non staranno fermi. Il tipo intenzionale, il cui uso può servire a vari scopi pratici nella progettazione.
Impareremo tutto su come utilizzare gli effetti di sfocatura per rendere il testo più leggibile, dirigere l'attenzione dello spettatore e semplicemente rendere gli sfondi più divertenti. Daremo anche uno sguardo ad alcuni diversi tipi di sfocatura e su come applicare correttamente la sfocatura selettiva.
Esplora risorse di progettazione
Sfocatura per rendere leggibile il testo
Ogni volta che hai un'immagine abbastanza occupata, può essere abbastanza difficile incorporare il testo. Lo sfondo fotografico potrebbe dare al tuo design un fascino molto più grande, ma stai sacrificando troppo se sei disposto a uccidere la tua leggibilità per motivi di estetica.
Considera il seguente design:
Questo è un bel pezzo. Lo sfondo è molto suggestivo e il testo fornisce un bel punto focale. Sfortunatamente, i due formano una relazione un po 'competitiva in cui la presenza del primo sta danneggiando la leggibilità del secondo.
Esistono molti modi per affrontare questo problema. Come puoi vedere, ho aggiunto un'ombra discendente, che mi ha aiutato, ma non nella misura in cui lo definirei davvero un prodotto finito.
Ora proviamo ad aggiungere una sfocatura. Questa è una decisione difficile perché significa che ucciderai tutti i dettagli in questa bellissima immagine, ma come designer devi essere aperto a fare cambiamenti radicali!
Qui possiamo vedere che questo ha completamente risolto il nostro problema. Il testo è ora abbastanza leggibile e attira davvero l'attenzione mentre permetti comunque all'immagine di sfondo di aggiungere molto interesse. Puoi ancora distinguere la scena di base, quindi stai ancora beneficiando della bellezza dell'immagine, hai semplicemente modificato quell'estetica per soddisfare meglio le tue esigenze.
risorse:
Immagine: Eneas De Troya
Carattere: nastro
Crea un effetto vetro smerigliato
Possiamo ottenere questo effetto ancora di più pensando a una sorta di metafora del vetro smerigliato. Per raggiungere questo obiettivo, oltre a una sfocatura, potremmo lanciare una sovrapposizione bianca e uno strato di rumore.
Crea un livello nero solido in Photoshop, quindi seleziona Filtro> Disturbo> Aggiungi disturbo. Assicurati di selezionare l'opzione "Monocromatico". Questo dovrebbe darti qualcosa del genere:
Ora imposta quel livello sullo schermo e riduci l'opacità a circa il dieci percento. Quindi crea uno strato bianco e porta l'opacità a circa il 15 percento. Il risultato sarà un'altra interpretazione unica del design originale.
Localizza The Blur
Tieni presente che non devi sfocare tutto. Puoi ancora aiutare la leggibilità del tuo testo senza uccidere la storia raccontata dall'immagine. Considera il seguente esempio:
Anche in questo caso abbiamo un caso in cui l'immagine di sfondo è fantastica, ma rovina davvero il nostro testo. Con un po 'di sfocatura selettiva, tuttavia, possiamo mantenere la fantastica foto e rendere il nostro testo un po' più leggibile.
Suggerimenti per localizzare la sfocatura
Il bello di questa tecnica è che spesso non devi nemmeno fingere. Molte foto offrono una separazione completamente naturale di messa a fuoco e sfocatura, prova a mantenere il testo e altri elementi confinati nell'area sfocata per un effetto simile a quello sopra.
Se offuschi selettivamente una parte di un'immagine, fai attenzione a ridurre l'opacità del livello di sfocatura, uniformemente o gradualmente attraverso una maschera. In generale, questo ti darà alcuni risultati piuttosto brutti. Prova questo invece:
- Passaggio 1: crea un livello di sfocatura rapida.
- Passaggio 2: applica una maschera e usa una sfumatura sull'albero per sfumare la sfocatura.
- Passaggio 3: convertire la maschera in una selezione.
- Passaggio 4: torna all'immagine originale e ora applica la sfocatura usando la selezione attiva.
Questo processo può sembrare un dolore, ma di solito fornisce risultati molto migliori rispetto al semplice mascheramento del livello di sfocatura.
risorse:
Immagine: Dave Conner
Carattere: Homestead
Crea un effetto Tilt Shift
Negli ultimi due anni, la fotografia con tilt shift è davvero decollata. Il più delle volte, non si tratta del fotografo che utilizza un obiettivo con tilt shift, ma è un ripensamento nella fase di post-elaborazione.
Ad esempio, supponiamo che stessimo lavorando al seguente progetto. Non c'è niente di sbagliato in questo, ma l'immagine non è così accattivante come potrebbe essere.
Se lanciamo un effetto di inclinazione, improvvisamente il gruppo primario di edifici al centro attira davvero la nostra attenzione. Nel complesso l'immagine è più facile da vedere e abbiamo immediatamente la sensazione di dove il designer sta dirigendo la nostra attenzione.
risorse:
Immagine: Nosha
Carattere: aeroplano
Sfocatura per colore
Spesso uso una foto solo per la bella combinazione di colori che offre. Non sono necessariamente interessato al contenuto, ma solo alla tavolozza naturale che spesso deriva da una buona fotografia.
Prendi la seguente immagine come esempio. I colori caldi sono molto intensi e c'è molto contrasto con cui lavorare. La foto è così bella che potresti pensare che sia un peccato rovinare, ma non tutti i progetti richiedono una foto di un campo al tramonto.
Proprio come nel nostro primo esempio, entreremo e sfoceremo l'intero sfondo. Tuttavia, questa volta vogliamo aumentare la forza della sfocatura in modo che tutti i dettagli vengano persi. Il risultato è un'immagine di sfondo unica e piacevole che ha richiesto pochissimi sforzi per creare.
risorse:
Immagine: Leland Francisco
Carattere: Vevey
Prova diverse sfocature
Mentre stai sperimentando l'uso della sfocatura nel tuo design, non lasciarti sorprendere dalla trappola di attenersi a una singola tecnica. Photoshop e altri programmi di modifica delle immagini offrono molte funzionalità diverse quando si tratta di filtri di sfocatura.
Prova ogni sfocatura diversa che puoi trovare per vedere come influenzano l'immagine in modo diverso, persino mescola le sfocature per vedere cosa succede. Ecco alcuni dei principali tipi di sfocature con cui vorresti giocare:
Immagine originale
Sfocatura gaussiana
Lente sfocata
Sfocatura movimento
Sfocatura radiale
risorse:
Immagine: Dave Morrow
Carattere: Deming
Conclusione
Spero che questa breve discussione su trucchi e tecniche offuscanti ti faccia pensare a come applicare in modo creativo la sfocatura nei tuoi progetti. La prossima volta che sei in difficoltà con del testo illeggibile su uno sfondo intenso, torna a questo articolo e dai un'occhiata agli esempi sopra per aiutarti.
Hai notato qualche esempio di sfocatura intenzionale utilizzata recentemente nel design? Vogliamo vederli. Lascia un link qui sotto nella sezione commenti e dicci cosa ne pensi dell'esempio.
