Všechny projekty

November 3, 2019 - No Comments!

Soft Long Shadows.

Dnešní tip se bude tykat UI a ukažeme si, jak pracovat se soft long shadows (měkkými stíny) u různých prvků jako jsou karty, boxy, dropdowny, modaly apodobně.

Jako první si připravíme kartičku ( já si připravil kartu produktu, a konkrétně pokojové rostliny Monstera). Do vrstvy pod vložíme "kartu", která nám později vytvoří stín. Barva #202023, Alfa 30%.

Následně na stín aplikujeme Gaussian Blur - 15.

A jako poslední krok nastavíme Opacity - 50%.

Tip. Čím měkkčí jsou hrany, tím je objekt opticky vzdálenější. 

Tip. Určitě nesmíme zapomenou na Direction. Tedy pod jakým uhlem je stín vržen. Na první kartičce je pod uhlem 90 stupnu, na prostredni pod 45 stupni a na pravé kartě je na pozici 0 stupnu, a je tedy primo pod kartou produktu. 

Určitě se nebojte si s tím pořádně pohrát a zkusit více variant ať už z pozici stínu, opacitou nebo blurem. A vyberte až ten výsledek, který pro vás bude nejpříjemnější 🙂

Leave a Reply