Mesh-liukuvärit

Mesh-liukuvärityökalun kuvake työkalupalkissa

Mesh-liukuvärillä tarkoitetaan verkkomaisesti toteutettua liukuvärjäystä, jossa liukuväri ei etene pysäytyspisteiden kautta vain suoraan tai säteittäisesti vaan pysäytyspisteitä voi olla kuin verkossa solmuja. Niitä luodaan mesh-liukuvärityökalulla.

Mesh-verkon luonti

Mesh-liukuvärejä luotaessa voidaan käyttää lähtökohtana suoraa ruudukkoa taikka kartioimaisesti pyöreään muotoon aseteltua verkkoa. Jälkimmäinen on käytännössä toteutettu verkkona, jonka vastakkaiset päät on kierretty yhteen.

Mesh-liukuvärin asetusvalikosta valitaan, kumpaa tapaa käytetään ja sovelletaanko liukuvärjäystä täyttöön vai reunaviivaan. Samalla voidaan valita haluttujen ruudukon rivien ja sarakkeiden määrä jo valmiiksi. Rivejä ja sarakkeita voi lisätä myös jälkikäteen.

Kun valittua kohdetta kaksoisklikataan mesh-työkalulla, siihen lisätään asetuspalkissa valitun mukainen ruudukko, joka sovitetaan kohteen oman muodon mukaan.

Mesh-verkossa on verkon solmuina kärjellään olevan neliön muotoisia kahvoja, joita voi siirrellä verkossa haluamaansa paikkaan. Kustakin verkon solmusta lähtee pyöreällä kahvalla varustetut venytyskahvat kunkin verkon “säikeen” suuntaisesti. Näillä venytyskahvoilla verkon muotoa, sen taipumista, voidaan säädellä.

Alla olevissa kuvissa ensimmäisessä suorakulmiossa on verkossa vain yksi rivi ja yksi sarake. Verkon solmut ovat sen kulmissa ja “säikeet” kulkevat pitkin suorakulmion reunoja. Toisessa kuvassa on 3×3 ruudukko ja kolmannessa kuvassa 3×3 ruudukko on sovitettu ellipsin muotojen mukaan. Kussakin ruudukossa joka toinen solmu on kohteen alkuperäisellä värillä ja joka toinen valkoinen.

Nyt mesh-verkon solmuja voidaan siirrellä, niiden venytyskahvoista voidaan verkkoon luoda kaarevuutta ja verkon solmujen värejä ja läpinäkyvyyttä voidaan vaihtaa solmukohtaisesti.

Mesh-liukuvärjäys antaa huomattavan paljon lisää vapautta liukuvärien luomiseen verrattuna pelkkään suoraan ja säteittäiseen liukuväriin. Monimutkaisen mesh-verkon rakentaminen on toki työläämpää.

Mesh-verkon muokkaus

Kun mesh-verkkoa muokataan, pitää muistaa, että samalla kohteella voi olla mesh-liukuväriä sekä täytössä että reunavärissä. Jos käytössä on molempia, asetuspalkista voi valita, kumman muokkauskahvat näytetään.

Asetuspalkin seuraavilla napeilla valitaan, näytetäänkö kahvat, muutetaan verkon solmujen välisiä säikeitä suoriksi tai bezier-käyriksi taikka ellipsin mukaisesti symmetrisiksi.

Seuraavista napeista ensimmäisellä voidaan valituille verkon solmuille valita väriksi kohteen alla oleva väri. Esimerkkikuvassa verkon alla on vihreä suorakulmio, josta väri on otettu.

Toisella napilla puolestaan verkon solmut sovitetaan sen sisältävään laatikkoon.

Kartiomainen mesh-verkko

Jos mesh-verkko luodaan ruudukon sijaan kartiomaisena, saadaan kuvan mukaine keskipisteen ympärille “kiedottu” verkko.

Tämä on käytännössä ruudukkoverkko, jonka yläreunan kaikki pisteet ovat keskipisteessä ja verkko on kiedottu sen ympärille. Seuraavassa kuvassa tätä on yritetty selventää avaamalla “kiedottua” verkkoa reunasta.

Viimeiseinä mesh-työkalun asetuspalkissa on varoitus siitä, että mesh-toiminnallisuus ei ole vielä valmis standardoidussa svg-määrittelyssä ja se saattaa muuttaa, sekä pehmennysvalinta, jolla voidaan valita väriliukuun käytettävä algoritmi.