Successfully reported this slideshow.

Spbl Fö1 Datorgrafik I

398 views

Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Spbl Fö1 Datorgrafik I

  1. 1. SP:BL Fö 1 Datorgrafik I Gunnar Wettergren [email_address]
  2. 2. Agenda <ul><li>Teori </li></ul><ul><ul><li>Vad är en bild? </li></ul></ul><ul><ul><li>Vektorer / Pixlar </li></ul></ul><ul><ul><li>En bilds uppbyggnad </li></ul></ul><ul><ul><li>Digitalisering och teori </li></ul></ul><ul><ul><li>Färger i datavärlden </li></ul></ul><ul><li>Praktik med Lars </li></ul><ul><ul><li>Grunder i Photoshop </li></ul></ul>
  3. 3. Källor <ul><li>Digitala bilder kommer från många olika världar </li></ul><ul><ul><li>Existerar i den fysiska världen och digitaliseras </li></ul></ul><ul><ul><li>Digital kamera / Frame grabber </li></ul></ul><ul><ul><li>Skapas i den ”virtuella” världen </li></ul></ul><ul><ul><li>Vi begränsas ofta av begränsningar i olika delar av processen </li></ul></ul>
  4. 4. Vektorgrafik & Bitmappar <ul><li>Visandet av bilder styrs i vår värld av datorprogram </li></ul><ul><li>En monitor visar bilder genom en array av pixlar där färgen ändras för att visa olika bilder eller mönster </li></ul><ul><li>Vektor – Matematiska formler </li></ul><ul><li>Bitmap – Array av pixlar </li></ul>
  5. 5. Bitmap <ul><li>Består av hundratals rader och kolumner med pixlar i </li></ul><ul><li>Bilden är förstorad 250% </li></ul><ul><li>Antalet pixlar du skall använda beror på användningsområdet </li></ul>
  6. 6. Typer av bitmaps <ul><li>Linjegrafik </li></ul><ul><li>Gråskalebilder </li></ul><ul><li>Multitoner </li></ul><ul><li>Fullfärgsbilder </li></ul>2 färger Svart och vitt Gråskalor + svart & vitt Två eller flera färger. Oftast en svart RGB, CMYK
  7. 7. Lagring av en bitmap <ul><li>Information om varje pixel måste sparas </li></ul><ul><li>I varje ruta beskrivs färgen på den pixeln </li></ul><ul><li>Tar väldigt stor plats </li></ul>
  8. 8. Filformat <ul><li>BMP - Bitmap </li></ul><ul><li>GIF – Graphics Interchange Format (Bitmap) </li></ul><ul><li>JPEG – Joint Photographic experts group </li></ul><ul><li>PDF </li></ul><ul><li>PICT – Mac, Bitmap och vector </li></ul><ul><li>TIFF – Container format. T.ex JPEG </li></ul>
  9. 9. Vektorgrafik <ul><li>Använder matematiska formler för att lagra vilka figurer som bilden innehåller </li></ul><ul><li>Sparar minimalt med information om figuren med hjälp av Bezier kurvor </li></ul>
  10. 10. Vektorgrafik II <ul><li>Samma cirkel kan dras genom att veta 4 punkter </li></ul>
  11. 11. Bezier kurvor <ul><li>Linjär </li></ul><ul><li>Generaliserad formel </li></ul>
  12. 12. Vad Karakteriserar vektorgrafik? <ul><li>Kan skalas utan kvalitetsförlust </li></ul><ul><li>Mindre filstorlekar </li></ul><ul><li>Tunna linjer kan försvinna när en bil skalas ner för mycket </li></ul><ul><li>Små fel blir synliga vid förstoring </li></ul><ul><li>EPS, PDF, PICT </li></ul>
  13. 13. Färger <ul><li>Ögat kan uppfatta våglängder mellan 380-700 nanometer. Mer känt som ljus </li></ul><ul><li>Ögat har 3 st receptorer eller typer av koner som uppfattar ljus Röd, blå, grön </li></ul><ul><li>Adderande färger – Primära färger Röd, Grön, Blå </li></ul><ul><li>Subtraherande färger – Primärar färger cyan, Magenta, Gul(Yellow) </li></ul>
  14. 14. RGB , CMY(k)

×