# Instagram-tarinan tausta: enemmän kuin tasainen väri

[Canonical HTML page](https://gradiently.design/fi/guide/instagram-story-background)

Useimmat tarinat käyttävät samaa tasaista väriä sovelluksen valitsimesta. Parempi tausta vie minuutin lisää ja tekee jokaisesta ruudusta tunnistettavasti omasi.

## The short version

- Instagram-tarinan tausta täyttää koko 1080×1920-kuvan, joten se on suurin osa jokaisen ruudun näkyvästä sisällöstä.
- Instagramin omat työkalut tarjoavat tasaisia värejä ja muutamia liukuvärejä, minkä vuoksi niin monet tarinat muistuttavat toisiaan.
- Rakeiset liukuvärit, kaksisävykuvat, pehmeät sumennukset, paperitekstuurit ja hitaat liikesilmukat tekevät paremman tarinataustan kuin pelkkä väri.
- Parhaat tarinataustat ovat rauhallisia sanojen ja tarrojen kohdalla, yleensä 250 ylimmän ja alimman pikselin välisellä keskikaistaleella.
- Yksi taustaperhe kaikissa tarinoissa ja kohokohtien kansissa tekee tilistä tunnistettavan silmäyksellä.

Paras **Instagram-tarinan tausta** ei ole sovelluksen valitsimen tasainen väri vaan hieman syvyyttä sisältävä tausta: rakeinen liukuväri, kaksisävykuva, pehmeä sumennus tai hidas silmukka. Pidä se keskeltä rauhallisena sanoille ja tarroille. Tarina täyttää koko 1080×1920-alueen, joten tausta on suurin osa siitä, mitä nähdään. Jos valitset saman tasaisen pinkin kuin kaikki muut, tarina näyttää muiden tarinoilta. Alla on kahdeksan kokeiltavaa ideaa, niiden toteutus ja tapa säilyttää päällä olevien sanojen luettavuus.

## Tarinan taustavärin vaihtaminen sovelluksessa

Ensin nopea korjaus, jota useimmat etsivät. Instagramissa ei ole valokuvatarinoille yhtä taustapainiketta, mutta piirtotyökalu voi täyttää kuvan värillä.

1. **Avaa piirtotyökalu** Lisää valokuva tai aloita tarina ja avaa piirtotyökalu eli kiemurakuvake. Se voi olla kolmen pisteen valikossa.
2. **Valitse väri** Valitse väririvistä tai paina väriä pitkään avataksesi koko valikoiman. Pipetti poimii värin valokuvastasi. Valikot vaihtuvat sovellusversioiden välillä, joten tarkista Instagramin ohje, jos omasi näyttää erilaiselta.
3. **Paina näyttöä pitkään** Pidä sormea kuvan päällä hetki, niin kuva täyttyy valitulla värillä.
4. **Paljasta osia pyyhekumilla** Paljasta alla olevaa kuvaa pyyhekumilla ikkunan tai kehyksen kaltaiseksi.

Pelkkään tekstiin tarkoitettu Luo-tila tarjoaa myös muutaman valmiin liukuvärin. Molemmat sopivat nopeaan päivitykseen, mutta kaikilla muilla on täsmälleen samat. Tee säännöllisesti julkaistavan sisällön tausta ennen sovelluksen avaamista.

## Kahdeksan Instagram-tarinan taustaideaa

- 1. Valaistu liukuväri: `radial-gradient(circle at 70% 25%, #f9a8d4 0%, #be185d 40%, #3b0a24 85%)`
- 2. Hämärä taivas: `linear-gradient(180deg, #1e3a5f 0%, #3b6e8f 50%, #f2c38b 100%)`
- 3. Lämmin paperi: `linear-gradient(180deg, #f5efe6 0%, #ede3d3 100%)`
- 4. Yön tumma pohja: `radial-gradient(circle at 50% 50%, #312e81 0%, #0b0a1f 75%)`
- 5. Sinivihreä ja kulta kaksisävyinä: `linear-gradient(160deg, #0f766e 0%, #134e4a 45%, #fde68a 100%)`
- 6. Pehmeä pyörre: `conic-gradient(from 210deg at 60% 40%, #fb923c, #f472b6, #a78bfa, #fb923c)`
- 7. Jaettu kenttä: `linear-gradient(90deg, #14532d 0%, #14532d 50%, #fef3c7 50%, #fef3c7 100%)`
- 8. Matala aurinko: `radial-gradient(ellipse at 50% 100%, #fcd34d 0%, #ea580c 35%, #431407 80%)`

Kahdeksan lähtökohtaa. Jokaisessa on rauhallisempi alue sanoille: tumma reuna, vaalea yläosa tai jaetun kentän puolikas.

1. **Valaistu liukuväri.** Syvä pohja ja yksi kirkas väriläikkä kulmassa. Sijoita sanat syvän alueen päälle. Lisää hienoa raetta, jotta Instagramin pakkaus ei juovita taustaa. [Rakeiset liukuvärit](https://gradiently.design/fi/guide/grainy-gradients) näyttää miten.
2. **Hämärä taivas.** Syvästä vaaleaan liukuva pystyväri sopii korkeaan muotoon ja tuntuu rauhalliselta. Otsikko syvään yläpuoliskoon.
3. **Lämmin paperi.** Murrettu valkoinen hienolla tekstuurilla tuntuu toimitukselliselta ja painetulta. Tumma muste, väljät marginaalit.
4. **Yön tumma pohja.** Lähes musta, keskellä hento värillinen hohde. Vaalea teksti, hyvin arvokas ilme, sopii ilmoituksiin.
5. **Kaksisävykuva.** Mikä tahansa kuva muunnettuna kahteen omaan väriisi. Se säilyttää kuvan tunnelman ilman sen sekavuutta. Katso [kaksisävykuvat](https://gradiently.design/fi/guide/photo-duotone-in-mark-colours).
6. **Pehmeä pyörre.** Sumennettu kartioliukuväri leikkisille brändeille. Pidä se pehmeänä, muuten tekstille ei ole rauhallista paikkaa.
7. **Jaettu kenttä.** Kaksi tasaista väriä selvästi jaettuina. Sanat toiselle puolelle, tuote tai valokuva toiselle.
8. **Matala aurinko.** Lämmin valo nousee alareunasta, jossa Instagramin vastauspalkki jo on. Yläosa pysyy tummana ja rauhallisena sanoille.

## Pidä tausta rauhallisena sanojen kohdalla

Tarinan päällä on kaksi käyttöliittymäkerrosta: Instagramin oma palkki, nimi ja vastauskenttä ylhäällä ja alhaalla sekä lisäämäsi tarrat, linkit ja kyselyt. Sanoille jää keskikaistale noin 250 ylimmän ja alimman pikselin väliin. Taustan pitää olla rauhallisimmillaan siellä. [Instagram-tarinan koko](https://gradiently.design/fi/guide/instagram-story-size) kertoo tarkat alueet.

Pystytarina, jonka otsikko on liukuvärin vilkkaimmalla kirkkaalla alueella ja vaikea lukea

Taustan kirkkain ja vilkkain osa osuu otsikon taakse.

Sama pystytarina, jossa rauhallisempi ja syvempi liukuvärialue on otsikon takana

Sama tausta, jonka rauhallinen ja korkeakontrastinen alue on siirretty sanojen taakse.

Gradiently tekee jälkimmäisen kuvan automaattisesti. Mark tietää sanojesi sijainnin: sen rauhallisin ja parhaiten kontrastoiva alue siirtyy tekstin taakse. Automaattinen muste valitsee jokaiselle riville vaalean tai tumman tekstin Markin omasta paletista. Ei laatikoita eikä varjoja. Manuaalinen menetelmä mille tahansa liukuvärille löytyy oppaasta [teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient).

## Liikkuvat tarinataustat

Paikallaan olevien sanojen alla hitaasti liikkuva tausta herättää huomion staattisten tarinoiden rivissä. Pidä liike lempeänä ja sanat paikallaan. Tee silmukasta saumaton ilman näkyvää hyppäystä. Vie se 1080×1920-videona, jotta Instagramilla ei ole skaalattavaa. [Animoidut Instagram-tarinat](https://gradiently.design/fi/guide/animated-instagram-story) käsittelee ajoitusta ja tiedostoasetuksia.

Pystysuuntainen lähtölaskentatarina Ovet aukeavat 3 päivän päästä hitaaseen silmukkaan suunnitellulla liukuväritaustalla

Lähtölaskentatarina, jonka tausta liikkuu hitaasti ja sanat pysyvät paikallaan. Lyhyenä videosilmukkana se erottuu valokuvatarinoista.

## Yksi taustaperhe joka tarinaan

Tarinaympyröiden rivissä tunnistettavat tilit käyttävät samaa taustaperhettä toistuvasti. Valitse yllä olevista yksi tai kaksi ideaa omissa väreissäsi ja pidä ne kuukausia. Vaihtele sanoja, valokuvia ja sommittelua. Säilytä tausta. Saman perheen kohokohtien kannet viimeistelevät profiilin.

### Unohtuva

- Eri valitsimen väri joka päivä
- Sovelluksen liukuvärit, joita kaikki käyttävät
- Vilkkaat valokuvat valkoisen tekstin takana
- Sanat kirkkaimmassa kohdassa
- Kohokohtien kannet satunnaisissa tyyleissä

### Tunnistettava

- Yksi tai kaksi taustaa omissa väreissäsi
- Rae, paperi tai kaksisävyisyys tuo syvyyttä
- Rauhalliset alueet sanojen kohdalla
- Kontrasti tarkistettu oikealla puhelimella
- Saman perheen kohokohtien kannet

Tarinapohjat auttavat myös tässä: aloita pohjasta, vaihda oma taustasi ja tallenna. Jokainen tuleva tarina alkaa yhtenäisenä. [Instagram-tarinapohjat](https://gradiently.design/fi/guide/instagram-story-templates) ja [Instagram-tarinaideat](https://gradiently.design/fi/guide/instagram-story-design) antavat sommitteluja taustan päälle.

## FAQ

### Miten vaihdan Instagram-tarinani taustavärin?

Avaa piirtotyökalu, valitse väri ja paina näyttöä pitkään mistä tahansa täyttääksesi kuvan. Paljasta alla olevan valokuvan osia pyyhekumilla.

### Minkä kokoinen Instagram-tarinan tausta on?

1080×1920 pikseliä, 9:16-pystymuoto. Pidä sanat poissa noin 250 ylimmästä ja alimmasta pikselistä.

### Miten teen tyylikkään Instagram-tarinan taustan?

Käytä liukuväriä syvällä pohjalla ja yhdellä valaistulla värillä. Lisää hienoa raetta ja pidä sanoille rauhallinen alue. Lämmin paperi ja kaksisävykuvat toimivat myös hyvin.

### Voinko käyttää Instagram-tarinassa liikkuvaa taustaa?

Kyllä. Vie hidas silmukka 1080×1920-videona, pidä sanat paikallaan ja varmista, että silmukka yhdistyy ilman hyppäystä.

### Miksi tarinani liukuväritausta näyttää raidalliselta?

Instagram pakkaa lataukset, mikä muuttaa tasaiset liukuvärit näkyviksi juoviksi. Lisää hienoa raetta ja lataa PNG tai laadukas video.