Kako ustvariti učinek motnega stekla v Figmi

Matirano steklo dobro deluje za zasebnost ali za dodajanje subtilnosti dizajnu v resničnem življenju in digitalnem dizajnu. Ustvarjanje učinka motnega stekla je v Figmi enostavno in lahko vašim dizajnom doda edinstven pridih na način, ki je videti veliko bolj zapleten, kot je. Naj vam pokažemo, kako.

Kako ustvariti učinek motnega stekla

Za popoln učinek motnega stekla bi morali v svojem dizajnu že imeti nekakšno sliko ozadja. Učinek najbolje deluje na fotografskih ali vizualno zapletenih slikah in ne le na navadnih barvnih blokih ali navadnih ozadjih.

Učinek matiranega stekla uporabljamo kot indikator točke na predstavitvenem dizajnu, da predstavitvi dodamo eleganten, minimalističen učinek. To daje vašemu dizajnu nekaj dodatnega pridiha, namesto da bi uporabljali preprosto črto ali navadno zaporedno točko kot indikator.

Ustvarite lahko a glavna predloga za predstavitve v Figmi in v njem uporabite ta učinek motnega stekla. Če želite ustvariti eleganten indikator točke, le sledite.

1. Nariši črto

Narišite svojo črto z uporabo Orodje za črto (L). Če želite, da črta ostane vodoravna, držite pritisnjeno Shift med risanjem. Izberite barvo za črto s klikom na barvni kvadrat pod Možganska kap medtem ko je linija izbrana.

Barva mora biti dovolj temna, da je v kontrastu z vašim ozadjem, vendar mora tudi dobro izgledati z barvami vaše predstavitve. Ti lahko uporabite Adobe Illustrator, da ustvarite barvno paleto najti barve, ki delujejo skupaj.

Spremenite širino črte v nastavitvah poteze; kliknite ikono s tremi vodoravnimi črtami in povečajte število do želene debeline. Če želite dobiti zaobljene konce, kliknite spustni meni z vodoravno črto v meniju Stroke in se pomaknite na dno spustnega menija za možnost za zaobljene konce.

2. Nariši krog

Narišite majhen krog s pomočjo Orodje Ellipse (O). Drži Shift medtem ko rišete krog, da postane popolnoma sferen. Vaš krog mora biti dovolj majhen, da ga lahko uporabite kot strelno točko, vendar dovolj velik, da bo vidno motno steklo.

Če želite dodati barvo, izberite krog in ga uporabite Napolnite na desni orodni vrstici. Uporabite lahko nevtralno barvo – na primer sivo ali bež – ali svetlejšo barvo iz barvne palete vašega dizajna.

Nato spremenite motnost zraven Napolnite nekje med 40% in 70%. Želite videti dizajn za krogom, medtem ko še vedno vidite barvo, s katero ste zapolnili krog.

3. Dodajte zamegljenost ozadja

To je del, ki daje vaši obliki mat učinek. Izberite krog in pojdite na Učinki. Privzeti učinek je Drop Shadow, premaknite miškin kazalec nanjo in kliknite puščico, ki se prikaže. Izberite Zamegljenost ozadja.

Če želite povečati ali zmanjšati zamegljenost, kliknite ikono poleg zamegljenosti ozadja in spremenite številko na želeni učinek zamegljenosti.

Če želite dokončati svoj indikator točke, premaknite črto tako, da se poravna z robom vašega kroga. Izberite črto in krog, kliknite z desno tipko miške in izberite Izbira skupine. Zdaj lahko to premaknete ali podvojite za uporabo na različnih delih vašega dizajna.

Zameglitev deluje na katerem koli delu dizajna na enak način, kot je prikazano v drugem primeru, ki smo ga naredili zgoraj. Zakaj ne bi te tehnike vključili kreativni oblikovalski izziv? Učinek bo postal odlična prednost oblikovanja.

Dodajte eleganten minimalizem svojim dizajnom z učinkom motnega stekla

Učinek motnega stekla v Figmi je preprost način za dodajanje elegantnega sloga sicer preprostim vidikom oblikovanja. Učinek motnega stekla lahko uporabite na več načinov, kot so polnobarvne plošče, iskalne vrstice ali okna zasebnosti nad dizajni. Poskusite dodati obrobo, narediti preliv ali postaviti matirano plast med druge plasti za nekaj teksturne razlike.

Kako ustvariti in dodati makete v svoje modele Figma z uporabo vtičnikov

Preberite Naprej