Harjoitukset
Harjoitustöitä saa ja kannattaa käyttää lopputöiden osina. Harjoitustöitä tulee 9-11 kpl. Lopputöitä tulee 2 kpl. Koulun tarjoamat tilat, laitteet ja ohjemat.
- Harjoitustehtävän palautusohjeet.
- Tehtävä 0: Mieti lopputyöaiheita
- Synopsis - DL 17.10
- Tehtävä 1: Terve iho Photoshopilla
- Tehtävä 2: Vektorigrafiikkaa
- Tehtävä 3: Flash, animaatio
- Tehtävä 4: Flash, ActionScript
- Tehtävä 5&6: Video + ääni
- Tehtävä 7: Flash, video + ääni
- Tehtävä 8: Flash
- Tehtävä 9: DVD
Tehtävä 0: Mieti lopputyöaiheita
Tehtävää EI palauteta nyt vaan pohdit päissäsi. Voit katsoa linkkilistasta esimerkkejä tai vaikkapa multimediakäsikirjoitus-tekstin.
- Pohdi "Mikä tuote?", "Miksi?", "Kenelle?", "Miten?"
- Millaista käyttöliittymää, kieltä ...
- Millaista tunnelmaa ja mitä tunteita (asemointia, tekstiä, fonttia, värimaailmaa, rytmiä...)
- Millaisia hahmoja, luonteita (hahmot voivat olla vaikkapa pullonkorkkeja, kirjaimia tai vesivärillä piirrettyjä paperiotuksia) ja miljöitä, millaisia sommitelmia...
Synopsis - Palauta viimeistään 17.10. klo 24.00.
Tee jommasta kummasta lopputyöstä synopsis esitteen muodossa painovalmiina pdf-tiedostona (resoluutio 170dpi, cmyk). Tehtävää EI saa palauttaa A4-muotoisena! "Painosi" suostuu leikkaamaan esitteen mihin tahansa muuhun muotoon.
Kiinnitä huomiota asemointiin ja siihen, selvität kohderyhmän, käyttöliittymän, navigaation, interaktioidean ja työn tarkoituksen ja tavoitteen assistentille. Tiivistä asia noin yhteen A4:n määrään tietoa. Sommittelussa ja tavassa selittää ei ole pakko olla formaali vaan multimediatyövälineet-kurssin harjoituksissa saa hypätä vaikkapa mainosmaailmaan. Ei tarvitse palauttaa työtiedostoja.
Arvosteluperusteet:
- Painovalmis pdf on tehty oikein
- Ulkonäkö (ei perusdokumentti...vilaise vaikka levyjen kansia tai abstraktia taidetta)
- Työn idea, kohderyhmä ym. selviää jotenkin assistentille.
Tehtävä 1: Terve iho Photoshopilla (2.10klo. 23.59)
Yhdistä kuva, missä ihmisen ihoa näkyy, toiseen kuvaan missä myös ihoa näkyy. Tarkkaile herkällä kädellä että ihonvärit ovat molemmissa kuvissa terveitä, ja mahdollinen valaistuksen erilaisuus ei pomppaa esiin. Skaalaa kuvat oikean kokoisiksi suhteessa toisiinsa.
Palautus:
Progressiivisessa jgp-muodossa resoluutiolla 72dpi (web-kuva). Koko: 500x500 tai 500x250 tai 250x500 pikseliä. Palauta alkuperäisten ihmisten kuvien kanssa. Älä käytä valmiiksikäsiteltyjä kuvia. Palauta myös alkuperäiset kuvat ja työtiedosto.
Käytä ainakin
- useita layereitä
- epätarkkaa maskia (unsharp mask)
- värin, sävyjen ja kontrastin hallintatyökaluja (curves, levels, color balance, contrast)
- maskia
- syväystyökaluja
Mieti tausta (esim. kollaasi/maisema/taustapaperi/duatonekuva/väriaseltelma tms) ja sommittele elementit hyvin. Taustaa voi käyttää myöhemmin vaikkapa synopsikseen, animaation taustaan, DVD:hen tai sen kanteen. Tällöin kannattaa säilyttää kantta varten myös korkearesoluutiokuva. Kuvassa saa olla tekstiä ynnä muuta jos haluaa.
Arvosteluperusteet:
- Ihojen terve väri
- Yritys istuttaa ihot samaan maailmaan.
- Työkalujen monipuolinen käyttö (layerit, värityökalut jne)
- Visuaalinen suunnittelu: sommittelu, tunnelma, värit
- Jos kuvalla on jokin tarkoitus, esim mainostaa DVD:täsi, ja mietitty kohderyhmä ja vaikutus, se on plussaa.Muut harjoitukset ovat upotettavissa paremmin lopputyöhön. Jos haluat käsitellä asialliseksi pärstäkuvan jota voi käyttää esim. työhakemuksessa niin sehän säilyy erillisellä layereilla muiden layereiden seassa.
Perusohjeita kuvankäsittely www-sivuille.
Yritä jo tämä työ upottaa toiseen lopputyöhösi niin säästät aikaasi. Tee työ Freehandilla tai muulla ammattitason vektorigrafiikkaohjelmalla.
a) Piirrä tietokoneella elementtejä flash-animaatioon
TAI
b) skannaa piirtämäsi/maalaamasi kuva tai jokin kappale kuten vaikka syksyn lehti ja
vektoroi se/ne. Piirrustustaito ei ole arvosteluperuste. Vektorointi on plussaa mutta ei
välttämätöntä.Mieti mitä elementtejä tarvitse tulevaisuudessa flash-harjoituksissa ja lopputyössä. Joudut myöhemmin animoimaan liikettä harjoituksissa.
Elä tuijota Disneyn filmejä, vaan muista että animoida voi myös vaikkapa
pullonkorkkien, pärstäkuvien, lyijykynähahmotelmien, persoonallisten kirjainten, tikku-ukkojen, kengänpohjien, hakaneulojen tai vesiväripupujen liikettä.Jos teet hahmon, niin mieti mitä liikkeitä tarvitset: esim. hahmo ylhäältä tai sivulta päin, käsi koukussa tai suorana. Mieti mitkä osat ovat "liikkuvia". Tarvitaanko eri ilmeitä varten kaksi erilaista suuta, pitääkö antennien liikkua, viiksien vipattaa tai kengän kuvan
kantapään näyttää kieltä ...Arvosteluperusteet:
- Mahdollisen hahmon luonne
- Vektoroinnista extraplussaa (mutta ei pakko)
Tulevaisuuden animaatioharjoituksessa on arvosteluperusteena mahdollisen hahmon luonne (pullonkorkillakin on luonne) - se kannattaa huomioida jo nyt.
Nyt olisi hyvä että keksit ainakin alustavan aihion ainakin lopputyön pohjaksi.
Tärkeäitä asioita lopputyössä on tyylillinen yhtenäisyys ja tunnelma! Huomioi ne jo
animaatiohahmoa tehdessä.Palautuksessa saa olla mukana myös staattisia "lavasteita" tai navigaatioelementtejä jos sellaisia innostuu tuottamaan, mutta ei ole pakko. Flash-animaation aiheena voi olla vaikkapa matematiikkapeli tai Gimpin tutorial. Käyttöliittymän elementit voivat olla muutakin kuin painonappeja (kuten esimerkiksi animaatiossa http://www.tokyoplastic.com/dm.html).
Palautus:
Palauta mahdollinen raakatiedostokin, ja lopullinen versio tallenna eps:ksi.
Suunnittele ja toteuta yksinkertainen animaatio (esim.leikeanimaatio), jossa muun kuin hahmon liike voi olla rajoitettua.
Käytä harjoituksessa 2 luomaasi hahmoa ja/tai maisemaa.
Pilko hahmosi sellaisiin osiin, että voit liikuttaa ja muokata niitä yksi kerrallaan, jollet ole vielä niin tehnyt. Mieti mitä avainkuvia tarvitset, eli millaisista paloista liike kannattaa muodostaa.
Mieti kunnolla millainen rakenne kuvassa kannattaa olla.Vie hahmosi flashiin, tee sille avainkehykset ja luo välikuvat Motion Tween tai Shape Tween toiminnoilla.
- Mitkä komponentit voivat olla symboleita, mitkä eivät
- Miten pilkot animaation kerroksiin
- Miten järjestät kerrokset, kirjaston, jne. järkevästi
Palauttakaa sekä työtiedosto että flash-elokuva.
Esimerkkejä:
Best Flash Animation Site.com Esimerkkejä vähän kaikesta mitä Flashilla voi tehdä
End of the world (Tämä on kuitenkin huomattavasti pidempi kun mitä teiltä pyydetään.)
Atom Films:n Annie Maybe Animaatioelokuva.
Tehtävä 4: Flash, ActionScript (23.10)
Tavoite: opit käyttämään ActionScriptiä ja sinulla on mielikuva siitä mitä ja miten sillä voi tehdä.
Selvitä miten voisit hyödyntää ActionScriptiä lopputyössäsi. Mitä lisäarvoa se tuo työhön? Mieti miten interaktio (tai muu skriptillä tehty toiminto) kannattaa toteuttaa.
Toteuta osa lopputyöstäsi ActionScriptistä. Tämä voi olla navigaatiota, animaation hallintaa, latausikkuna, jne. riippuen lopputyösi luonteesta. Keskity kuitenkin animaation ja/tai aikajanan hallintaan. Äänen ja videon käsittelyä käsitellään myöhemmin tarkemmin.
Palauta työtiedosto ja flash-esitys. Kerro työselostuksessa miten tulet käyttämään ActionScriptiä lopputyössäsi.
Tehtävä 5 ja 6: Leikkausharjoitus JA ääni + video -harjoitus (13.11)
Tee videoleikkaus joko omasta materiaalista tai koulun tarjoamasta harjoitusraaka-materiaalista. Huom. työ voi olla osa lopputyötä. Leikkauksessa saa olla mukana varsinaisen työn lisäksi still-kuvia, alku/lopputekstejä tms.
- Riittävä videon pituus jo puoli minuuttia.
- Sen on sisällettävä vähintään kolme liikkuvaa kuvaa, josta seuraa vähintään kaksi leikkausta.
Luo äänimaailma tekemääsi videoon. Käytä ainakin kolmea eri äänen tasoa (ambienssi, foleyt, dialogi, musiikki, efektiäänet). Kokeile erilaisia efektejä ja käytä vähintään yhtä. Voit käyttää ääniä efektikirjastoista, teostovapaata musiikkia tai äänittää niitä itse. Pyri luomaan mahdollisimman hyvin kuvaa tukeva äänimaailma.
Arvosteluperusteet:
- Kuvakerronta.
- Leikkauksen sujuvuus.
- Äänen ja kuvan yhteensopivuus.
- Äänten osalta harjoitusta arvostellaan äänten laadun ja osuvuuden kautta.
- Tekninen äänen laatu olosuhteet huomioiden.
Raakamateriaalia saatavilla:
- 4 levyä konserttitaltiointeja (Petkele) mediariihen kaapin päällä sekä stillkuvia mm. http://www.niksula.hut.fi/u/smkauppi/petkelekuvia/
- Pikkueditissä (Tuliryhmä)
Materiaalin saannista tiedotetaan uutisryhmässä.
Voit käyttää myös itse kuvaamaasi materiaalia, mutta se ei ole pakollista.
Harjoituksen voi tehdä millä lystää ammattimaisella videoeditointiohjelmalla.Palautus:
Pal 25-framea sekunnissa, DVD-standardin mukainen (mpeg-2). Jos haluat tehdä jonkin muun kokoisen tms. niin kerro syy ja tee niin.
Harjoitus vastaa kahta harjoitusta yhdessä eli video palautetaan ääniharjoituksen kanssa. ELI: kaksi harjoitusta (video ja video + ääni ) palautetaan yhdessä. Ne voi palauttaa myös erikseen esim. mykkäelokuvan vuoksi.
Harjoitus palautetaan T-talon 1. kerroksessa T2-salin vieressä olevaan kurssin kurssikoodilla varustettuun postilaatikkoon. Mainitse levyn tai kotelon kannessa
- Nimesi
- Harjoitusryhmä (tai Leo/Marko)
- Harjoitus 5 ja 6
- T-111.4003 syksy 2006
Tehtävä 7: Flash video + ääni (20.11)
Videosoitin jossa vähintään:
- play
- pause
- stop
- ääni päälle/pois ja voimakkuudensäätö
Lisävaihtoehtona valinta useamman äänen välillä
Harjoituksessa on tarkoitus toistaa linkattua videota, eikä ns. embedded-videota.
Harjoituksessa on tarkoitus siis toistaa jotain vapaasti valittavaa (esim. viime harjoituksen) videopätkää ja toteuttaa tätä varten videotoistimen. Harjoituksesta saa kuten aina selventävää tietoa niin vastaanotoilta kuin irkistä tai nyysseistä.
Harjoituksessa ei saa käyttää Flashin valmista playeriä, vaan tarkoitus on toteuttaa vastaava videosoitin itse.
Vinkkinä: livedoc flashin video-ominaisuuksista
Huom! Mikäli teette mediariihessä saatte tehdä embedded videolla, sillä riihen ohjelmistoja ei olla ehditty päivittämään.
Mikäli tämä aiheuttaa ongelmia voit anoa lisäaikaa assarilta.
Palautus:
Tavanomaiseen tapaan työtiedosto sekä lopputulos palautetaan ohjeitten mukaan.
Lisätoive:
Mikäli toivot viimeisellä Flash-luennolla käsiteltävän jotain tiettyä aihetta laita siitä mailia osoitteeseen leo.holsti(at)tkk.fi. Toivon mukaan voimme vastata mahdollisimman monen toiveisiin.
Toteuta Flash-esitys jonka sisältö on muokattavissa koskematta itse Flashiin.
eli: lue ulkoisesta XML-tiedostosta esityksen luomiseen tarvittavat tiedot. Assistentin on voitava muuttaa esityksen sisältöä pelkästään muuttamalla XML-tiedostoa. Sopiva laajuus on esimerkiksi toimivan valikon generointi josta valitsemalla saadaan esille valinnalle kuuluva teksti.XML-tiedosto voi sisältää esim:
- valikkorakenteen ja tekstit
- kuvatiedostojen osoitteet
- animaatiopolun pisteitä
- jne.
Melkein mikä vain on esitettävissä XML:na.
Luennolla esitelty pidempi XML demo.
Demoihin on lisätty xml-demo-MX.fla ja opiskelijat.xml tiedostot jotka muodostavat yhdessä mediariihessä toimivan demon.
Palautus:
Tavanomaiseen tapaan työtiedosto sekä lopputulos palautetaan ohjeitten mukaan.
Koosta jostain videosta DVD-esitys (voit käyttää vaikkapa harjoituksissa 5&6 tekemääsi videota).
- Luo DVD-esitykseesi valikot ja graafinen ulkoasu. Mieti navigointia ja käyttöliittymää huolella.
- Tee videoosi kohtausvalikko, josta voidaan suoraa siirtyä videon eri kohtiin.
- Halutessasi voit lisätä myös tekstitykset ja valikon esityksen kielivalinnalle (HUOM! Tämä ei ole vaatimus, sillä Mediariihestä löytyvässä DVD Architect 1:ssä on ongelmia tekstitysten kanssa.)
Arvostelussa otetaan huomioon esityksen ulkoasu (soveltuvuus myös tavalliseen televisioon) ja navigaation sekä käyttöliittymän toimivuus.
Muistathan testata valmiin tuotoksesi useammalla eri laitteella (mielellään myös oikealla DVD-soittimella) varmistaaksesi DVD-esityksesi toimivuuden!
Harjoitus palautetaan T-talon 1. kerroksessa T2-salin vieressä olevaan kurssin kurssikoodilla varustettuun postilaatikkoon. Mainitse levyn tai kotelon kannessa.
- Nimesi
- Harjoitusryhmä (tai Leo/Marko)
- Harjoitus 9
- T-111.4003 syksy 2006
Harjoituksen voi palauttaa myös levyimagena CD:llä tai kotisivuilla. Harjoitus voi olla käytännössä iso osa lopputyötä. Viimeisellä vastaanotolla kannattaa kysyä lopputyön tekemisessä nousseita ongelmia.
![]()
![]()
![]()
![]()
Tämän sivun sisällöstä vastaa Siru Kauppinen.
URL: http://www.tml.hut.fi/Opinnot/T-111.4003/luennot.html