Kā izveidot matēta stikla efektu programmā Figma

Matētais stikls lieliski noder privātuma nodrošināšanai vai dizaina izsmalcinātībai gan reālajā dzīvē, gan digitālajā dizainā. Figma ir viegli izveidot matēta stikla efektu, un tas var piešķirt jūsu dizainam unikālu nokrāsu tādā veidā, kas izskatās daudz sarežģītāks, nekā tas ir. Parādīsim, kā.

Kā izveidot matēta stikla efektu

Lai pilnībā izmantotu matēta stikla efektu, jūsu dizainā jau ir jābūt sava veida fona attēlam. Efekts vislabāk darbojas uz fotogrāfiskiem vai vizuāli sarežģītiem attēliem, nevis vienkāršiem krāsu blokiem vai vienkāršiem foniem.

Mēs izmantojam matēta stikla efektu kā punktu indikatoru prezentācijas noformējumā, lai prezentācijai pievienotu gludu, minimālistisku efektu. Tādējādi jūsu dizainiem tiek piešķirta papildu nojauta, nevis tikai vienkārša līnija vai vienkārša aizzīme kā indikators.

Jūs varat izveidot a galvenā veidne prezentācijām programmā Figma un izmantojiet tajā šo matēta stikla efektu. Ja vēlaties izveidot gludu aizzīmju punktu indikatoru, vienkārši sekojiet līdzi.

1. Uzzīmējiet līniju

Uzzīmējiet līniju, izmantojot Līnijas rīks (L). Lai līnija būtu horizontāla, turiet nospiestu Shift zīmējot to. Izvēlieties līnijas krāsu, noklikšķinot uz krāsainā kvadrāta zem Insults kamēr līnija ir atlasīta.

Krāsai jābūt pietiekami tumšai, lai kontrastētu fonu, taču tai ir arī labi jāizskatās ar prezentācijas krāsām. Jūs varat izmantojiet Adobe Illustrator, lai izveidotu krāsu paleti lai atrastu krāsas, kas darbojas kopā.

Mainiet līnijas platumu Stroke iestatījumos; noklikšķiniet uz ikonas ar trim horizontālām līnijām un palieliniet skaitli līdz vajadzīgajam biezumam. Lai iegūtu noapaļotus galus, izvēlnē Stroke noklikšķiniet uz nolaižamās izvēlnes ar horizontālu līniju un ritiniet līdz nolaižamās izvēlnes apakšdaļai, lai atrastu opciju noapaļotiem galiem.

2. Uzzīmējiet apli

Uzzīmējiet nelielu apli, izmantojot Elipses rīks (O). Turiet nospiestu Shift zīmējot apli, lai tas būtu ideāli sfērisks. Jūsu aplim jābūt pietiekami mazam, lai to izmantotu kā lodes punktu, bet pietiekami lielam, lai matētais stikls būtu redzams.

Lai pievienotu krāsu, atlasiet apli un izmantojiet Aizpildiet labajā rīkjoslā. Varat izmantot neitrālu krāsu, piemēram, pelēku vai bēšu, vai gaišāku krāsu no sava dizaina krāsu paletes.

Pēc tam mainiet necaurredzamība blakus Aizpildiet līdz 40% līdz 70%. Jūs vēlaties redzēt dizainu aiz apļa, vienlaikus redzot krāsu, ar kuru esat piepildījis apli.

3. Pievienojiet fona aizmiglojumu

Šī ir daļa, kas piešķir jūsu formai matētu efektu. Izvēlieties loku un dodieties uz Efekti. Noklusējuma efekts ir Drop Shadow, virziet kursoru virs tā un noklikšķiniet uz parādītās bultiņas. Izvēlieties Fona aizmiglojums.

Lai palielinātu vai samazinātu aizmiglojumu, noklikšķiniet uz ikonas blakus Fona izplūšana un mainiet skaitli uz vēlamo aizmiglošanas efektu.

Lai pabeigtu aizzīmes punkta indikatoru, pārvietojiet līniju tā, lai tā sakristu ar jūsu apļa malu. Atlasiet gan līniju, gan apli, ar peles labo pogu noklikšķiniet un atlasiet Grupas atlase. Tagad varat to pārvietot vai dublēt, lai to izmantotu dažādās dizaina daļās.

Aizmiglojums darbojas jebkurā dizaina daļā tādā pašā veidā, kā parādīts citā piemērā, ko darījām iepriekš. Kāpēc gan neiekļaut šo tehniku radošs dizaina izaicinājums? Efekts kļūs par lielisku dizaina priekšrocību.

Pievienojiet saviem dizainiem gludu minimālismu ar matēta stikla efektu

Figma matēta stikla efekts ir vienkāršs veids, kā citādi vienkāršiem dizaina aspektiem pievienot gludu stilu. Matēta stikla efektu var izmantot daudzos veidos, piemēram, pilnkrāsu paneļos, meklēšanas joslās vai privātuma logos virs dizainparaugiem. Mēģiniet pievienot apmali, izveidot gradientu vai novietot matētu slāni starp citiem slāņiem, lai iegūtu dažas tekstūras atšķirības.

Kā izveidot un pievienot maketus saviem Figma dizainparaugiem, izmantojot spraudņus

Lasiet Tālāk