# Canvan liukuväri: mahdollisuudet ja rajat [Canonical HTML page](https://gradiently.design/fi/guide/canva-gradient) Canvalla liukuväri syntyy kahdessa minuutissa. Näin saat hyvän lopputuloksen, löydät sopivat värikoodit ja tunnet rajat ennen koko brändin rakentamista sen varaan. ## The short version - Canvan väripaneelissa on valmiita liukuvärejä ja mukautettu liukuväri, jolla voi täyttää sivutaustan tai monia muotoja. - Mukautetussa Canvan liukuvärissä voit määrittää värit heksakoodeilla ja valita lineaarisen suunnan tai säteittäisen tyylin. - Kuvan päälle asetettu läpikuultava liukuvärimuoto on yksinkertaisin tapa tehdä liukuväripeite Canvassa. - Canvan liukuvärit ovat tasaisia värisiirtymiä, joten rae, tekstuuri ja pehmeä valo lisätään erillisinä elementteinä. - Valmiit liukuvärit ja kirjaston elementit ovat kaikkien Canva-käyttäjien yhteisiä. Siksi ne ovat käteviä mutta eivät yksilöllisiä. Tee **Canvan liukuväri** valitsemalla sivun tausta tai muoto ja avaamalla väripaneeli. Valitse valmis liukuväri tai lisää uusi väri ja vaihda se liukuväriksi. Voit kirjoittaa jokaiselle värille tarkan heksakoodin ja valita suoran suunnan tai säteittäisen tyylin. Se riittää useimpiin nopeisiin taustoihin. Rajat tulevat vastaan tekstuurissa, valossa ja yksinoikeudessa: liukuväritäyttö on tasainen sekoitus, jonka kuka tahansa voi tehdä. Omalta tuntuvan ilmeen rakentaminen vaatii enemmän. Canva päivittää editoriaan usein, joten valikkojen nimet voivat hieman muuttua. Alla kuvattu yleinen reitti on pysynyt samana. ## Mukautetun liukuvärin tekeminen Canvassa 1. **Valitse täytettävä kohde** Valitse tausta napsauttamalla sivun tyhjää kohtaa tai napsauta Elementit-valikosta lisättyä muotoa. Valokuvat käsitellään eri tavalla, kuten alla kerrotaan. 2. **Avaa väripaneeli** Napsauta ylätyökalupalkin väriruutua. Valmiit liukuvärit ovat oletusvärien yhteydessä. 3. **Luo oma** Lisää uusi väri ja vaihda tasaisesta väristä liukuväriin. Napsauta jokaista liukuvärin väriä ja liitä heksakoodi valitsimen vetämisen sijaan. 4. **Valitse tyyli** Valitse lineaarinen suunta koko designin halki tai säteittäinen tyyli ulospäin häipyvälle värialueelle. Säteittäinen keskusta sopii tuotteelle tai yhdelle sanalle. 5. **Käytä uudelleen** Käytön jälkeen liukuväri näkyy yleensä dokumentin väreissä. Voit lisätä sen muihin sivuihin ja muotoihin rakentamatta sitä uudelleen. ## Canvaan liitettävät liukuvärien värikoodit Nopein tie parempaan liukuväriin ovat paremmat värikoodit. Väriympyrässä lähekkäiset sävyt sekoittuvat siististi. Vastakkaiset värit muuttuvat keskeltä harmaiksi, kuten [mutaiset liukuvärit](https://gradiently.design/fi/guide/muddy-gradients) kuvaa. Jokainen alla oleva pari yhdistää kaksi läheistä väriä ja selvän vaaleuseron, mikä antaa syvyyttä ilman mutaisuutta. - Indigo #1e1b4b ja violetti #8b5cf6: `linear-gradient(135deg, #1e1b4b 0%, #8b5cf6 100%)` - Turkoosi #0f766e ja minttu #99f6e4: `linear-gradient(135deg, #0f766e 0%, #99f6e4 100%)` - Ruoste #9a3412 ja aprikoosi #fdba74: `linear-gradient(135deg, #9a3412 0%, #fdba74 100%)` - Vadelma #be185d ja puuteriroosa #fbcfe8: `linear-gradient(135deg, #be185d 0%, #fbcfe8 100%)` - Syvä meri #0c4a6e ja taivas #38bdf8: `linear-gradient(135deg, #0c4a6e 0%, #38bdf8 100%)` - Grafiitti #3f3f46 ja kivi #e7e5e4: `linear-gradient(135deg, #3f3f46 0%, #e7e5e4 100%)` Kuusi kahden värin liukuväriä heksakoodeineen. Liitä ensimmäinen aloitusväriksi ja toinen lopetusväriksi. Lisää pareja löytyy artikkelista [kahden värin liukuvärit](https://gradiently.design/fi/guide/two-color-gradients). ## Liukuvärit valokuvissa ja peitteinä Sävytä kuva lisäämällä sen päälle neliö Elementit-valikosta. Venytä se kuvan kokoiseksi, täytä liukuvärillä ja muuta läpikuultavaksi, jotta kuva näkyy läpi. Alhaalla tummasta ylhäällä täysin läpinäkyvään kulkeva liukuväri on klassinen tapa tehdä tilaa otsikolle vilkkaassa kuvassa. Voimakkaampaan sävytykseen Canvan kuvamuokkauksessa on duotone-tehoste, joka muuntaa kuvan sävyt kahdeksi väriksi. [Duotone-tehoste](https://gradiently.design/fi/guide/duotone-effect) selittää, milloin se toimii. | Tavoite | Reitti Canvassa | Huomioi | | --- | --- | --- | | Koko sivun liukuväri | Taustaväri, sitten liukuväri | Tummien siirtymien raidoittuminen viennin jälkeen | | Liukuvärimuoto tai vapaa muoto | Muoto Elementit-valikosta, sitten liukuväritäyttö | Kovat reunat näyttävät litteiltä. Pehmennä sumennuselementeillä. | | Kuvan sävytys | Liukuvärimuoto päälle läpikuultavana | Kasvojen muuttuminen oudon värisiksi | | Kaksivärinen kuva | Kuvamuokkaus, duotone-tehoste | Pienen kontrastin parit latistavat yksityiskohtia | | Valmis ilme | Hae Elementit-valikosta gradient | Muut käyttävät samaa grafiikkaa | Viisi tavallista liukuvärin käyttökohdetta Canvassa, niiden toteutustapa ja yleisin ongelma. ## Missä Canvan liukuvärin rajat tulevat vastaan Nämä rajat eivät tee Canvasta huonoa työkalua. Ne johtuvat liukuväritäytön luonteesta: sileä, tasainen siirtymä valitsemiesi värien välillä. Canvan vahvuus on laajuus, sillä diat, dokumentit, videot ja painotuotteet löytyvät samasta paikasta. Nopeaan somegrafiikkaan sen liukuvärit riittävät hyvin. ### Mitä Canvan liukuväri tekee hyvin - Siisti tausta muutamalla napsautuksella - Tarkat värit heksakoodeilla - Lineaariset ja säteittäiset tyylit - Helppo uudelleenkäyttö dokumentissa - Muodot ja kuvapeitteet ### Mikä jää sinulle - Rae, paperi tai hohde pinnalla - Valo, jolla on lähde - Sanojen luettavuus kirkkailla värialueilla - Valon uusi sijoitus joka koossa - Ilme, jota mikään muu tili ei voi käyttää Tekstuuria voit jäljitellä lisäämällä päälle läpikuultavan raekuvan. [Rakeiset liukuvärit](https://gradiently.design/fi/guide/grainy-gradients) kuvaa tavoitellun vaikutelman. Luettavuuden hoidat käsin siirtämällä tekstiä tai kirkasta aluetta, kunnes ne lakkaavat kilpailemasta. Viimeinen kohta on vaikein. Valmisasetukset ja kirjastografiikat ovat tarkoituksella kaikkien saatavilla, mikä osaltaan selittää, [miksi jokainen syöte näyttää samalta](https://gradiently.design/fi/guide/why-every-feed-looks-the-same). ## Milloin Mark auttaa Gradientlyn Mark on valmis liukuväri- ja materiaalitausta: värit, enintään kolme päällekkäistä materiaalia, valo, rae ja liike. Sillä on tasan yksi omistaja kerrallaan. Kuka tahansa voi suunnitella ilmaiseksi Markilla, jota kukaan ei ole lunastanut. Kaksi eroa ratkaisee edellä mainittuja puutteita. Mark tietää sanojen sijainnin, joten sen rauhallisin alue siirtyy tekstin taakse ja Automaattinen muste valitsee vaalean tai tumman tekstin riveittäin. Kun lunastat sen, vain sinä voit viedä sillä tehtyjä töitä, joten tunnistettava ilme pysyy sinun. Kahvilan pystyjulkaisu, jonka otsikko kulkee liukuvärin kirkkaimman alueen yli Kun mukautuminen on pois päältä, kirkkain väri voi osua otsikon taakse kuten missä tahansa tasaisessa liukuvärissä. Sama kahvilajulkaisu, jossa otsikon takana on rauhallisempi, syvempi tausta-alue Kun mukautuminen on päällä, Mark rauhoittuu sanojen takana ja muste mukautuu ilman laatikkoa tai varjoa. Voit hyvin käyttää molempia: Canvaa dokumentteihin ja esityksiin, Gradientlyä tunnusomaisiin taustoihin. Koko vertailu on artikkelissa [Gradiently ja Canva](https://gradiently.design/fi/guide/gradiently-vs-canva). ## FAQ ### Miten teen liukuväritaustan Canvassa? Napsauta sivun taustaa, avaa väripaneeli ja valitse valmis liukuväri. Voit myös lisätä uuden värin ja vaihtaa sen liukuväriksi omilla heksakoodeillasi. ### Voinko käyttää omia värejä Canvan liukuvärissä? Kyllä. Mukautetussa liukuvärissä voit asettaa jokaisen värin liittämällä sen heksakoodin. ### Miten lisään liukuvärin kuvan päälle Canvassa? Aseta muoto kuvan päälle, anna sille liukuväritäyttö ja muuta se läpikuultavaksi, jotta kuva näkyy läpi. ### Voinko lisätä rakeisuutta Canvan liukuväriin? Et itse täyttöön. Lisää liukuvärin päälle rae- tai kohinatekstuurikuva läpikuultavana. ### Mitkä värit tekevät hyvän liukuvärin Canvassa? Kaksi läheistä sävyä selvästi eri vaaleuksilla, kuten indigo #1e1b4b ja violetti #8b5cf6, sekoittuvat siististi harmaantumatta.