# Aesthetic-taustat: näin teet oman taustakuvasi [Canonical HTML page](https://gradiently.design/fi/guide/aesthetic-backgrounds) Ladatut taustat ovat kaikkien käytössä, jotka löysivät saman sivun. Oman teko vie iltapäivän, ja tulos sopii yhteen puhelimesi, työpöytäsi ja julkaisujesi kanssa. ## The short version - Aesthetic-tausta on yleensä pehmeä, vähäkontrastinen värialue, jossa on lempeää valoa ja hieman pintaa, ei vilkasta kuvaa. - Useimmat aesthetic-ilmeet syntyvät kapeasta paletista: kolme tai viisi väriä, jotka ovat vaaleudeltaan lähellä toisiaan, ja yksi hieman syvempi sävy syvyyttä varten. - Pieni määrä rakeisuutta saa pehmeät liukuvärit näyttämään filmiltä tai paperilta ja peittää raidat, jotka sileät liukuvärit voivat näyttää. - Tee yksi ilme ja vie se jokaiseen käyttämääsi muotoon, esimerkiksi 1080 × 1920 -puhelintaustaksi, 1920 × 1080 -työpöydäksi ja 1080 × 1350 -julkaisuksi. - Pidä taustan rauhallisin alue siellä, minne kello, kuvakkeet tai sanat tulevat. **Aesthetic-tausta** on käytännössä pehmeä värialue, jossa on lempeää valoa ja hieman pintaa: persikkainen usva, salvianvihreä aamu, laventelinsininen hämärä tai tumma, filmimäinen ruskea. Oman tekemiseksi valitse kolme tai viisi väriä, jotka ovat vaaleudeltaan lähellä toisiaan, sekoita ne pehmeästi yhden lempeän valonlähteen kanssa, lisää hieman rakeisuutta ja vie sama ilme jokaiseen käyttämääsi näyttöön ja muotoon. Tulos tuntuu rauhalliselta, henkilökohtaiselta ja yhtenäiseltä, mikä on suurin osa siitä, mitä aestheticilla tarkoitetaan. Tämä opas antaa sinulle valmiit paletit koodeineen, menetelmän omien tekemiseen ja joukon kokoja, jotta puhelimesi, työpöytäsi ja julkaisusi sointuvat yhteen. Taustalla olevaan värien ajatteluun tutustut artikkeleissa [pastelliliukuvärit](https://gradiently.design/fi/guide/pastel-gradients) ja [väriteorian perusteet](https://gradiently.design/fi/guide/color-theory-basics). ## Mikä tekee taustasta aesthetic-tyylisen Katso tarkkaan taustoja, joita ihmiset tallentavat ja jakavat, niin samat piirteet toistuvat. Yksikään ei liity tiettyyn väriin: kyse on hillitsemisestä. - **Vähäinen kontrasti.** Värit ovat vaaleudeltaan lähellä toisiaan, joten mikään ei hyppää silmille. - **Pehmeät siirtymät.** Sävyvaihdokset ovat pitkiä ja vähittäisiä, ilman teräviä reunoja. - **Valonlähde.** Yksi alue on hieman kirkkaampi, kuin ikkunasta tuleva valo, mikä antaa alueelle syvyyttä. - **Pinta.** Hieno rake tai paperin karheus saa sen tuntumaan fyysiseltä eikä digitaaliselta. - **Tila.** Katsottavaa ei ole, ja juuri siksi tausta on hyvä kuvakkeiden, sanojen ja valokuvien takana. - Persikkausva: `linear-gradient(160deg, #fde2d4 0%, #f9c6c9 50%, #e8c5e5 100%)` - Salviaamu: `linear-gradient(180deg, #eef2e6 0%, #cfdcc4 55%, #a9bfa3 100%)` - Laventelihämärä: `linear-gradient(165deg, #e9e4ff 0%, #c9bdf2 50%, #9d8fd9 100%)` - Voinen valo: `radial-gradient(circle at 30% 20%, #fff6d6 0%, #fbe3a4 45%, #f2c78b 100%)` - Pilvensininen: `linear-gradient(180deg, #f3f7ff 0%, #d7e6fb 50%, #b9cfee 100%)` - Balettiroosa: `linear-gradient(180deg, #fff0f3 0%, #fbd3dc 55%, #f2aebf 100%)` - Dark academia: `linear-gradient(170deg, #4a3b33 0%, #2e241f 55%, #171210 100%)` - Keskiyön filmi: `radial-gradient(ellipse at 70% 20%, #3a3560 0%, #1c1a33 50%, #0d0c18 100%)` Kahdeksan aesthetic-taustaa yksittäisinä CSS-liukuväreinä. Jokaisessa värit pysyvät vaaleudeltaan lähellä toisiaan, ja juuri siksi ne ovat rauhallisia. Vaaleat ja tummat aesthetic-ilmeet noudattavat samoja sääntöjä käänteisesti. Vaaleissa jokainen väri pysyy vaaleana ja hieman syvempi sävy kerääntyy yhdelle reunalle. Tummissa kaikki pysyy syvänä ja yksi lämpimämpi tai kirkkaampi läiskä toimii valona, kuin lamppu hämärässä huoneessa. Tummat taustat tarvitsevat rakeisuutta vielä enemmän, koska raidoittuminen näkyy eniten varjoissa. Lisää artikkelissa [tummat liukuväritaustat](https://gradiently.design/fi/guide/dark-gradient-backgrounds). ## Näin teet oman aesthetic-taustan 1. **Valitse tunnelmasana** Yksi tai kaksi sanaa: *hidas sunnuntai*, *aamu meren äärellä*, *vanha kirjasto*. Tunnelmat johtavat paletteihin luotettavammin kuin värien nimet. 2. **Kerää kolme tai viisi väriä** Poimi ne valokuvasta, jossa on tuo tunnelma, tai rakenna käsin. Pidä ne vaaleudeltaan lähellä toisiaan ja lisää yksi hieman syvempi sävy. [Paletin poimiminen valokuvasta](https://gradiently.design/fi/guide/color-palette-from-image) näyttää miten. 3. **Valitse valon suunta** Päätä, mistä valo tulee, yleensä ylhäältä tai yläkulmasta. Aseta vaalein väri sinne ja anna muiden laskea siitä poispäin. 4. **Sekoita pehmeästi** Käytä pitkiä siirtymiä, joissa pysähdyskohdat ovat kaukana toisistaan, tai muutamaa päällekkäistä säteittäistä läiskää pehmeämpää, pilvimäistä aluetta varten. Vältä teräviä pysähdyskohtia. 5. **Lisää rakeisuutta** Hieman kohinaa koko kuvan päälle. Tarpeeksi tuntuakseen, ei niin paljon, että se näkyisi käsivarren mitan päästä. [Rakeiset liukuvärit](https://gradiently.design/fi/guide/grainy-gradients) selittää, miksi se toimii. 6. **Vie jokaiseen muotoon** Piirrä ilme uudelleen jokaiseen tarvitsemaasi kokoon sen sijaan, että rajaisit yhtä kuvaa, jotta valo pysyy oikeassa paikassa. - Pellava: #fbe9dd - Aprikoosimaito: #f4d3c2 - Ruususavi: #e9bfb4 - Pölyinen malva: #d7b8c9 - Syvyys: luumun varjo: #a88ca6 Työstetty paletti *hitaan sunnuntain* tunnelmaan: neljä läheistä, lämmintä sävyä ja yksi syvempi luumu, joka tuo reunoille syvyyttä. > **Miksi pehmeät taustat raidoittuvat** Lempeät liukuvärit läheisillä väreillä ovat juuri se paikka, jossa näytöt näyttävät raitoja, erityisesti tummissa sävyissä ja pakatuissa kuvissa. Rake peittää ne. Jos näet raitoja, lue [liukuvärien raidoittuminen](https://gradiently.design/fi/guide/gradient-banding). ## Aesthetic-taustat puhelimeen, työpöydälle ja julkaisuihin Oman tekemisessä on se hyvä puoli, että kaikki voi sointua yhteen. Tee yksi ilme ja vie se jokaiseen paikkaan, jossa se on. Puhelimet ovat korkeimpia: monet nykyiset näytöt ovat korkeampia kuin 9:16, joten vie puhelintausta lisäkorkeudella tai tarkista näyttösi tarkka koko artikkelin [puhelimen taustakuvan koko](https://gradiently.design/fi/guide/phone-wallpaper-size) mukaan. - Puhelimen tausta 1080×1920: 1080 × 1920 - Työpöytä 1920×1080: 1920 × 1080 - Julkaisu 1080×1350: 1080 × 1350 - Neliö 1080×1080: 1080 × 1080 Yksi ilme, neljä vientiä. Sijoita valo kutakin muotoa varten sen sijaan, että rajaisit yhtä kuvaa. Jokaisella muodolla on omat vilkkaat alueensa. Puhelimen lukitusnäytöllä kello on ylhäällä ja ilmoitukset keskellä. Työpöydällä kuvakkeet reunustavat yleensä yhtä reunaa. Julkaisussa sanat tarvitsevat rauhallisen alueen. Siirrä valonlähdettä niin, että alueen rauhallisin osa on näiden elementtien alla. Pystysuuntainen julkaisu, jossa lyhyt otsikko on pehmeällä, lämpimällä liukuvärillä Julkaisu aestheticista: sanat ovat rauhallisella yläalueella. Pystysuuntainen tarina, jossa lyhyt lainaus on samalla pehmeällä liukuvärillä kuin julkaisussa Sama ilme tarinana, piirrettynä korkeampaan muotoon eikä rajattuna. ## Ettei tausta näytä mitäänsanomattomalta Pehmeät pastelliliukuvärit ovat suosittuja, mikä tarkoittaa, että oletukset ovat kaikkialla. Muutama pieni valinta tekee omastasi tunnistettavasti sinun. ### Mitäänsanomaton - Kaksivärinen valmispohja generaattorista - Täysin sileä, ei pintaa - Tasaisesti valaistu kulmasta kulmaan - Eri ilme puhelimeen, työpöydälle ja julkaisuihin ### Sinun oma - Neljä tai viisi väriä omasta tunnelmastasi - Hieno rake, kuin filmi tai paperi - Yksi selvä valonlähde - Yksi ilme piirrettynä jokaiseen muotoon Jos haluat lähteä liikkeelle jostain jo valmiiksi taidolla tehdystä, Gradientlyn Markkinoilla on tuhansia Markeja, eläviä liukuväritaustoja, joissa on väriä, materiaalia, valoa, rakeisuutta ja liikettä. Voit hakea niitä väreihin viittaavilla sanoilla, kuten ”pehmeä persikka” tai ”syvä petrooli”, ja suunnitella niillä ilmaiseksi. Studio osaa sen jälkeen asetella saman ilmeen puhelimeesi, työpöydällesi ja julkaisuihisi. ## FAQ ### Mikä tekee taustasta aesthetic-tyylisen? Yleensä pehmeä, vähäkontrastinen paletti, lempeät siirtymät, yksi valonlähde ja hieman pintaa, kuten rakeisuutta. Ilmeen antaa hillitseminen, ei mikään tietty väri. ### Miten teen aesthetic-taustakuvan puhelimeeni? Valitse kolme tai viisi läheistä väriä, sekoita ne pehmeästi valo ylhäällä, lisää hieno rake ja vie korkeana kokona, lisäkorkeudella puhelimille, jotka ovat 9:16:ta korkeampia. ### Mitkä värit ovat aesthetic? Mitkä tahansa värit voivat olla, jos ne ovat vaaleudeltaan ja kylläisyydeltään lähellä toisiaan. Suosittuja ryhmiä ovat persikka ja ruusu, salvia ja kerma, laventeli ja harmaansininen sekä syvät ruskeat tummempiin tunnelmiin. ### Miksi pehmeässä taustassani on raitoja? Läheisten värien sileät liukuvärit raidoittuvat monilla näytöillä, erityisesti pakkaamisen jälkeen. Hieno rake ja korkealaatuinen vienti peittävät sen yleensä.