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 billedeNår man taler om digitale billeder er der to grundlæggende begreber vi anvender: Størrelse og filformat.
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
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).
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.
I langt de fleste sammenhænge anvender man 3 forskellige formater:
jpg og png anvendes til almindelige billeder. Generelt bør du altid anvende jpg medmindre:
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'
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.
Du kan finde en gimp guide her: gimp_guide.html