Illustratorin liukuvärit: lineaarinen, säteittäinen ja vapaa

Illustratorin liukuvärit määritetään Gradient-paneelissa (Window › Gradient) ja muotoillaan työssä Gradient-työkalulla (G). Valitse kohde, valitse paneelista Linear, Radial tai Freeform ja määritä värit napsauttamalla liukusäätimen alla olevia väripisteitä. Lineaariset ja säteittäiset liukuvärit sopivat logoihin, kuvakkeisiin ja verkkokäyttöön, koska ne pysyvät kevyinä ja terävinä kaikkialla. Freeform sopii pehmeään, maalaukselliseen väriin ja vanhempi Gradient Mesh valokuvamaiseen varjostukseen.

Gradient-paneelin säätimet

Aloita valitsemalla kohde ja aktivoimalla oikea osa: paneelissa näkyvät täytön ja viivan neliöt, ja liukuväri kohdistuu päällimmäiseen. Liukuvärin esikatselukuvan napsauttaminen ottaa käyttöön viimeksi käyttämäsi liukuvärin. Se helpottaa usean muodon yhtenäistä käsittelyä.

Tallenna liukuväri vetämällä esikatselukuva paneelista Swatches-paneeliin. Tallennetut liukuvärit pitävät brändin värisiirtymät samoina tiedostosta toiseen. Liukuvärin väripisteet kertoo, miten valitset tasaisilta näyttävät sijainnit.

Lineaariset ja säteittäiset liukuvärit

Kun valitset Gradient-työkalun, kohteen päälle ilmestyy liukuvärin säätöjana. Siirrä alkukohtaa sen pyöreästä päästä, muuta pituutta ja kulmaa neliömäisestä päästä ja määritä värit janan pisteistä avaamatta paneelia. Jos jana on piilossa, saat sen takaisin komennolla View › Show Gradient Annotator. Pidä Shift painettuna vetäessäsi, niin kulma muuttuu 45 asteen askelin.

Illustratorin liukuvärit seuraavat muotoa eivätkä piirtoaluetta. Jos valitset useita kohteita ja vedät Gradient-työkalulla niiden kaikkien yli, sama liukuväri ulottuu koko ryhmään. Näin kirjain- tai kuvakerivi saa yhteisen värisiirtymän.

Vapaamuotoiset liukuvärit

Vapaamuotoisessa liukuvärissä ei ole säätöjanaa. Sijoitat väripisteitä mihin tahansa muodon sisälle, ja Illustrator sekoittaa värit niiden välillä. Tuloksena on verkkoliukuvärin tapainen pehmeä ja orgaaninen pinta huomattavasti pienemmällä vaivalla kuin Mesh-työkalulla.

1. 1

   Vaihda tyyppi

   Valitse muoto ja napsauta Gradient-paneelista Freeform. Illustrator lisää muutaman aloituspisteen.

2. 2

   Valitse Points tai Lines

   Points-tilassa sijoitat yksittäisiä väripisteitä. Lines-tilassa napsautat pisteistä polun, jota pitkin väri kulkee.

3. 3

   Määritä jokainen väri

   Valitse väri kaksoisnapsauttamalla pistettä tai valitse piste ja värimalli.

4. 4

   Säädä leviämistä

   Vedä Points-tilassa pisteen ympärillä olevaa katkoviivaympyrää tai muuta paneelin Spread-arvoa. Näin päätät, kuinka pitkälle väri ulottuu.

5. 5

   Poista tarpeettomat pisteet

   Vedä piste muodon ulkopuolelle tai paina Delete. Harvat, hyvin sijoitetut pisteet näyttävät rauhallisemmilta kuin suuri joukko.

Liukuvärit viivoissa

Valitse Gradient-paneelin viivan neliö ja lisää liukuväri. Näkyviin tulee kolme painiketta. Niiden vaikutus lopputulokseen on suurempi kuin minkään yksittäisen värivalinnan.

Muokattavana pysyvä liukuväriteksti

Muokattavan tekstin merkkitäyttöön ei aina voi lisätä liukuväriä suoraan. Tekstin muuttaminen poluiksi taas estää kirjoitusvirheiden korjaamisen. Varma tapa on Appearance-paneeli: valitse tekstikohde, valitse paneelin valikosta Add New Fill, vedä uusi täyttö tarvittaessa Characters-rivin alle ja lisää liukuväri siihen. Sanat pysyvät muokattavina, ja liukuväri ulottuu koko riville. Liukuvärilogot kertoo, milloin värisiirtymä auttaa logoa ja milloin tarvitaan yksivärinen versio.

Illustratorin liukuvärien vienti SVG:ksi ja painoon

SVG-viennissä lineaariset ja säteittäiset liukuvärit muuttuvat muodon omiksi liukuvärielementeiksi. Ne pysyvät kevyinä ja terävinä kaikissa ko’oissa. Vapaamuotoisille ja verkkoliukuväreille ei ole SVG-vastinetta, joten ne voivat rasteroitua tai muuttua likiarvoiksi. Tarkista tiedosto ennen kuin annat sen kehittäjälle. SVG-liukuvärit selittää tiedostomuodon.

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#064e3b"/>
      <stop offset="0.55" stop-color="#10b981"/>
      <stop offset="1" stop-color="#d9f99d"/>
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>

Painossa liukuvärit paljastavat ensimmäisinä juovittumisen ja värimuutokset. Muunna työ painon väritilaan ajoissa, vältä pitkiä siirtymiä kahden hyvin läheisen sävyn välillä ja pyydä vedos. Liukuvärien painaminen listaa tarkistukset.

Taustan lisääminen työhön

Illustrator on logolle oikea paikka. Julkaisujen, tarinoiden ja diojen tausta on eri tehtävä, sillä se on sovitettava jokaiseen muotoon uudelleen. Gradientlyn Mark on valmis tausta, joka piirtyy kaikissa ko’oissa ja pitää sanat luettavina. Kun lunastat sen, mikään muu brändi ei voi viedä sillä tehtyjä töitä.