1 arvutigraafika loeng 1
TRANSCRIPT
![Page 1: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/1.jpg)
Arvutigraafika loeng 1
Vektor- ja rastergraafika
![Page 2: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/2.jpg)
Arvutigraafika mõiste
• Arvutigraafika on objektide, geomeetriliste kujundite konstrueerimine, muutmine, kuvamine ja töötlemine arvutis
![Page 3: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/3.jpg)
• Mõiste „arvutigraafika“ tekkis üldse aastal 1960 William Fetteri, Boeingi disaineri poolt. Arvutigraafika ala hakkas arenema graafikaga tegeleva riistvara ilmnemise tõttu.
Esimene arvutimäng maailmas - Spacewar!
![Page 4: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/4.jpg)
Milliseid liike on olemas?
• Rastergraafika• Vektorgraafika• 2D graafika = pinnaline• 3D graafika = ruumiline• Animatsioon• Ascii = tähekunst, arvutifännide
mängumaa
![Page 5: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/5.jpg)
RASTERGRAAFIKA
![Page 6: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/6.jpg)
Millest tuleb sõna PICTURE
• Sõna Picture tähendab pilti• Pilt koosneb pikselitest• Piksel on väike punktike, millel on oma
värv ja on üksikult töödeldav
![Page 7: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/7.jpg)
![Page 8: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/8.jpg)
Raster- ja vektorgraafika
• Rastergraafika koosneb pikselitset (punktikesed). Rasterpilti suuremaks venitades pildi kvaliteet halveneb.
• Vektorgraafika koosneb vektoritest, mis on arvutile ära seletatud. Näiteks: kuidas joon liigub, kui paks ta on, millist värvi ja millal ta keerab. Vektoreid võib lõpmatult venitada, ilma, et kvaliteet halveneks.
![Page 9: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/9.jpg)
Rastergraafika - pildid
• Resulutsioon on punktitihedus:Resulutsioonid 75, 100, 150, 300 on
punktitihedused ühe tolli kohta. Toll=2,45cmTähiseks on ppi (dpi)
Arvutiekraan võimaldab meil näha 100 ppi; Printer võib kvaliteedilt printida 300-1200 ppi.
![Page 10: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/10.jpg)
Erinevate resulutsioonidega pildid
75 Resulutsioon Madal Resulutsioon
![Page 11: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/11.jpg)
Pildi suurus
• Meie arvuti ekraani suurus on 800x600 või 1024x768
• Pilt 100 dpi on suuruses (umbes) A4• Kui Picture Size vähendada, siis pikselid
pannakse üksteisele lähemale ja pilt muutub väiksemaks
• Eelnev pilt 200 dpi juures mahuks A4 paberile 2 või 3 korda
![Page 12: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/12.jpg)
Värvisügavus
• Palju värve kasutatakse1. 2 värvi (suurus 1 bitt) must ja valge2. 4 värvi (2 bitti) must, tumehall, helehall,
valge3. 16 värvi (4 bitti) värvitoonid või halltoonid4. 256 värvi (8 bitti) värvid või halltoonid5. 65 536 värvi (16 bitti) High color6. 16,7 milj värvi (24/32 bitti) True Color
![Page 13: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/13.jpg)
Grayscale standard
• Grayscale tähendab toonivalikut mustast valgeni
• Kasutatakse ainult halltoone, värve ei ole
• Pilt ainult 2 värviga
![Page 14: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/14.jpg)
CMYK ja RBG• CMYC on printerites oleva 4 värvile mõeldud
värvigammaga.St. Kui me teeme tööd trükikojale või meie töö
läheb tulevikus printimisele, siis oleks mõttekas kasutada seda
RBG on värvigamma mida suudab meile näidata monitor – R – punane
B – sinine G - roheline
![Page 15: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/15.jpg)
Millises resulutsioonis tööd teha?
• Tööd tehakse olenevalt töö iseloomule • Kui me tahame, et töö mahuks disketile,
seda saaks kiirelt printida: siis on mõttekas kasutada 8, 16 bitilisi värvivalikuid
• Suured pildid ja kirev värvitöötlus nõuab arvutilt rohkem ressurssi
• Resulutsioon ei tohiks olla aga alla 100 dpi
![Page 16: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/16.jpg)
Soovitused• Kui teed tööd, siis salvesta erinevatel töö
perioodidel oma töö erinevate nimede alla, sest siis kui läheb midagi nässu saad tagasi pöörduda eelmise versiooni juurde.
• Näiteks Taust1, Taust2, Taust3• Kasuta salvestamiseks Save as
• Pildi suurendamise ja vähendamisega võime pildi kvaliteedi ära rikkuda, samuti pööramisega lähevad pildis sisemised seosed rikki:
• Pöörata 90* ja 15* on ohutuim
![Page 17: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/17.jpg)
Pildi silumine
• Anti alias laseb pildi ära siluda• Silumisel aetakse segi ääre ja tausta
kokkupuute ala
![Page 18: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/18.jpg)
Kust saada pilte?
• Digifotoka pildid• Scanner• Weebikaamera• Ekraanipildi pildistamine (Print Screen)• Vektorgraafika kujutise pööramine
rastergraafikasse
![Page 19: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/19.jpg)
VEKTORGRAAFIKA
![Page 20: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/20.jpg)
Vektorgraafika
• Vektrorgraafikas saab teha:PlakateidJooniseidLogosidKujundada raamatuid ja küljendada ajalehtiSaab teha ka Flashe jms. põnevat
![Page 21: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/21.jpg)
Kust Vektorgraafikat saada?
• Ise joonistad• Clipart• Rasterpildi pööramine Vektorgraafikasse
kui programm seda võimaldab
• Kus leiad vektorgraafikat: Word, Excel, PowerPoint jt.
![Page 22: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/22.jpg)
Graafika formaadid
• Kui me salvestame oma töö või Expordime siis on võimalik seda teha mitmetesse formaatidesse.
• Iga programm saab avada või Importida enda keskkonda teatud tüüpi töid
![Page 23: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/23.jpg)
Formaadid
• TIFF – formaat, mida avab nii PC kui MAC• BMP – Windows Bitmap, suur fail, kõik info
on alles; ei ole kokku pakitud (Paint)• GIF – kasutatakse 256 värvi ja pakitakse fail
hästi väikseks: kannatab natuke kvaliteet, samas saab pilti teha läbipaistvaks ja animeerida
![Page 24: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/24.jpg)
Formaadid
• PNG – samasugune nagu GIF, aga tasuta• WMF – suudab salvestada nii raster kui ka
vektorgraafikat• JPEG – kokkupakitud paljude värvidega
pilt. Suudab kokku pakkida kuni 200x10x kokkupakkimine ei riku eriti pilti• JP2 – uus formaat, uus süsteem – lained• SVG – suudab esitada vektorgraafikat ka
internetis
![Page 25: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/25.jpg)
Lõpetuseks
• Erinevaid Arvutigraafika liike saab kasutada erinevates valdkondades
• Ei saa teha ühes arvutigraafika stiilis kõike
![Page 26: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/26.jpg)
TUNNI TÖÖ
![Page 27: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/27.jpg)
Ülesanne
• Ava Excel• Sea Programmi akna näitamissuurus 50%
• Joonista ruudukesi värvides üks kandiline pilt
![Page 28: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/28.jpg)
Kuidas värvida?Märgista alaFormat Cells/Patterns
![Page 29: 1 arvutigraafika loeng 1](https://reader033.vdocuments.pub/reader033/viewer/2022042619/58ea4d3d1a28abc4698b60fd/html5/thumbnails/29.jpg)
Millist arvutigraafika stiili me niiviisi imiteerime?