Cum se creează un efect de sticlă mată în Figma

Sticla mată funcționează bine pentru confidențialitate sau pentru a adăuga subtilitate unui design, în modelele reale și digitale. Crearea unui efect de sticlă mată este ușoară în Figma și poate adăuga un fler unic design-urilor dvs. într-un mod care arată mult mai complex decât este. Să vă arătăm cum.

Cum se creează un efect de sticlă mată

Pentru efectul complet al sticlei mate, ar trebui să aveți deja un fel de imagine de fundal în designul dvs. Efectul funcționează cel mai bine pe deasupra imaginilor fotografice sau vizual complexe, mai degrabă decât doar blocuri de culoare simplă sau fundaluri simple.

Folosim efectul de sticlă mată ca indicator marcant pe un design de prezentare, pentru a adăuga un efect elegant și minimalist prezentării. Acest lucru oferă un plus de fler design-urilor dvs., mai degrabă decât să folosiți doar o linie simplă sau un punct simplu ca indicator.

Puteți crea un șablon principal pentru prezentări în Figma și folosește acest efect de sticlă mată în el. Dacă doriți să creați un indicator elegant, trebuie doar să urmați.

1. Trage o linie

Desenați-vă linia folosind Instrument de linie (L). Pentru a menține linia orizontală, țineți apăsat Schimb în timp ce îl desenează. Alegeți o culoare pentru linie făcând clic pe pătratul colorat de sub Accident vascular cerebral în timp ce linia este selectată.

Culoarea ar trebui să fie suficient de închisă pentru a vă contrasta fundalul, dar trebuie să arate bine cu culorile prezentării. Poti utilizați Adobe Illustrator pentru a crea o paletă de culori pentru a găsi culori care să lucreze împreună.

Modificați lățimea liniei în setările Stroke; faceți clic pe pictograma cu trei linii orizontale și creșteți numărul până la grosimea dorită. Pentru a obține capete rotunjite, faceți clic pe meniul drop-down cu o linie orizontală din meniul Stroke și derulați în partea de jos a meniului drop-down pentru opțiunea pentru capete rotunjite.

2. Desenează un cerc

Desenați un cerc mic folosind Instrumentul Elipse (O). Țineți apăsat Schimb în timp ce desenați cercul pentru a-l face perfect sferic. Cercul dvs. ar trebui să fie suficient de mic pentru a fi folosit ca punct marcant, dar suficient de mare pentru ca sticla mată să fie evidentă.

Pentru a adăuga culoare, selectați cercul și utilizați Completati pe bara de instrumente din dreapta. Puteți folosi o culoare neutră, cum ar fi gri sau bej, sau o culoare mai deschisă din paleta de culori a designului dvs.

Apoi, schimbați opacitate lângă Completati la oriunde între 40% și 70%. Vrei să poți vedea designul din spatele cercului, în timp ce vezi în continuare culoarea cu care ai umplut cercul.

3. Adăugați o estompare de fundal

Aceasta este partea care dă efectul înghețat formei tale. Selectați cercul și accesați Efecte. Efectul implicit este Umbra, plasați cursorul peste el și faceți clic pe săgeata care apare. Alege Încețoșare de fundal.

Pentru a crește sau a reduce estomparea, faceți clic pe pictograma de lângă Încețoșare fundal și modificați numărul la efectul de estompare dorit.

Pentru a finaliza indicatorul marcator, mutați linia astfel încât să se alinieze cu marginea cercului. Selectați atât linia, cât și cercul, faceți clic dreapta și selectați Selectarea grupului. Acum puteți muta sau duplica acest lucru pentru a fi utilizat în diferite părți ale designului dvs.

Neclaritatea funcționează peste orice parte a designului în același mod, așa cum se arată într-un alt exemplu pe care l-am făcut mai sus. De ce să nu includeți această tehnică în o provocare de design creativ? Efectul va deveni un mare atu de design.

Adaugă un minimalism elegant modelelor tale cu un efect de sticlă mată

Efectul de sticlă mată din Figma este o modalitate simplă de a adăuga un stil elegant la aspectele de design altfel simple. Puteți utiliza efectul de sticlă mată în multe moduri, cum ar fi panouri pline de culoare, bare de căutare sau ferestre de confidențialitate peste modele. Încercați să adăugați un chenar, să faceți un gradient sau să plasați stratul înghețat între alte straturi pentru o diferență de textura.

Cum să creați și să adăugați machete la modelele dvs. Figma folosind pluginuri

Citiți în continuare