1. Første ting først, la oss lage et nytt Gimp dokument.
Klikk Fil
, velger du Ny ...
(Ctrl + N for en tastatursnarvei)
Sett begge, image Bredde og Høyde til 300
px
Anbefales også:..
Fake gradient hjemmeside bakgrunn ved hjelp av Photoshop
2. Nå må du åpne et bilde du vil gjøre om til en gradient. Bilder av natur som horisonten etter min mening fungerer best, men du kan eksperimentere med alle slags bilde du liker.
Klikk File Hotell og velg Åpne ...
(Ctrl + O for en tastatursnarvei).
Trykk på Ctrl + A
å velge fotografiet deretter Ctrl + C
å kopiere det merkede området.

Anbefales også:
Hvordan Google for bilder du kan bruke fritt
3. Gå tilbake til det første dokumentet, klikker du på det og trykk på Ctrl + V
å lime bildet ditt.
4. Som det mest sannsynlig ikke får plass i 300x300px dokument, må vi endre størrelsen.
Velg Scale Tool
.
5. Klikk bildet du limte å aktivere skaleringsalternativer
nå endre størrelse og flytte bildet slik at det vil passe inn i dokumentet
Tips:.. Hold Ctrl-tasten mens du endrer størrelsen hvis du vil beholde bildet proporsjonal .
vil flytte photo klikk i midten av det og dra det dit du vil den skal være.
Trykk på Enter
når du er ferdig.
6. La oss nå lage den falske gradient effekt.
I menyen klikk Filter
, Blur Hotell og velg Gaussian Blur ...


Sett Horisontal og Vertikal Blur Radius til om 80
px og klikk OK
.
Målet er uklart bildet på en måte det vil fremstå som en gradient.
7. Dette er hvordan min falske gradient endte opp som ser ut som.
8. Alt vi trenger å gjøre nå er å redde den.
I menyen klikk File Hotell og velg Export ...

I Export dialogvinduet, skriver du inn navnet på den nye falske gradient bakgrunn, velger du JPEG-bilde
som en filtype (se bilde) og klikk Eksporter
.
9. I det nye dialogvinduet åpner Avanserte alternativer
og aktiver Optimize Hotell og Progressive
alternativer.
Hvis du lagrer et bilde med en Progressiv alternativet aktivert så når du setter som bilde på en nettside, vil det belaste progressivt. Avhengig av Internett-tilkobling, vil det først laste en svært lav kvalitet versjonen, deretter en bedre en, og på slutten den opprinnelige høy kvalitet versjon av bildet.
10. Angi kvaliteten til om 80 Hotell og klikk Eksporter
.
11. Det er det, en falsk gradient bilde for nettstedet bakgrunnen er klar til å bli brukt.
Hvis du ser på mitt bakgrunnsbilde info i Windows Utforsker du kan se det er bare 3,41 KB lite som er flott å redusere nettstedet lasting ganger
Lær hvordan du bruker bakgrunnsbildet på en webside.

En falsk gradient nettside bakgrunn med CSS
<