Kako ustvariti gradient v Figmi

Ko se ne morete odločiti za eno barvo, so prelivi odlična možnost. V Figmi lahko naredite različna gradientna ozadja, postavite gradient na obliko in besedilo, ustvarite gradiente potez in še veliko več. Ustvarite lahko celo prelive mreže z učinkom zamegljenosti ali z vtičnikom preliva mreže skupnosti Figma.

Ker ima Figma toliko različnih načinov za ustvarjanje gradienta, bodo novi uporabniki morda težko razumeli vse od začetka. Seveda je eksperimentiranje del učnega procesa, vendar je veliko lažje imeti vsa navodila na enem mestu. In ta članek ponuja točno to.

Kako ustvariti različne gradientne sloge v Figmi

Figma ponuja različne sloge preliva, ki jih lahko uporabite za zapolnjevanje ozadij ali predmetov na platnu z več barvami.

• Linearno:  Linearni prelivi imajo dve barvi, ki se zlivata v ravni črti.
• Radialno:  Pri radialnih prelivih se prva barva začne z ene same točke in se preliva v drugo v vseh smereh.
• Kotni:  pri kotnih prelivih lahko z dodajanjem kotov določite smer, v kateri se preliv premika. Je odlična možnost za ustvarjanje 3D slik.
• Diamant:  Kot že ime pove, se diamantni prelivi začnejo z ene točke in se razprostirajo v obliki diamanta.

Koraki za izdelavo katerega koli od teh slogov preliva so enaki. Edina razlika je v slogu, ki ga izberete. Tukaj je opisano, kako ustvarite gradientno zasnovo v Figmi:

1. Odprite prazno datoteko Figma.
   
2. V levi orodni vrstici tapnite »Orodje za pravokotnik«.
   
3. Z orodjem narišite pravokotnik na platno, ki ga boste uporabili kot referenco preliva.
   
4. Izberite ustvarjeni pravokotnik.
   
5. Kliknite trenutno barvo pod »Fill« na desni plošči, da odprete izbirnik barv.
   
6. Pritisnite spustni meni in spremenite privzeti »Solid« v kateri koli slog preliva, ki ga želite. Prikažeta se dve barvni meji ali okvirčki.
   
7. Izberite vsako barvno postajo in izberite barvo, ki jo želite dodati gradientu.
   
8. Tapnite štiri pike zraven »Fill«, da shranite gradient kot slog.
   

Po tem lahko prilagodite vrednost prosojnosti, postavite barvne meje tam, kjer želite, da se ena barva konča in druga začne, dodate še eno barvno mejo, jih premikate po platnu ali spremenite kot gradienta. Ko končate s prilagajanjem, znova shranite gradient (8. korak).

Opomba:  Če želite izbrisati barvno postajo, ki ste jo dodali, izberite postajo in pritisnite »Delete« ali »Backspace« na tipkovnici.

Zdaj lahko uporabite gradientni slog za kateri koli predmet, ki ga želite.

Kako ustvariti mrežni gradient v Figmi

Mrežasti prelivi so priljubljeni med velikimi podjetji in blagovnimi znamkami. Če pogosto uporabljate Instagram, vsak dan vidite logotip aplikacije. Tako je lahko znanje, kako jih ustvariti, koristno v situacijah, ko morate svojim projektom dodati nekaj zanimanja.

Kot že omenjeno, je mogoče prelive mreže ustvariti z vtičnikom , ki ga nudi skupnost Figma. Obstaja pa enostavnejši način za dodajanje več barv kamor koli želite na platnu, ne da bi potrebovali zunanja orodja.

Tukaj je opisano, kako ustvarite mrežni gradient v Figmi:

1. Vnesite novo datoteko Figma.
   
2. Ustvarite okvir.
   
3. Označite polje »Clip content« na desni plošči, tako da bo vse, kar gre zunaj okvira, odrezano.
   
4. Začnite dodajati različne oblike ali ustvarite svoj predmet z orodjem »Pen« znotraj okvirja.
   
5. Spremenite »Izpolnjevanje« vsakega novega obrazca, da se razlikuje od ostalih.
   
6. Izberite vse oblike.
   
7. V razdelku »Učinki« pritisnite spustni meni in izberite »Zameglitev plasti«.
   
