Jag har lagt märke till en nyutvecklad trend i webbdesign som involverar användningen av färgglada spektrum som ett huvuddesignelement. Användningen är mycket varierad men nästan alltid ganska vacker.
Idag lär vi dig att bygga fantastiskt spektrumbaserat konstverk i Photoshop och ta en titt på 25 briljanta exempel på spektrum som används på riktiga webbplatser.
Hur ha kul med spektrum i Photoshop
Innan vi tittar på vårt urval av webbplatser som använder spektrum som ett viktigt designelement, låt oss ta en titt på hur du enkelt kan bygga ditt eget fantastiska spektrumsartik i Photoshop. Jag har gått över en liknande teknik i en tidigare handledning men det är definitivt lämpligt för den här artikeln också.
Att bygga komplexa gradienter i Photoshop kan vara tidskrävande. Lyckligtvis kommer det inbyggt med några stora spektrum som du kan ansöka om bara några få klick.
Börja skapa ett solidt svart lager. Därefter duplicera det lagret och applicera en gradientöverlagring till vilket lag som helst på toppen. För att ladda in spektrumgradienterna, slå den lilla pilen till höger om lutningsväljaren och gå ner till botten där det står "spektrum".
Välj vilket spektrum du gillar och sätt in riktningen till vad du tycker är lämpligt. På grund av det hemska inledande resultatet av detta steg föreställer jag mig att många designers aldrig har tänkt att använda dessa förbyggda gradienter. Men kom alltid ihåg att titta på Photoshops effekter som byggstenar, inte som färdiga produkter.
Hippiefest nedan är faktiskt ganska lätt att förvandlas till något som ser väldigt cool ut och passar moderna designtrender.
Nästa steg är att skapa ett solidt vitt lager och välj Filter> Render Fibers. Det spelar ingen roll vad dina inställningar är för fibrerna, bara leka tills du får något du gillar.
Applicera nu en enkel rörelseoskärpa. Var noga med att vrida den så att linjerna är snygga och smidiga. Du kan se i bilden nedan att det här kommer att ge oss en riktigt fin textur med mycket djup och kontrast.
Magiken händer när du ställer in det här lagret. Voila! Nu ser ditt spektrum mycket svalare ut!
För att göra det mer dramatiskt, applicera en solid svart lagermask och ta sedan en stor mjuk borste som vit. Sedan klickar du runt på duken två till tre gånger med din pensel för att få tillbaka lutningen på ett subtilt och attraktivt sätt.
Stanna inte där! Spela runt med andra filter och effekter för att skapa din egen unika ta på spektrum. Bilden nedan använder samma exakta process som visats ovan men använder moln istället för fibrer (dunkera blekksteget).
Som en sista dimension, när du stjärna blandar den med grafik, kan effekten bli riktigt fantastisk riktigt snabbt. Nedan kastade jag en kompassrosa och kunde komma fram med några fantastiska resultat efter bara några sekunder av tweaking.
Spektrum i webbplatsens bakgrund
För att få en uppfattning om hur man praktiskt tillämpar dessa tekniker i världen av webbdesign, kolla in de bästa exemplen nedan. Denna första sektion implementerar färgspektrum som huvudpunkten för webbplatsens bakgrund.
Webdesign Cheltenham UK
BundleHunt
Rareview
Agence webbkritisk
Design Writer's Guild
Klicka på Tyler
Den kreativa vägen
Spektrumtema
deaxon
Logik Genom Design
Grekisk webbdesigner
Beställd lista
Ciplex | Design Shack
Life Church | Välkommen
Julio Silver
Robin James Yu
Web Design Company
Burubundi
Wir lieben Länkar
Logotyper och andra element
Här ser vi spektrum som används för att skapa extremt attraktiva ikoner, logotyper och andra grafiska element. Lägg märke till hur ibland designers använder hårda steg istället för smidiga gradienter. Ännu ett alternativ att komma ihåg!
Kalejdoskop
Drupal Works
Hughes
Neutron Creations
Rua de Baixo
Slutsats
Jag hoppas att detta inlägg har varit ganska inspirerande och att det uppmuntrar dig att leka med spektrum i dina egna mönster.
Om du designar eller hittar webbplatser som använder spektrum på ett unikt och fantastiskt sätt, lämna en kommentar nedan med en länk så vi kan alla kolla in det!