Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Maskien Käyttö Figma:ssa: Leikkaaminen ja Kerrostaminen Edistyneisiin Visuaaleihin | Visuaalien Luominen Figmassa
UI/UX-Suunnittelu Figmalla

bookMaskien Käyttö Figma:ssa: Leikkaaminen ja Kerrostaminen Edistyneisiin Visuaaleihin

Maskit Figmassa käytetään paljastamaan tiettyjä kerrosten tai objektien osia piilottaen loput.

Näin ne toimivat:

  • Aseta objekti (esim. kuva) ja maskimuoto (esim. ellipsi) yhdessä siten, että maskimuoto on objektin takana;
  • Valitse molemmat kerrokset, napsauta hiiren oikealla ja valitse Käytä maskina, tai käytä pikanäppäintä Ctrl+Alt+M (Windows) / Command+Option+M (Mac). Maskin pohja muuttuu näkymättömäksi, jolloin vain valitut kohdat ylemmästä kerroksesta näkyvät;
  • Maskauksessa voidaan käyttää myös tekstiä. Aseta teksti kuvan taakse ja käytä sitä maskina luodaksesi luovia tekstiefektejä. Maskin kerroksia voi muuttaa kokoa tai skaalaa itsenäisesti;
  • Maskin perusmuoto muuttuu näkymättömäksi, kun useita objekteja maskataan yhdessä. Jos haluat lisätä taustan maskeerattuun suunnitteluun, luo uusi muoto ja aseta se maskin pohjan taakse;
  • Läpinäkyvät PNG-tiedostot voivat myös toimia maskeina, ja muotoja voidaan maskeerata PNG:illä monimutkaisten suunnitelmien luomiseksi.

Maskit tarjoavat yleensä enemmän joustavuutta kuin kuvantäyttö, mahdollistaen useiden objektien yhdistämisen monimutkaisiksi kokonaisuuksiksi. Vaikka Figmassa on suhteellisen vähän muotoja ja työkaluja, se tarjoaa olennaiset välineet, ja näillä yksinkertaisilla elementeillä voit luoda todella loistavia suunnitelmia.

question mark

Kun käytät läpinäkyvää PNG:tä maskina, mikä määrittää maskin muodon?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between masks and image fills in more detail?

How do I remove or edit a mask after creating it?

Can you give more examples of creative uses for masks in Figma?

Awesome!

Completion rate improved to 2.78

bookMaskien Käyttö Figma:ssa: Leikkaaminen ja Kerrostaminen Edistyneisiin Visuaaleihin

Pyyhkäise näyttääksesi valikon

Maskit Figmassa käytetään paljastamaan tiettyjä kerrosten tai objektien osia piilottaen loput.

Näin ne toimivat:

  • Aseta objekti (esim. kuva) ja maskimuoto (esim. ellipsi) yhdessä siten, että maskimuoto on objektin takana;
  • Valitse molemmat kerrokset, napsauta hiiren oikealla ja valitse Käytä maskina, tai käytä pikanäppäintä Ctrl+Alt+M (Windows) / Command+Option+M (Mac). Maskin pohja muuttuu näkymättömäksi, jolloin vain valitut kohdat ylemmästä kerroksesta näkyvät;
  • Maskauksessa voidaan käyttää myös tekstiä. Aseta teksti kuvan taakse ja käytä sitä maskina luodaksesi luovia tekstiefektejä. Maskin kerroksia voi muuttaa kokoa tai skaalaa itsenäisesti;
  • Maskin perusmuoto muuttuu näkymättömäksi, kun useita objekteja maskataan yhdessä. Jos haluat lisätä taustan maskeerattuun suunnitteluun, luo uusi muoto ja aseta se maskin pohjan taakse;
  • Läpinäkyvät PNG-tiedostot voivat myös toimia maskeina, ja muotoja voidaan maskeerata PNG:illä monimutkaisten suunnitelmien luomiseksi.

Maskit tarjoavat yleensä enemmän joustavuutta kuin kuvantäyttö, mahdollistaen useiden objektien yhdistämisen monimutkaisiksi kokonaisuuksiksi. Vaikka Figmassa on suhteellisen vähän muotoja ja työkaluja, se tarjoaa olennaiset välineet, ja näillä yksinkertaisilla elementeillä voit luoda todella loistavia suunnitelmia.

question mark

Kun käytät läpinäkyvää PNG:tä maskina, mikä määrittää maskin muodon?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 2
some-alt