25 brilantních využití barevných spektra ve webovém designu
Všiml jsem si nedávného trendu v oblasti webdesignu, který zahrnuje použití barevných spektr jako hlavního konstrukčního prvku. Použití je velmi rozmanité, ale téměř vždy docela krásné.
Dnes se naučíme, jak ve Photoshopu vytvořit úžasné umělecké dílo založené na spektru, a poté se podíváme na 25 skvělých příkladů spektra používaných ve skutečných webech.
Prozkoumejte prvky Envato
Jak se bavit se spektry ve Photoshopu
Než se podíváme na náš výběr webů, které využívají spektra jako hlavní konstrukční prvek, podívejme se, jak si můžete snadno vytvořit vlastní fantastické spektrum kreseb ve Photoshopu. Podobnou techniku jsem prošel v předchozím tutoriálu, ale je to určitě vhodné i pro tento článek.
Vytváření složitých přechodů ve Photoshopu může být časově náročné. Naštěstí je dodáván s některými skvělými spektry, které můžete použít jen pár kliknutí.
Začněte vytvořením pevné černé vrstvy. Poté duplikujte tuto vrstvu a aplikujte překrytí přechodu na jakoukoli vrstvu nahoře. Chcete-li načíst gradienty spektra, stiskněte malou šipku napravo od nástroje pro výběr gradientu a jděte dolů až na dno, kde se říká „spektra“.
Vyberte jakékoli spektrum, které se vám líbí, a nastavte směr podle toho, co považujete za vhodné. Vzhledem k odpornému počátečnímu výsledku tohoto kroku si představuji, že mnoho designérů nikdy nenapadlo použít tyto předem vytvořené přechody. Pamatujte však vždy na efekty Photoshopu jako na stavební kameny, nikoli jako hotové výrobky.
Hippiefest níže je vlastně docela snadné proměnit v něco, co vypadá opravdu cool a hodí se k moderním designovým trendům.
Dalším krokem je vytvoření pevné bílé vrstvy a vyberte Filtr> Vykreslit vlákna. Nezáleží na tom, jaké jsou vaše nastavení pro vlákna, prostě si hrajte, dokud nedostanete něco, co se vám líbí.
Nyní použijte jednoduché rozostření pohybu. Ujistěte se, že kliky, aby linie jsou pěkné a hladké. Na obrázku níže vidíte, že nám to dá opravdu pěknou texturu se spoustou hloubky a kontrastu.
Kouzlo se stane, když tuto vrstvu nastavíte na množení. Voila! Nyní vaše spektrum vypadá mnohem chladněji!
Aby bylo dramatičtější, naneste pevnou masku černé vrstvy a poté uchopte velký měkký kartáč nastavený na bílou. Poté štětcem dvakrát nebo třikrát klikněte na plátno, aby se sklon jemným a atraktivním způsobem vrátil zpět.
Nepřestávej tam! Hrajte si s dalšími filtry a efekty a vytvořte si vlastní jedinečný záběr spektra. Obrázek níže používá stejný přesný proces, jak je uvedeno výše, ale místo vláken používá mraky (příkop rozostření).
Jako konečná dimenze, jakmile ji začnete míchat s grafikou, efekt může být opravdu úžasný opravdu rychle. Pod ní jsem hodil kompasovou růži a po několika vteřinách vyladění jsem byl schopen dosáhnout úžasných výsledků.
Spektrum v pozadí webových stránek
Chcete-li získat představu o tom, jak tyto techniky prakticky použít ve světě webdesignu, podívejte se na skvělé příklady níže. Tato první část implementuje barevná spektra jako hlavní ohnisko pozadí webu.
Webdesign Cheltenham UK
BundleHunt
Opakované prohlížení
Agence web créative
Cech spisovatelů designu
Klikněte na Tyler
Kreativní cesta
Téma spektra
deaxon
Logika podle návrhu
Řecký návrhář webových stránek
Seznam objednávek
Ciplex | Design Shack
Život církev | Vítejte
Julio Silver
Robin James Yu
Společnost Web Design Company
Burubundi
Wir Lieben Odkazy
Loga a další prvky
Zde vidíme spektra používaná k vytváření extrémně atraktivních ikon, log a dalších grafických prvků. Všimněte si, jak někdy designéři použijí namísto hladkých přechodů tvrdé kroky. Ještě další možnost mít na paměti!
Kaleidoskop
Drupal Works
Hughes
Neutronové výtvory
Rua de Baixo
Závěr
Doufám, že tento příspěvek byl docela inspirativní a že vás povzbuzuje k hraní se spektry ve vašich vlastních designech.
Pokud navrhujete nebo najdete nějaké weby využívající spektra jedinečným a úžasným způsobem, zanechte komentář níže s odkazem, abychom ho mohli všichni zkontrolovat!
