Ho notato una recente tendenza nel web design che prevede l'uso di spettrum colorati come elemento principale del design. Gli usi sono molto vari, ma quasi sempre molto belli.
Oggi impareremo come creare incredibili opere d'arte basate sullo spettro in Photoshop e poi dare un'occhiata a 25 brillanti esempi di spettri utilizzati in siti reali.
Come divertirsi con gli spettri in Photoshop
Prima di esaminare la nostra selezione di siti che utilizzano gli spettri come elemento di design principale, diamo un'occhiata a come è possibile creare facilmente la propria fantastica opera d'arte spettrale in Photoshop. Ho seguito una tecnica simile in un precedente tutorial ma è sicuramente appropriato anche per questo articolo.
Costruire sfumature complesse in Photoshop può richiedere molto tempo. Fortunatamente, è dotato di alcuni straordinari spettri che è possibile applicare solo in pochi clic.
Per iniziare, crea un solido strato nero. Quindi duplica quel livello e applica una sovrapposizione sfumatura a qualsiasi livello sia in alto. Per caricare i gradienti dello spettro, colpisci la piccola freccia a destra del selettore del gradiente e vai giù in fondo dove si dice? Spettri?
Seleziona qualsiasi spettro che ti piace e imposta la direzione in base a ciò che ritieni appropriato. A causa dell'orrido risultato iniziale di questo passaggio, immagino che molti designer non abbiano mai pensato di utilizzare questi gradienti pre-costruiti. Tuttavia, ricorda sempre di guardare gli effetti di Photoshop come elementi costitutivi, non come prodotti finiti.
Il più hippiefest sotto è in realtà abbastanza facile da trasformare in qualcosa che sembra davvero cool e si adatta alle tendenze del design moderno.
Il prossimo passo è creare un solido livello bianco e selezionare Filtro> Render fibre. Non importa quali siano le tue impostazioni per le fibre, basta giocare finché non ottieni qualcosa che ti piace.
Ora applica un semplice effetto movimento. Assicurati di accenderlo in modo che le linee siano belle e lisce. Puoi vedere nell'immagine qui sotto che questo ci darà una trama davvero bella con molta profondità e contrasto.
La magia si verifica quando si imposta questo livello per moltiplicare. Ecco! Ora il tuo spettro è molto più bello!
Per renderlo più drammatico, applica una maschera di livello nero e poi afferra un grande set di pennelli morbidi al bianco. Quindi fai clic sulla tela due o tre volte con il pennello per riportare il gradiente in modo sottile e accattivante.
Non fermarti qui! Gioca con altri filtri ed effetti per creare il tuo modo di vedere gli spettri unici. L'immagine sotto usa lo stesso esatto processo mostrato sopra ma usa le nuvole al posto delle fibre (elimina il passaggio sfocato).
Come una dimensione finale, una volta che la stella viene mixata con la grafica, l'effetto può diventare veramente sorprendente davvero veloce. Sotto ho gettato una rosa dei venti e sono riuscito a ottenere dei risultati fantastici dopo solo pochi secondi di regolazione.
Spettri negli sfondi del sito
Per avere un'idea di come applicare praticamente queste tecniche nel mondo del web design, dai un'occhiata agli ottimi esempi qui sotto. Questa prima sezione implementa gli spettri del colore come il principale punto focale dello sfondo del sito.
Web Design Cheltenham Regno Unito
BundleHunt
Rareview
Agence web crive
Design Writer's Guild
Clicca su Tyler
La via creativa
Tema dello spettro
deaxon
Logica Per Design
Designer di siti greci
Lista ordinata
Ciplex | Design Shack
Chiesa della vita | benvenuto
Julio Silver
Robin James Yu
Web Design Company
Burubundi
Wir lieben Link
Loghi e altri elementi
Qui vediamo spettri usati per creare icone, loghi e altri elementi grafici estremamente attraenti. Si noti come a volte i progettisti utilizzino passaggi duri anziché sfumature uniformi. Un'altra opzione da tenere a mente!
Caleidoscopio
Drupal Works
Hughes
Creazioni di neutroni
Rua de Baixo
Conclusione
Spero che questo post sia stato di grande ispirazione e che ti incoraggi a giocare con gli spettri nei tuoi progetti.
Se progetti o trovi siti utilizzando gli spettri in un modo unico e fantastico, lascia un commento qui sotto con un link in modo che tutti possano verificarlo!