Arvutigraafika teooria ja praktika: erinevus redaktsioonide vahel

Allikas: Lambda
Mine navigeerimisribale Mine otsikasti
← Vanem muudatus
Resümee puudub
 
(ei näidata sama kasutaja 55 vahepealset redaktsiooni)
1. rida: 1. rida:
Aine kood: ITI0090<br/>
{{Iti0090}}Aine kood: ITI0090<br/>
Õppejõud: Jaagup Irve, 58665820, jaagup.irve@ttu.ee, ICT-425
Õppejõud: Jaagup Irve, 58665820, jaagup.irve@ttu.ee, ICT-425


Kursus varasematel aastatel: [http://lambda.ee/w/index.php?title=Arvutigraafika_teooria_ja_praktika&oldid=8395 2011], [http://cs.ttu.ee/tiki-index.php?page=ITI0090 2009]
Kursus varasematel aastatel: [http://lambda.ee/w/index.php?title=Arvutigraafika_teooria_ja_praktika&oldid=11163 2013] [http://lambda.ee/w/index.php?title=Arvutigraafika_teooria_ja_praktika&oldid=8395 2011], [http://cs.ttu.ee/tiki-index.php?page=ITI0090 2009]


Aine raames tutvustame vabatarkvaraliste programmide Inkscape, Gimp ja Blender kasutamist ning arvutigraafika üldmõisteid. Kursuse rõhk on praktilistel ülesannetel ja tunnis tehtaval tööl.
Aine raames tutvustame vabatarkvaraliste programmide Inkscape, Gimp ja Blender kasutamist ning arvutigraafika üldmõisteid. Kursuse rõhk on praktilistel ülesannetel ja tunnis tehtaval tööl.
8. rida: 8. rida:
== Loengud ==  
== Loengud ==  


Esmaspäeviti  
Esmaspäeviti: 17:45, ITC-501


=== 1. (Loeng+praktiline) Sissejuhatus ===
=== Tulemused ===
 
[https://docs.google.com/spreadsheets/d/1pkUC13u2tmrcSxzyVqgrJGr-yxyK9o9ULrdVcHHBH9Y/pubhtml?gid=1503395838&single=true Aine 2014 aasta sügise tulemused (eesnimed korduvad; vt ka kood)]
 
=== 1. Sissejuhatus ===


Kus räägime sellest kuidas aine läbida, tutvustame teemasid ja arutame veidi edasist tegevuskava.
Kus räägime sellest kuidas aine läbida, tutvustame teemasid ja arutame veidi edasist tegevuskava.
:[[Meedia:Graafika01.zip|Inkscape'i soojendus]].
:[[Inkscape'i soojendus]]
 
=== 2. Ajaloost ===
 
Kus räägime sellest kuidas me jõudsime siia kus me täna oleme.
:[[Inkscape harjutus]]
 
=== 3. Värvid ===
Kus räägime sellest kuidas tajume ja tekitame värve ja sellest kuidas neid ajus töödeldakse.
:[[Inkscape plakat]]


=== 2. (Loeng) Arvutigraafika ajalugu ===
=== 4. Tüpograafia ===
Kus räägime sellest kuidas arvutigraafika tänapäeva jõudis.
Kus räägime sellest kuidas kiri tekkis ja arvutisse jõudis.
:[[Tüpograafia]]


=== 2. (Praktikum) Inkscape ===
=== 5. Ikoonid ===
Kus teeme praktilist tööd Inkscape'iga ja tuleb see ülesanne, mille eest ka arvestust saab.
Kus räägime sellest kuidas võiks ehitada programmide ikoone.
:[[Meedia:Graafika03.zip|Ruumiplaan Inkscape'is]] - (saatke ainult plaan: see logo ei ole nii oluline)
:[[Ikoonid]]


=== 3. (Loeng) Värvid ===
=== 6. Gimp sissejuhatus ===
Kus räägime kõigest, mis on seotud värvide tajumise, tekitamise ja hoidmisega arvutis. Lõpuks rääkisime ka natuke värvide esteetilisest poolest.
Kus räägime sellest mis on Gimp ja kuidas seda süüa.
:[[Illustratsioon (Gimp)|Illustratsioon]]


=== 3. (Praktikum) Inkscape ===
=== 7. Gimp: Harjutused Sangaste lossile ===
Kus teeme veel praktilist tööd Inkscape'iga ja tuleb teine ülesanne, mille eest ka arvestust saab.
Kus räägime sellest kuidas maskida ja töödelda fotot.
::[[Ülesanne 3 - Plakat]]
:[[Sangaste (Gimp)|Sangaste]]


=== 4. (Loeng) Tüpograafia ===
=== 8. Gimp: Fotod ===
Kus on juttu teksti arvutis esitamisest.
::[[Ülesanne 4 - CD ümbris]]


=== 4. (Praktikum) Õpitu kasutamine ===
Kus räägime fotode tekkimisest ja püüame üksteiselt eemaldada vinne.
Kus ehitame CD ümbrist.
:[[Portreetöötlus (Gimp)|Portreetöötlus]]


=== 5. (Loeng) Pikselgraafika ja ikoonid ===
=== 9. Digitaalvideo ===
Milles räägime pikselgraafikast ja selle hoidmisest.


=== 5. (Loeng-praktikum) Ikoonid ===
Milles püüame processing.js abil teha asju.
Kus teeme GIMP ja Inkscape'iga arvutiprogrammile ikooni.
:[[Processing.js (iti0090)|Processing.js]]
::[[Ülesanne 5 - Ikoon]]


=== 6. (Praktikum) Gimp ===
== Blender ==
Kus proovime Gimpi lihtsamaid töömeetodeid


=== 6. (Praktikum) Gimp ===
=== 1. Sissejuhatus ===
Kus proovime värvidega mässamist ja vaatame veel kihte.
Sissejuhatus kasutajaliidesesse ja kompositsiooniharjutusi hiirele. Objektirežiimi töövõtted. Muutmisrežiimi sissejuhatus.
[https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0Bxj5HjDByo6SMDhhMTI2ODEtZGViYS00Mjc4LTlkOTctMjllMmYwODdhY2Uw&hl=en Ülesanne 6: Illustratsioon]


=== 7. (Praktikum) Gimp ===
=== 2. Muutmisrežiim ===
Kus töötleme fotosid.
Muutmisrežiimi kordamine, levinud töövõtete näitamine. Tipud, servad, pinnad. Töötlejad (mirror, subdivide), [http://phoebeyen.blogspot.com/2012_05_01_archive.html taustapildi] kasutamine. Tekstuurimise sissejuhatus.
:Ülesanne: [[Meedia:Graafika07.zip|Fotode korrigeerimine]]


=== 7. (Praktikum) Gimp ===
=== 3. Tekstuurid ===
Kus töötleme fotosid.
:Ülesanne [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0Bxj5HjDByo6SYmVlZTliYjgtOTA2Ny00OWEzLTkzOWEtOTczNzYzYWE1YWIz&hl=en Fotode korrigeerimine (2. osa)]


=== 8. (Loeng) Fotondusest ===
Pöördkeha modelleerimine, elementaarsete pinnamaterjalide loomine, küünal, apelsin, lauapind. Faktuurid, pinnaalune hajumine.
Kuidas ja mida fotoaparaadiga teha saab.


=== 8. Portreetöötlus ===
=== 4. UV tekstuurid ===
Kus teeme seda mida ajakirja esikaaned ja valimisplakatid nägudega teevad.
:Ülesanne: [[Meedia:graafika09.zip|Portreetöötlus ja HTML nupp]]


=== 9. videotöötlus ===
UV-laotuse lahtilõikamine, mitmekihilise tekstuuri loomine.
Milles vaatame kuidas videoga toimetada ja katsetame ka VirtualDub-i.


=== 10. Blenderi sissejuhatus ===
=== 5. Valgustamine ja renderdamine ===
Milles vaatleme programmi liidest ja õpime liigutama vaadet ja objekte.


=== 11. Blender: Võred ===
Valgustusharjutus ja renderdamine; kaamera parameetrid. [http://www.3drender.com/challenges/index.htm Failiviide: Natural History (UI jätta laadimata)]
Milles õpime võrede komponente ja teeme tutvust modelleerimisega.


=== 12. Blender: Tekstuurid ===
=== 6. Karvad ja Cycles ===
Milles ehitame küünlajala, küünla ja laua ning püüame neid tekstuurida.
Pärdikule soengu ehitamine ja tekstuurimine. Renderdusmootori Cycles jaoks materjalide ehitamine.


=== 13. Blender: UV tekstuurid ===
=== 7. Animatsioon ===
Milles loome pärdiku laotuse ja teeme mitmekihilise pilttekstuuri ja püüame looma kammida.


=== 14. Blender: Valgustamine ===
Animatsiooni põhialused, võtmekaadrid, võtmepoosid, aegteljed. [[Meedia:MAC12.zip|MAC 1.2]].
Milles vaatame mis lampe saab muuseumisse paigutada ning kuidas pildi järeltöötlus toimub.


=== 15. Blender: Animatsioon ===
=== 8. Eriefektid ===
Milles vaatame kuidas objektid liiguvad ajateljel ühest kohast teise ja loovad illusiooni sujuvast liikumisest.


=== 16. Blender: Eriefektid ===
Milles vaatame kuidas lisada maailma objekte mida seal ei ole. (Tasandiline punktituvastus + Komposiit; Punktipilve tuvastus)
Kus püüame kasutada uut Blenderi trackingut ning videot kas [http://www.hollywoodcamerawork.us/trackingplates.html siit] või ühest teisest kohast.


== Vaata ka ==  
== Vaata ka ==  
96. rida: 92. rida:
**[http://www.blender.org/ Blender] - Tasuta (3d) animatsioonistuudio
**[http://www.blender.org/ Blender] - Tasuta (3d) animatsioonistuudio
* Ikoonid
* Ikoonid
** [http://developer.apple.com/mac/library/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIcons/XHIGIcons.html#//apple_ref/doc/uid/20000967-TP6 Apple Human Interface Guidelines: icons] - Apple'i juhised ikoonide tegemiseks
** [https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AppleHIGuidelines/IconsImages/IconsImages.html#//apple_ref/doc/uid/20000967-TP6 Apple Human Interface Guidelines: icons] - Apple'i juhised ikoonide tegemiseks
** [http://msdn.microsoft.com/en-us/library/ms997636.aspx Creating Windows XP icons] - XP ikoonistiili juhised
** [https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/Iconography.html#//apple_ref/doc/uid/TP40006556-CH59-SW1 Apple iOS juhised]
** [http://msdn.microsoft.com/en-us/library/aa511280.aspx Windows Vista ikoonijuhised] - Selgitab kuidas Aero XP stiilist erineb
** ''[http://msdn.microsoft.com/en-us/library/ms997636.aspx Creating Windows XP icons] - XP ikoonistiili juhised''
** ''[http://msdn.microsoft.com/en-us/library/aa511280.aspx Windows Vista ikoonijuhised] - Selgitab kuidas Aero XP stiilist erineb''
** [http://msdn.microsoft.com/library/windows/apps/dn439350.aspx Windows 8 Store Appide ikoonijuhised]
** [http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines Tango Icon Guidelines] - Populaarne vabavaraline stiil
** [http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines Tango Icon Guidelines] - Populaarne vabavaraline stiil
** [http://egressive.com/creating-a-multi-resolution-favicon-microsoft-windows-icon-file-including-transparency-with-the-gimp Ikooni salvestamine GIMPis] - kes tundi ei jõudnud
** [https://developer.android.com/design/style/iconography.html Androidi ikoonid]
*Teisi huvitavaid programme
*Teisi huvitavaid programme
** [http://sketchup.google.com/ Google SketchUp] - võtke videotutorialid ette, imeline ideede genereerimiseks
** [http://sketchup.google.com/ Google SketchUp] - võtke videotutorialid ette, imeline ideede genereerimiseks
109. rida: 107. rida:
**[http://www.videolan.org/vlc/ VLC] - mitte ainult parim videomängija - sel programmil on paar temaatilist trikki varuks
**[http://www.videolan.org/vlc/ VLC] - mitte ainult parim videomängija - sel programmil on paar temaatilist trikki varuks
**[http://camstudio.org/ CamStudio] - ekraanivideo salvestamiseks
**[http://camstudio.org/ CamStudio] - ekraanivideo salvestamiseks
**[http://http://www.hyperionics.com/hc/ HyperCam] - teine ekraanisalvestaja
**[http://processing.org/ Processing] - arvutikunsti demode programm
* Blender
* Blender
** [http://www.3drender.com/challenges/index.htm Valgustuse harjutamiseks (Natural History)]
** [http://www.3drender.com/challenges/index.htm Valgustuse harjutamiseks (Natural History)]
** [http://blenderartists.org/forum/showthread.php?t=200013 Kuidas Blenderi arendamisega alustada]
** [http://blenderartists.org/forum/showthread.php?t=200013 Kuidas Blenderi arendamisega alustada]
** [http://thisroomthatikeep.blogspot.com/2011/08/open-sourcing.html Väga head materjalid Digitaalsaviga voolimisest]
** [http://thisroomthatikeep.blogspot.com/2011/08/open-sourcing.html Väga head materjalid Digitaalsaviga voolimisest]
** [http://www.blenderguru.com/articles/cycles-shader-encyclopedia/ Cyclesi renderdaja materjalientsüklopeedia]
* Niisama temaatilist
* Niisama temaatilist
** [https://vimeo.com/106757336 Bezier' kõverate joonistamine] - polegi maagia
** [http://www.arcsynthesis.org/gltut/index.html Learning Modern 3D Graphics programming] - ilus inimkeeles kirjutatud raamat.
** [http://www.arcsynthesis.org/gltut/index.html Learning Modern 3D Graphics programming] - ilus inimkeeles kirjutatud raamat.
** [http://www.merekatcreations.com/mere_html/tutorials/process.html Mõtlemise kool] [http://www.merekatcreations.com/ Merekat] näitab kuidas ta mõtleb
** [http://www.merekatcreations.com/mere_html/tutorials/process.html Mõtlemise kool] [http://www.merekatcreations.com/ Merekat] näitab kuidas ta mõtleb
** [http://www.blenderguru.com/tutorials/understanding-colors/ Värvide kasutamine kompositsioonis] - väga hea õppematerjal sellest kuidas valida värve
** [http://www.blenderguru.com/tutorials/understanding-composition/ Kompositsioonist] - väga hea õppevideo sellest kuidas paigutada pildile objekte
** [http://www.luminous-landscape.com/essays/ Fotoesseede kogu] - liiga palju huvitavaid arutlusi, tasub vaadata ka juhendeid
** [http://www.luminous-landscape.com/essays/ Fotoesseede kogu] - liiga palju huvitavaid arutlusi, tasub vaadata ka juhendeid
** [http://ia360702.us.archive.org/13/items/A_Digital_Media_Primer_for_Geeks/A_Digital_Media_Primer_For_Geeks-480p.webm Digital Media Primer for Geeks] - Xiph.org (.ogg, Vorbis, Theora) selgitab digitaalmultimeedia tagamaid (video osa on meile väga huvitav)
** [http://ia360702.us.archive.org/13/items/A_Digital_Media_Primer_for_Geeks/A_Digital_Media_Primer_For_Geeks-480p.webm Digital Media Primer for Geeks] - Xiph.org (.ogg, Vorbis, Theora) selgitab digitaalmultimeedia tagamaid (video osa on meile väga huvitav)
126. rida: 130. rida:
** [http://www.google.com/webfonts Google Web Fonts]
** [http://www.google.com/webfonts Google Web Fonts]
** [http://www.cse.cuhk.edu.hk/~leojia/projects/motion_deblurring/index.html High-quality Motion Deblurring from a Single Image] - tore algoritm
** [http://www.cse.cuhk.edu.hk/~leojia/projects/motion_deblurring/index.html High-quality Motion Deblurring from a Single Image] - tore algoritm
** [http://www.youtube.com/watch?v=P6UKhR0T6cs John Carmack valgusest ja renderdamisest]
** [https://www.youtube.com/watch?v=haa7n3UGyDc&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd 12 animatsiooni põhiteesi]

Viimane redaktsioon: 7. aprill 2015, kell 23:23

Arvutigraafika teooria ja praktika

Aine kood: ITI0090

Õppejõud: Jaagup Irve, 58665820, jaagup.irve@ttu.ee, ICT-425

Kursus varasematel aastatel: 2013 2011, 2009

Aine raames tutvustame vabatarkvaraliste programmide Inkscape, Gimp ja Blender kasutamist ning arvutigraafika üldmõisteid. Kursuse rõhk on praktilistel ülesannetel ja tunnis tehtaval tööl.

Loengud

Esmaspäeviti: 17:45, ITC-501

Tulemused

Aine 2014 aasta sügise tulemused (eesnimed korduvad; vt ka kood)

1. Sissejuhatus

Kus räägime sellest kuidas aine läbida, tutvustame teemasid ja arutame veidi edasist tegevuskava.

Inkscape'i soojendus

2. Ajaloost

Kus räägime sellest kuidas me jõudsime siia kus me täna oleme.

Inkscape harjutus

3. Värvid

Kus räägime sellest kuidas tajume ja tekitame värve ja sellest kuidas neid ajus töödeldakse.

Inkscape plakat

4. Tüpograafia

Kus räägime sellest kuidas kiri tekkis ja arvutisse jõudis.

Tüpograafia

5. Ikoonid

Kus räägime sellest kuidas võiks ehitada programmide ikoone.

Ikoonid

6. Gimp sissejuhatus

Kus räägime sellest mis on Gimp ja kuidas seda süüa.

Illustratsioon

7. Gimp: Harjutused Sangaste lossile

Kus räägime sellest kuidas maskida ja töödelda fotot.

Sangaste

8. Gimp: Fotod

Kus räägime fotode tekkimisest ja püüame üksteiselt eemaldada vinne.

Portreetöötlus

9. Digitaalvideo

Milles püüame processing.js abil teha asju.

Processing.js

Blender

1. Sissejuhatus

Sissejuhatus kasutajaliidesesse ja kompositsiooniharjutusi hiirele. Objektirežiimi töövõtted. Muutmisrežiimi sissejuhatus.

2. Muutmisrežiim

Muutmisrežiimi kordamine, levinud töövõtete näitamine. Tipud, servad, pinnad. Töötlejad (mirror, subdivide), taustapildi kasutamine. Tekstuurimise sissejuhatus.

3. Tekstuurid

Pöördkeha modelleerimine, elementaarsete pinnamaterjalide loomine, küünal, apelsin, lauapind. Faktuurid, pinnaalune hajumine.

4. UV tekstuurid

UV-laotuse lahtilõikamine, mitmekihilise tekstuuri loomine.

5. Valgustamine ja renderdamine

Valgustusharjutus ja renderdamine; kaamera parameetrid. Failiviide: Natural History (UI jätta laadimata)

6. Karvad ja Cycles

Pärdikule soengu ehitamine ja tekstuurimine. Renderdusmootori Cycles jaoks materjalide ehitamine.

7. Animatsioon

Animatsiooni põhialused, võtmekaadrid, võtmepoosid, aegteljed. MAC 1.2.

8. Eriefektid

Milles vaatame kuidas lisada maailma objekte mida seal ei ole. (Tasandiline punktituvastus + Komposiit; Punktipilve tuvastus)

Vaata ka

Pärit leheküljelt "http://www.lambda.ee/w/index.php?title=Arvutigraafika_teooria_ja_praktika&oldid=12335"