les 2 - KdG social objects

1. Social Objects II
Beeld

2. Inhoud
• Licht en kleur
• Kleurruimtes
• Beeldvorming: vector/bitmap
• Rechten

3. WAT IS KLEUR?
WAT IS LICHT?

4. Kleur
• Kleur is eigenschap van licht
• Golflengtes (750nm – 400nm)
• Breking door prisma

5. spectrum
• http://youtu.be/9eEyTw4wylk

6. Pink Floyd

7. spectrum
• ''Roddelen over gekke grote broer is vals.''

8. Andere vormen van prisma’s
• Regendruppels
• Regenboog

9. Perceptie van kleuren
• Psychologische waarde
• Ishihara-test

14. Belang van kleuren
• Leeftijd
• Geslacht
• Afkomst/traditie
• Kleurenblindheid
• => TEST ontwerp !!

15. KLEURRUIMTES

17. Vraag
• Meng Rood met Blauw= ??

18. Reproductie
• Beeldscherm vs drukwerk
• 2 kleurenruimtes

19. RGB

20. CMY -K

23. Kleurwaarden
• RGB = 8 bit = 28 = 256 waarden
– R, G, B: 0-255
• CMYK = 8 bit
– C,M,Y,K: 0-100%
• Webcolours: hexadecimaal
– R,G,B: #00-ff
– http://www.w3schools.com/html/html_colors.asp

24. Pantone

25. Andere kleurruimtes
• sRGB
• Adobe RGB
• …
• => start steeds met GROOTSTE kleurenruimte
maar beslis per medium*

27. Kleuren kiezen
• Color picker: http://www.colorpicker.com
• Kuler: Adobe site: kuler.adobe.com
• Color lovers: http://www.colourlovers.com
• Color scheme designer:
http://colorschemedesigner.com

28. Besluit
• Mensen hebben beperkingen
• Kleuren hebben beperkingen
• Media hebben beperkingen
– Vroeger websafe colors – niet meer nodig
• WEES CREATIEF !

29. BEELDVORMING

30. Bitmap
• 1 Bit= 0 of 1, 21
• Raster of Bitmap, pixel
• Voorbeelden
– Digitale camera
– Scanner
• Meer pixels = betere kwaliteit *

32. Kleurdiepte
• Wat is n-bit ?
– 1 bit-afbeelding: 0 I -2 mogelijkheden / zwart of wit
– 2 bits : 22 - 4 mogelijkheden 00 II 0I I0
– 8 bits-afbeelding : 28 - 256 grijswaarden of kleuren
– 16 bits-afbeelding: 216 - 65.536 kleuren
– 24 bit: 224 - 16,7 miljoen mogelijkheden (kleuren)

33. Pixels
• 640x480: web beelden, e-mail
• 1216x912: "megapixel” - 1,109,000 pixels - Print
• 1600x1200: 2m pixels "high resolution” - foto
• 2240x1680: in 4 megapixel cameras
• 4064x2704: 11.1 megapixel – high end

34. Resolutie
• Aantal pixel binnen bepaalde opp
= maat van detail
Vb 200dpi = 200 pixels per inch
• Voorbeeld
– Vergroot & verkleinen van beelden
• scherm (72dpi) vs drukwerk (300dpi)

35. Verkleinen / vergroten
• Photoshop image
– Van 72dpi naar 300dpi ?
– Van 300dpi naar 72dpi ?

36. Hoe drukwerk aanleveren
• Instellingen programma’s: kleurenruimtes
• Kleurdekking: max 270 % !!
• Acrobat 4 (PDF 1.3) = PDF X1a:2001
• Preflighten ! (adobe professional)

37. Kleurinstellingen (photoshop)

38. Bestandsvormen
• JPEG, JPEG 2000, JPEG XR, Lossless, JPEG, JBIG,
JBIG2, PNG, TIFF/EP, TIFF/IT
• Andere:
APNG, BMP, DjVu, EXR, GIF, ICER, ILBM, MNG,
PCX, PGF, TGA, QTVR, TIFF, WBMP, WebP

39. Bitmap Programma’s
• Adobe Photoshop
• PIXLR - http://pixlr.com
• Photoshop online
• GIMP - gimp.org
• …

40. Vector
• Basis: punt, lijn, krommen, …
• Resolutie onafhankelijk *
• Niet geschikt voor foto’s *

41. Vector vs raster

42. Programma’s
• Adobe Illustrator, Coreldraw, Conceptdraw,
Flash
• opensource:
– Inkscape
– Scribus

43. Vectoriseren van Bitmap
• Logo vanuit bitmap omzetten
– hertekenen
– live trace

44. BEELDBANKEN

45. Beeldbanken
• Getty images
• Imagebank.ie
• Istockphoto.com
• Shutterstock

46. Gebruik
• Niet alle fotos mogen voor alles gebruikt
worden !!
– Editorial use
– Commercial use
• LEES LICENTIEOVEREENKOMST