Billedbehandling

Indhold af guiden

I denne guide vil vi anvende GIMP til at arbejde med billeder og Inkscape til at arbejde med illustrationer. Begge programmer er opensource og give mulighed for at skabe billeder og illustrationer der passer til det projekt man arbejder med.

Noget om digitale billede
  • Pixel og vektorbaseret
  • Billedstørrelse
  • DPI/PPI
GIMP
  • Beskæring
  • Justere farver, mørke og lyse toner
  • Ændre på detaljer
  • Tilføje effekter
Inkscape
  • Lave bokse
  • Indsætte tekst
  • Arbejde med grid og hjælpelinier

Noget om digitale billede

Når man taler om digitale billeder er der to grundlæggende begreber vi anvender: Størrelse og filformat.

Pixel og vektorbaseret

Når man taler om billeder kan de enten være pixel eller vektorbaserede. Forskellen mellem dem er, at pixelbaserede billeder har hver eneste pixel definere, hvor et vektorbaseret er baseret på punkt hvor der sker noget imellem. Det betyder f.eks. at en linie der er 100 px lang kun vil have de to yderste pixels defineret og den måde de skal forbindes.

Herunder er der vist forstørrede udsnit af de tre mest anvendte billedformater: jpg, png og svg

For at vise forskellen kan du sammenlighe to udsnit af HTML5 logoet Original billede

Udsnit af HTML5 logo i pixelformat (jpg)

Udsnit af HTML5 logo i vektorformat (svg)

Billedsstørrelse

Et digital billedes størrelse angives i antallet af pixels der er på billedets bredde og højde, f.eks: 1920x1080.

Hver af disse pixels har angivet en RGB-farveværdi (Red Green Blue).

DPI/PPI

To andre begreber man også støder ind i er DPI (Dots Per Inch) og PPI (Pixels Per Inch). Disse to begreber bruges til henholdsvis print- og skærmoutput, og beskriver hvor fin opløsningen er per inch (2,54cm). Så længe man arbejder digitalt skal man ikke bekymre sig om disse begreber, men laver man billeder til print, så kan en høj DPI give flere detaljer i billederne.

Filformater

I langt de fleste sammenhænge anvender man 3 forskellige formater:

  • jpg - til billeder med mange farver (pixel)
  • png - til billeder med få farver (pixel)
  • svg - til illustrationer (vektor)

jpg og png

jpg og png anvendes til almindelige billeder. Generelt bør du altid anvende jpg medmindre:

  • Små detaljer er meget vigtige
  • Du skal bruge transparent baggrund
  • Billedets detaljer ikke skal ødelægges af komprimering
  • Det ikke er det endelige billede (der skal laves mere ved billedet)
  • Det er en grafisk illustration

Ulempen ved png fremfor jpg er, at png fylder en del mere - fordelen er at billedet ikke bliver ændret (ødelagt?) af komprimering.

jpg og png bearbejdes i GIMP'en'

svg

Skal du lave en illustration bør du arbejde i svg, for at opnå det bedst mulige resulatet. Kan du ikke anvende billedet i svg-format skal du gemme det som png, og i en 2-3 gange større pixelopløsning end du skal anvende den. Så får du det bedst mulige resultat.

Gimp

Du kan finde en gimp guide her: gimp_guide.html

Inkscape