Opgaver til kap. 7 og lidt 8


Supplerende materiale:  Ibog fra Systime kap. 8 (den har I ikke adgang til mere, men jag har kopieret lidt)  Introduktion til grafisk design. PP på engelsk   https://kuler.adobe.com/create/color-wheel/

Spørgsmål og små opgaver: Lidt supplerende - evt. forklaringer
0. Find et billede på din PC og zoom ind, så du kan se opdelingen i pix.

1. Forklar RBG-farvesystemet, der bruges på fx. computer- skærmen. Kig på  https://kuler.adobe.com/create/color-wheel/ for at få en forståelse af systemet. Der kan I se, hvilket tal mellem 0 og 255 hver farve har. I kan også se det "omregnet" til en hexadecimalt tal. Leg med farvehjulet og se hvordan tallene skifter. Hvorfor får du brug for det, når du skal til at designe websites? Hvordan får du farverne overflyttet til din web?

2. Hvad betyder farvedybde? - (brug Wiki..læs om farvedybde, det er en god artikel)

3. Lav en wp-side eller brug et alternativ. Indsæt 2 nissepiger og 2 nissedrenge i rødlige nuancer. Angiv RBG-koden under hver nisse. Farverne er fundet på https://kuler.adobe.com/create/color-wheel/

4. Hvad er CMYK-farvesystemet? (uddyb http://da.wikipedia.org/wiki/CMYK )

5. Hvad er så grafik-formater? (inddrag oversigten i Bogen side 126) Prøv og gem det samme billede i 3 forskellige formater. Fx. Bassemand nedenfor

6. Hvordan kan man beskrive billedkvalitet? Kig også på kolonnen til højre -------------------------------------------->

7. Hvordan fungerer en farveprinter? Kig her Udprint af grafik (fra Ibog kap. 8.1.6)

8. Hvad er vektorgrafik? Kig også her Vektorgrafik (fra Ibog kap. 8.15).
Brug Gimp. Lav et nyt lille logo (2*2cm)  til Knord i vektorgrammet og GIMP. Forstør logoet 25 gange og sammenlign resultatet. Brugervejledning til GIMP Vejledning til GIMP.pdf

9. Overholder Knords http://www.knord.dk/ website regler for anvendelse af:

a. Typografi. Hvilken er den primære typografi, er den god, understøtter den budskabet, hvad det så end er?

b. Farver (kig fx. på side 120). I skal tænke på, det er en uddannelsesinstitution

c. Gestaltlove -figur 8.3 side 136? kom med eksempler

10. Prøv billedredigering med GIMP eller et andet program. Erstat Bassemand med en kattekilling og lav baggrunden om til stribet tapet.

11. Hvordan kan man komprimere billeder, så de fylder mindre, men ikke forringes -------------------->

RGB-farvesystemet er farvet lys: rød, grøn og blå er til skærmen og kan ikke gengives på tryk. Det siger jo sig selv, da det er farvet lys. Det kan man ikke trykke på papir. En almindelig skærm i dag kan faktisk vise de 16 mio. forskellige farver. 24-bit-billeder lagres typisk som tre “ens-farvede lag” – et rødt lag, et grønt lag og et blåt lag. Hvert “ensfarvet” lag fylder som et selvstændigt 8-bit billede

CMYK-systemet er til print.  4-farve tryk er ikke så godt igen, der findes dog bedre systemer, der bruges til eksklusive tryk. I trykkeprocessen overføres RBG farver til det ringere CMYK-system inden trykning.

Hvis fx. et billede eller en webside fylder 800 * 1200 px, så fylder det ikke hele skærmen ud, hvis skærmen er på 1200 * 1600 px.

Grafik-formater er det filformat, man vælger at gemme et billede i:

JPG (ofte billeder på nettet - online)
TIFF (ofte til offline brug - ikke på internettet, det fylder for meget)
PNG (ofte til offline brug - ikke på internettet)
GIFF (online brug – bruges til grafik)

Når man fx har et 8 mb. (8 mill. – lgd. * bredde i antal pix) pix. kamera, bliver det reelt komprimeret, når det gemmes i fx JPG, så det fylder noget mindre

Der er flere måder at referere til billedkvaliteten: I alt – altså længde * bredde eller pr. inch

Hvis antal pix. pr. inch stiger vil billedet blive mindre – man kan ændre på resolutionstallet i Photoshop, så kan man tydeligt se, hvad der sker.

I vektorgrafik angives linier, figurer m.m. ved matematiske formler. Derfor er det ikke selve grafikken, der lagres, men opskriften på, hvordan den dannes. Derfor fylder det ikke så meget på computeren med mindre det er et billede, men så vil man IKKE vælge vektorgrafik (fx. Adope Illustrator eller Microsoft Visio). Hvis man forstørrer en figur dannes figuren fuldstændigt identisk, hvis der er anvendt vektorgrafik

Her er brands lavet i vektorgrafik http://www.brandsoftheworld.com/ Logoerne på firmaernes hjemmesider er typisk i bitmap-format og kan derfor ikke ændres meget uden at de ændrer sig

http://coolhomepages.com/ godt sted at finde inspiration til websitets design

http://thenounproject.com/#da/?&_suid=134866044468902732084918181606 kan inspirere til små piktogrammer

Tabsfri komprimering af grafik (fra Ibog kap. 8.1.7) for tabsfri komprimering af billeder

 

Bassemand sommeren 2006 - hvilken race?