Jak vytvořit efekt matného skla ve Figmě

Matné sklo funguje dobře pro soukromí nebo pro přidání jemnosti designu v reálném životě a digitálním designu. Vytvoření efektu matného skla je ve Figmě snadné a může dodat jedinečný šmrnc vašim návrhům způsobem, který vypadá mnohem složitější, než je. Pojďme si ukázat, jak na to.

Jak vytvořit efekt matného skla

Pro plný efekt matného skla byste již měli mít ve svém návrhu nějaký obrázek na pozadí. Efekt funguje nejlépe na fotografických nebo vizuálně složitých obrázcích, spíše než na obyčejných barevných blocích nebo na obyčejném pozadí.

Efekt matného skla používáme jako ukazatel odrážky v návrhu prezentace, abychom prezentaci dodali elegantní, minimalistický efekt. To dává vašim návrhům trochu extra šmrnc, než jen použití jednoduché čáry nebo obyčejné odrážky jako indikátoru.

Můžete vytvořit a hlavní šablona pro prezentace ve Figmě a použijte v něm tento efekt matného skla. Pokud chcete vytvořit elegantní ukazatel odrážky, postupujte podle něj.

1. Nakresli čáru

Nakreslete čáru pomocí Nástroj Line

(L). Chcete-li čáru udržet vodorovně, podržte ji Posun při jeho kreslení. Vyberte barvu čáry kliknutím na barevný čtverec pod ní Mrtvice zatímco je linka vybrána.

Barva by měla být dostatečně tmavá, aby kontrastovala s vaším pozadím, ale také musí vypadat dobře s barvami vaší prezentace. Můžeš použijte Adobe Illustrator k vytvoření palety barev najít barvy, které spolu fungují.

Změňte šířku čáry v nastavení Stroke; klikněte na ikonu se třemi vodorovnými čarami a zvyšujte číslo, dokud nedosáhnete požadované tloušťky. Chcete-li získat zaoblené konce, klikněte na rozevírací seznam s vodorovnou čárou v nabídce Tah a přejděte do dolní části rozevírací nabídky pro možnost zaoblených konců.

2. Nakreslete kruh

Nakreslete malý kruh pomocí Nástroj Elipsa (Ó). Udržet si Posun při kreslení kruhu, aby byl dokonale kulový. Váš kruh by měl být dostatečně malý, aby se dal použít jako odrážka, ale dostatečně velký, aby bylo matné sklo zřejmé.

Chcete-li přidat barvu, vyberte kruh a použijte Vyplnit na pravém panelu nástrojů. Můžete použít neutrální barvu – jako je šedá nebo béžová – nebo světlejší barvu z barevné palety vašeho návrhu.

Poté změňte neprůhlednost vedle Vyplnit kdekoli mezi 40 % a 70 %. Chcete mít možnost vidět design za kruhem a přitom stále vidět barvu, kterou jste kruh vyplnili.

3. Přidejte rozostření pozadí

Toto je část, která dodá vašemu tvaru matný efekt. Vyberte kruh a přejděte na Efekty. Výchozí efekt je Vrhat stín, najeďte na něj a klikněte na šipku, která se zobrazí. Vybrat Rozostření pozadí.

Chcete-li zvýšit nebo snížit rozostření, klikněte na ikonu vedle položky Rozostření pozadí a změňte číslo na požadovaný efekt rozostření.

Chcete-li dokončit ukazatel odrážky, posuňte čáru tak, aby byla zarovnaná s okrajem vašeho kruhu. Vyberte čáru i kružnici, klikněte pravým tlačítkem a vyberte Výběr skupiny. Nyní to můžete přesunout nebo duplikovat pro použití na různých částech vašeho návrhu.

Rozostření funguje přes jakoukoli část návrhu stejným způsobem, jak je znázorněno v jiném příkladu, který jsme provedli výše. Proč nezahrnout tuto techniku kreativní designérská výzva? Efekt se stane skvělým designovým přínosem.

Dodejte svým návrhům elegantní minimalismus s efektem matného skla

Efekt matného skla ve Figmě je jednoduchý způsob, jak přidat elegantní styl jinak prostým designovým aspektům. Efekt matného skla můžete použít mnoha způsoby, jako jsou celobarevné panely, vyhledávací lišty nebo okna ochrany soukromí nad návrhy. Zkuste přidat ohraničení, vytvořit přechod nebo umístit matnou vrstvu mezi další vrstvy, abyste získali určitý texturní rozdíl.

Jak vytvářet a přidávat makety do návrhů Figma pomocí pluginů

Přečtěte si další