Arvutigraafika teooria ja praktika: erinevus redaktsioonide vahel

Allikas: Lambda
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 121 vahepealset redaktsiooni)
1. rida: 1. rida:
Aine kood: ITI0090<br/>
{{Iti0090}}Aine kood: ITI0090<br/>
Õppejõud: Jaagup Irve, 56463800, jaagup.irve@ttu.ee, IT-222
Õppejõud: Jaagup Irve, 58665820, jaagup.irve@ttu.ee, ICT-425


Kursus varasematel aastatel: [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.


== Loengud ==  
== Loengud ==  
Esmaspäeviti: 17:45, ITC-501
=== 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 ===
=== 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.
*[http://dl.dropbox.com/u/102860/01_sissejuh.zip Esimene ülesanne] - Ei hinnata, aga Inkscape'i tausta jaoks mõistlik
:[[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 (Gimp)|Illustratsioon]]
 
=== 7. Gimp: Harjutused Sangaste lossile ===
Kus räägime sellest kuidas maskida ja töödelda fotot.
:[[Sangaste (Gimp)|Sangaste]]
 
=== 8. Gimp: Fotod ===
 
Kus räägime fotode tekkimisest ja püüame üksteiselt eemaldada vinne.
:[[Portreetöötlus (Gimp)|Portreetöötlus]]
 
=== 9. Digitaalvideo ===
 
Milles püüame processing.js abil teha asju.
:[[Processing.js (iti0090)|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), [http://phoebeyen.blogspot.com/2012_05_01_archive.html 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. [http://www.3drender.com/challenges/index.htm Failiviide: Natural History (UI jätta laadimata)]
 
=== 6. Karvad ja Cycles ===
Pärdikule soengu ehitamine ja tekstuurimine. Renderdusmootori Cycles jaoks materjalide ehitamine.


=== 2. Arvutigraafika ajalugu ===
=== 7. Animatsioon ===
Kus räägime sellest kuidas arvutigraafika tänapäeva jõudis.


=== 3. Inkscape ===
Animatsiooni põhialused, võtmekaadrid, võtmepoosid, aegteljed. [[Meedia:MAC12.zip|MAC 1.2]].
Kus teeme praktilist tööd Inkscape'iga ja tuleb see ülesanne, mille eest ka arvestust saab.
[http://dl.dropbox.com/u/102860/juhend2.zip Ülesanne]


=== 4. Värvid ===
=== 8. Eriefektid ===
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.


== 5. Inkscape ===
Milles vaatame kuidas lisada maailma objekte mida seal ei ole. (Tasandiline punktituvastus + Komposiit; Punktipilve tuvastus)
Kus teeme veel praktilist tööd Inkscape'iga ja tuleb teine ülesanne, mille eest ka arvestust saab.


== Vaata ka ==  
== Vaata ka ==  
33. 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
45. rida: 106. rida:
**[http://photosynth.net/ Microsoft Photosynth] - liiga lahe asi ([http://www.ted.com/talks/blaise_aguera_y_arcas_demos_photosynth.html TED talk samal teemal]), aga Silverlighti vajab
**[http://photosynth.net/ Microsoft Photosynth] - liiga lahe asi ([http://www.ted.com/talks/blaise_aguera_y_arcas_demos_photosynth.html TED talk samal teemal]), aga Silverlighti vajab
**[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://http://www.hyperionics.com/hc/ HyperCam] - teine ekraanisalvestaja
**[http://processing.org/ Processing] - arvutikunsti demode programm
* Blender
** [http://www.3drender.com/challenges/index.htm Valgustuse harjutamiseks (Natural History)]
** [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://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.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://www.microsoft.com/typography/TrueTypeHintingIntro.mspx Microsoft hintingu teemal]
** [http://fontforge.sourceforge.net/ FontForge] - vabavaraline fondiredaktor
** [http://nfggames.com/games/ntsc/visual.shtm Sellest, miks sinist kanalit võib pakkida]
** [http://www.youtube.com/watch?v=FiARsQSlzDc Colins Bear Animation] - eneseiroonia blenderi teemadel.
** [http://nerdplusart.com/first-3d-rendered-film-from-1972-and-my-visit-to-pixar First 3d rendered film]
** [http://freespace.virgin.net/hugo.elias/radiosity/radiosity.htm Radiosity] - nutikas renderdusmeetod
** [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.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