1. Første ting først, la oss lage en ny Photoshop-dokument.
Klikk Fil
, velger du Ny ...
(Ctrl + N for . en tastatursnarvei)
Sett begge, image Bredde og Høyde til 300
px og klikk OK
også anbefales.

Fake gradient hjemmeside bakgrunnen ved hjelp av Gimp
2. Nå må du hente bildet 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 Place ...

nå endre størrelse og flytte bildet slik at det passer din dokumentet
Tips:.. Hold Skift-tasten mens du endrer størrelsen hvis du vil beholde bildet proporsjonal
Trykk på Enter
når det gjøres
også anbefales.
Hvordan Google for bilder kan du fritt bruke
3. Denne bedriften grunnlag bilde for mitt falske gradient hjemmeside bakgrunn.
4. La oss lage en gradient ut av det.
I menyen klikk Filter
, Blur Hotell og velg Gaussian Blur ...

Set Radius til om 70
px og klikk OK
.
Målet er uklart bildet på en måte det vil vises som en gradient.
5. Se, min falske gradient bilde vi kan bruke som et nettsted bakgrunn er ferdig, eneste venstre gjøre nå er å lagre det på riktig måte.
6. I menyen klikk File Hotell og velg Save for Web & Enheter ...
Lagre den som JPEG
, aktiver Progressive
alternativ og sette Kvalitet til om 80 plakater (se bilde ).
Hvis du lagrer et bilde med en progressiv alternativ 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.
7. Observer bildestørrelsen som du øker eller redusere bildekvaliteten. Du ønsker å gå for så lite bildestørrelsen som mulig, så da satt på nettet den laster så raskt som mulig. Men på samme tid, trenger du ikke ønsker å miste bildekvalitet.
Når du er ferdig, klikk Lagre Hotell og lagre bildet på datamaskinen.
Lær hvordan å bruke bakgrunnsbildet på en webside:
En falsk gradient nettside bakgrunn med CSS