Slik endrer du fargene på et bilde for HTML5 og CSS3-siden

Ofte får du et bilde som er flott for HTML5 og CSS3-siden, men ikke riktig farge. For eksempel kan det hende du vil endre fargen på en persons klær, eller få del av en logo som passer til fargeskjemaet for resten av nettstedet ditt. Gimp gjør denne effekten ganske enkel:

1. Legg inn startbildet ditt i Gimp og foreta eventuelle andre tilpasninger du ønsker det opprinnelige bildet.

2. Bruk Fuzzy Select-verktøyet til å velge delen du vil endre.

   Du må kanskje bruke Shift-tasten for å legge til flere varianter av fargen til utvalget.

3. Bruk Kopier-kommandoen (Ctrl + C) for å kopiere delen av bildet du nettopp har valgt.

4. Bruk Paste-kommandoen (Ctrl + V) til å lime inn det valgte området i et nytt lag.

   Det limte området går som standard til et nytt "pseudo-lag". I panelet Lag ser du et lag som heter Floating Selection - Pasted Layer. Klikk på New Layer-knappen, og du vil opprette et nytt lag som bare inneholder delen du trenger.

5. Fargelys det nye laget ved å bruke Colorize-filteret (Farger → Fargelegge).

   Spill med fargeskjørene til du får fargen du vil ha. Fordi du har gjort endringene i et nytt lag, kan du alltid fjerne eller skjule laget for å gå tilbake til originalen. (Eller har flere forskjellige fargelag slik at du kan spille med ulike alternativer.)

Her er et eksempel på denne teknikken ved å bruke et bilde av et glass appelsinjuice av Graur Razvan Ionut funnet på FreeDigitalPhotos. nett. Det opprinnelige bildet inneholdt bare bildet av appelsinjuice, men juice glasset ble duplisert og fargen på det andre glasset endret til å ligne kaffe.