Kako stvoriti efekt matiranog stakla na Figmi

Matirano staklo dobro funkcionira za privatnost ili za dodavanje suptilnosti dizajnu, u stvarnom životu i digitalnom dizajnu. Stvaranje efekta matiranog stakla jednostavno je u Figmi i može dodati jedinstven štih vašim dizajnima na način koji izgleda puno složenije nego što jest. Pokažimo vam kako.

Kako stvoriti efekt matiranog stakla

Za potpuni učinak matiranog stakla, trebali biste već imati neku vrstu pozadinske slike unutar svog dizajna. Efekt najbolje funkcionira na fotografskim ili vizualno složenim slikama, a ne samo na obične blokove boja ili obične pozadine.

Koristimo efekt matiranog stakla kao indikator točke na dizajnu prezentacije, kako bismo dodali elegantan, minimalistički efekt prezentaciji. To daje dodatni štih vašim dizajnima umjesto da koristite jednostavnu liniju ili običnu točku kao indikator.

Možete stvoriti a glavni predložak za prezentacije u Figmi i upotrijebite ovaj efekt matiranog stakla u njemu. Ako želite stvoriti elegantan indikator točaka, samo slijedite.

1. Nacrtaj liniju

Nacrtajte svoju liniju pomoću Alat za liniju (L). Da linija ostane vodoravna, držite pritisnutu Shift dok ga crta. Odaberite boju za liniju klikom na obojeni kvadrat ispod Moždani udar dok je linija odabrana.

Boja bi trebala biti dovoljno tamna da kontrastira vašu pozadinu, ali također mora dobro izgledati s bojama vaše prezentacije. Možeš koristite Adobe Illustrator za izradu palete boja pronaći boje koje funkcioniraju zajedno.

Promijenite širinu linije u postavkama Stroke; kliknite na ikonu s tri vodoravne crte i povećavajte broj do željene debljine. Da biste dobili zaobljene krajeve, kliknite padajući izbornik s vodoravnom crtom u izborniku Stroke i pomaknite se do dna padajućeg izbornika za opciju za zaobljene krajeve.

2. Nacrtajte krug

Nacrtajte mali krug pomoću Alat elipsa (O). Drži dolje Shift dok crtate krug kako bi bio savršeno sferičan. Vaš bi krug trebao biti dovoljno mali da se može koristiti kao metak, ali dovoljno velik da se matirano staklo vidi.

Da biste dodali boju, odaberite krug i upotrijebite Napunite na desnoj alatnoj traci. Možete koristiti neutralnu boju — poput sive ili bež — ili svjetliju boju iz palete boja vašeg dizajna.

Zatim promijenite neprozirnost pored Napunite bilo gdje između 40% i 70%. Želite moći vidjeti dizajn iza kruga, a da pritom još uvijek vidite boju kojom ste ispunili krug.

3. Dodajte zamućenje pozadine

Ovo je dio koji vašem obliku daje mat efekt. Odaberite krug i idite na Učinci. Zadani učinak je Drop Shadow, zadržite pokazivač iznad njega i kliknite strelicu koja se pojavi. Odaberite Zamućenje pozadine.

Da biste povećali ili smanjili zamućenje, kliknite ikonu pored Zamućenje pozadine i promijenite broj na željeni učinak zamućenja.

Da biste dovršili svoj indikator točke, pomaknite liniju tako da bude u liniji s rubom vašeg kruga. Odaberite liniju i krug, kliknite desnom tipkom miša i odaberite Grupni odabir. Sada to možete premjestiti ili duplicirati za korištenje na različitim dijelovima vašeg dizajna.

Zamućenje djeluje na bilo kojem dijelu dizajna na isti način, kao što je prikazano u drugom primjeru koji smo radili iznad. Zašto ne uključiti ovu tehniku ​​u kreativni dizajnerski izazov? Učinak će postati velika prednost dizajna.

Dodajte elegantan minimalizam svojim dizajnom s efektom matiranog stakla

Efekt matiranog stakla u Figmi jednostavan je način dodavanja elegantnog stila inače jednostavnim aspektima dizajna. Efekt matiranog stakla možete koristiti na mnogo načina, kao što su ploče u punoj boji, trake za pretraživanje ili prozori za privatnost preko dizajna. Pokušajte dodati obrub, napraviti gradijent ili postaviti mat sloj između drugih slojeva radi neke teksturalne razlike.

Kako izraditi i dodati makete svojim Figma dizajnima pomoću dodataka

Pročitajte dalje