8. Odprite nastavitve »Zameglitev plasti« in povečajte vrednost, dokler ne vidite več jasnih meja med oblikami.
   
9. Shranite slog kot zgoraj in ga uporabite na drugih predmetih.

Drug način za ustvarjanje mrežnega gradienta je uporaba kotnega sloga. Daje nekoliko drugačen, a enako zanimiv fascinanten rezultat kot prva vadnica.

Tukaj je tisto, kar morate storiti:

1. Odprite prazno platno.
   
2. Uporabite želeno obliko in jo dodajte na platno.
3. Pod »Fill« spremenite »Solid« v »Angular«.
   
4. Izberite barve za gradient.
   
5. Prilagodite kot in druge vidike gradienta.
   
6. Dodajte drugo obliko, po možnosti »Eclipse«, tj. krog.
   
7. Postavite ga na vrh druge oblike na platnu.
   
8. Dodajte linearni gradient in spremenite barvo v tisto, ki se dobro ujema z ostalimi.
   
9. Pod »Učinki« uporabite učinek »Zameglitev plasti« in zameglite črte nove oblike, da se zlijejo s prvo.
   

Kako narediti gradient slike v Figmi

Poleg ustvarjanja gradienta lahko z gradientom prekrijete tudi obstoječo sliko, da dodate nekaj razsežnosti. Daje ji učinek "bledenja" ali iluzijo nevidnega vira svetlobe, ki sveti na sliko od zunaj.

Tukaj je opisano, kako dodate preliv sliki v Figmi:

1. Odprite novo datoteko v Figmi.
   
2. Povlecite in spustite sliko, ki ji želite dodati preliv, na platno.
   
3. Dodajte obliko, ki se ujema z velikostjo slike na vrhu.
   
4. Izberite slog preliva pod razdelkom »Polnilo«.
   
5. V izbirniku barv izberite barve preliva.
   
6. Prilagodite motnost, kot itd.
   

Uporabite lahko tudi orodje »Peno« in narišete obliko na območju, kjer želite, da je gradient.

Kako spremeniti besedilo v Figmi

Ustvarjanje preliva na besedilu v Figmi je precej podobno ustvarjanju preliva za katero koli drugo obliko. Tukaj so koraki:

1. Odprite novo platno v Figmi.
   
2. V orodni vrstici na levi pritisnite orodje »Besedilo«.
   
3. Kliknite kjer koli na platnu in začnite pisati.
4. Izberite besedilo in pojdite na »Izpolni«.
   
5. Izberite slog gradienta.
   
6. Pritisnite vsako barvno polje in poiščite barvo, ki jo želite dodati gradientu.
   

pogosta vprašanja

Koliko barv lahko dodam gradientu v Figmi?

Dodate lahko poljubno število barv v standardnem in mrežastem slogu preliva Figma. Toda poskusite ne pretiravati. Ker imajo prelivi več prehodnih barv, je več kot pet morda preveč, tudi za mrežasti preliv.

Ali lahko uvozim gradient v Figmo?

V Figmo lahko uvozite poljuben gradient. Na primer, lahko prilepite kodo iz CSS (Cascading Style Sheets), tako da odprete ploščo »Koda« in prilepite kodo. Gradiente lahko uvozite tudi iz programa Adobe Illustrator.

Kje lahko najdem brezplačne prelive Figma?

Brezplačne in plačljive gradiente Figma najdete v  skupnosti Figma . Vsebuje množico čudovitih in edinstvenih dizajnov, ki so jih ustvarili uporabniki Figme. Filtrirate lahko po vtičnikih, datotekah in pripomočkih. Preprosto vnesite »gradient« v iskalno vrstico na vrhu in poiščite tisto, ki vam je všeč.

Postanite zabavni s pisanimi prelivi

Gradienti so odličen način, da naredite dizajn razločen in prilagojen. In Figma vam omogoča gladek prehod med dvema ali več barvami, ki jih izberete. Vendar ne pretiravajte. Mešajte barve, ki se dobro ujemajo in poskušajte ostati znotraj iste barvne palete.

Ste že poskusili narediti gradient v Figmi? V spodnjih komentarjih nam povejte, kateri slog gradienta ste uporabili in za kaj ste ga uporabili.