Ero sivun ”Animaatiopohjat” versioiden välillä

FirstView
Loikkaa: valikkoon, hakuun
 
(7 välissä olevaa versiota 3 käyttäjän tekeminä ei näytetä)
Rivi 1: Rivi 1:
 +
<languages />
 +
<translate>
 +
 +
<!--T:1-->
 
FirstView Managerissa voi luoda omia animaatioita ”Animaatiotyökalun” avulla. Animaatiotyökalulla tehdään animaatiopohja, johon määritellään ennalta elementtien sijainnit ja toiminnallisuudet.
 
FirstView Managerissa voi luoda omia animaatioita ”Animaatiotyökalun” avulla. Animaatiotyökalulla tehdään animaatiopohja, johon määritellään ennalta elementtien sijainnit ja toiminnallisuudet.
 
Animaatio-työkalun käyttöä varten koneella tulee olla asennettuna Flash Player, mikäli sitä ei ole, niin voit ladata sen esimerkiksi täältä: https://get.adobe.com/flashplayer/
 
Animaatio-työkalun käyttöä varten koneella tulee olla asennettuna Flash Player, mikäli sitä ei ole, niin voit ladata sen esimerkiksi täältä: https://get.adobe.com/flashplayer/
  
 +
<!--T:2-->
 
'''Animaatiopohjien luominen'''
 
'''Animaatiopohjien luominen'''
 +
[[Tiedosto:Animaatiopohjat-1v2.png|right|200px]]
 +
FirstView Managerin vasemmasta laidasta valitaan "Esityspohjat" -välilehti.
  
−
FirstView –Managerin vasemmasta laidasta valitaan Esityspohjat-välilehti.
+
<!--T:3-->
−
 
+
<br clear=all>
−
[[Tiedosto:Animaatiopohjat-1.png|frameless]]
+
  
 +
<!--T:4-->
 +
[[Tiedosto:Animaatiopohjat-2v2.png|right|600px]]
 
Esityspohjien hallinnasta klikataan Animaatiopohjat –valikon oikealla puolella sijaitsevaa plusmerkkiä, josta päästään luomaan uusi animaatiopohja.
 
Esityspohjien hallinnasta klikataan Animaatiopohjat –valikon oikealla puolella sijaitsevaa plusmerkkiä, josta päästään luomaan uusi animaatiopohja.
  
−
[[Tiedosto:Animaatiopohjat-2.png|frameless|435x435px]]
+
<!--T:5-->
 +
<br clear=all>
  
−
Animaatiopohja luodaan neljässä vaiheessa. Ensin määritetään yleisasetukset, sitten käytettävissä olevat elementit sekä elementtikohtaiset asetukset ja lopuksi viimeistely.
+
<!--T:6-->
 +
[[Tiedosto:Animaatiopohjat-3v2.png|right|600px]]
 +
'''''Animaatiopohja luodaan neljässä vaiheessa.''''' Ensin määritetään yleisasetukset, sitten käytettävissä olevat elementit sekä elementtikohtaiset asetukset ja lopuksi viimeistely.
  
−
[[Tiedosto:Animaatiopohjat-3.png|frameless|320x320px]]
+
<!--T:7-->
 +
<br clear=all>
  
−
'''YLeisasetuksetEISASETUKSET'''
+
<!--T:8-->
 +
'''Yleisasetukset'''
  
−
Ensin määritellään animaatiopohjan koko ja näytön suunta (vaaka-/pystyasento). Pohjan koko eli resoluutio valitaan sen mukaan, mikä on näytön kuvasuhde. Esimerkiksi 16:9 vaakanäytölle valitaan resoluutioksi 1920 x 1080. Kuvan näyttöaikaan määritellään kuinka kauan esitys näkyy kerrallaan näytöllä.
+
<!--T:9-->
 +
Ensin määritellään animaatiopohjan koko ja näytön suunta (vaaka-/pystyasento). Pohjan koko eli resoluutio valitaan sen mukaan, mikä on näytön kuvasuhde.
  
−
[[Tiedosto:ANimaatiopohjat-4.png|frameless|455x455px]][[Tiedosto:Animaatiopohjat-5.png|frameless|574x574px]]
+
<!--T:10-->
 +
Esimerkiksi 16:9 vaakanäytölle valitaan resoluutioksi 1920 x 1080. Kuvan näyttöaikaan määritellään kuinka kauan esitys näkyy kerrallaan näytöllä.
  
 +
<!--T:11-->
 +
[[Tiedosto:ANimaatiopohjat-4.png|frameless|600pxpx]][[Tiedosto:Animaatiopohjat-5.png|frameless|600px]]
 +
 +
<!--T:12-->
 +
<br clear=all>
 +
 +
<!--T:13-->
 
Animaatiopohjaan voidaan valita taustaksi joko taustaväri tai tuoda uusi taustakuva tietokoneelta/valita taustakuva muista esityspohjista (työkalu listaa olemassa olevat taustakuvat automaattisesti).
 
Animaatiopohjaan voidaan valita taustaksi joko taustaväri tai tuoda uusi taustakuva tietokoneelta/valita taustakuva muista esityspohjista (työkalu listaa olemassa olevat taustakuvat automaattisesti).
  
 +
<!--T:14-->
 
[[Tiedosto:Animaatiopohjat-6.png|frameless|577x577px]][[Tiedosto:Animaatiopohjat-7.png|frameless|262x262px]]
 
[[Tiedosto:Animaatiopohjat-6.png|frameless|577x577px]][[Tiedosto:Animaatiopohjat-7.png|frameless|262x262px]]
  
 +
<!--T:15-->
 +
<br clear=all>
 +
 +
<!--T:16-->
 +
[[Tiedosto:Animaatiopohjat-8v2.png|right|600px]]
 
Taustan valinnan jälkeen määritetään, mitä asetuksia voidaan muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle. Animaatiopohjan luoja voi päättää, saako animaatioesitykseen vaihtaa taustakuvan ja muokata näyttöaikaa vielä esityksen lisäysvaiheessa. Jos asetuksia ei haluta jättää avoimeksi, niin ”Näyttöaika” ja ”Taustakuva” valinnat jätetään valitsematta.
 
Taustan valinnan jälkeen määritetään, mitä asetuksia voidaan muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle. Animaatiopohjan luoja voi päättää, saako animaatioesitykseen vaihtaa taustakuvan ja muokata näyttöaikaa vielä esityksen lisäysvaiheessa. Jos asetuksia ei haluta jättää avoimeksi, niin ”Näyttöaika” ja ”Taustakuva” valinnat jätetään valitsematta.
  
 +
<!--T:17-->
 
Animaation yleisasetuksissa määritellään myös halutaanko animaatioesityksen ilmestyvän ja/tai poistuvan näytöltä häivyttäen. Häivytykset voidaan aktivoida lisäämällä valinnat ”Näytä häivyttäen” ja ”Piilota häivyttäen” valintoihin. Häivitykselle voidaan myös valita kesto.
 
Animaation yleisasetuksissa määritellään myös halutaanko animaatioesityksen ilmestyvän ja/tai poistuvan näytöltä häivyttäen. Häivytykset voidaan aktivoida lisäämällä valinnat ”Näytä häivyttäen” ja ”Piilota häivyttäen” valintoihin. Häivitykselle voidaan myös valita kesto.
  
 +
<!--T:18-->
 
Voit tarkastella häivytyksen lopputulosta tallentamalla asetukset ”Ota muutokset käyttöön” –painikkeesta ja painamalla näyttöalueen Play-nappulaa. Häivytyksen lisäksi voit valita näytetäänkö elementtien reunat esityksessä (lisää esitykseen ensin elementtejä nähdäksesi eron).  
 
Voit tarkastella häivytyksen lopputulosta tallentamalla asetukset ”Ota muutokset käyttöön” –painikkeesta ja painamalla näyttöalueen Play-nappulaa. Häivytyksen lisäksi voit valita näytetäänkö elementtien reunat esityksessä (lisää esitykseen ensin elementtejä nähdäksesi eron).  
  
−
[[Tiedosto:Animaatiopohjat-8.png|frameless|611x611px]]
+
<!--T:19-->
 +
<br clear=all>
  
 +
<!--T:20-->
 +
[[Tiedosto:Animaatiopohjat-9v2.jpg|right|600px]]
 
Ennen ”Yleisasetuksista” poistumista, tallennetaan kaikki valitut asetukset kohdasta ”Ota muutokset käyttöön” (Aina kun tallennat uudet asetukset, näet muutokset näyttöalueella)
 
Ennen ”Yleisasetuksista” poistumista, tallennetaan kaikki valitut asetukset kohdasta ”Ota muutokset käyttöön” (Aina kun tallennat uudet asetukset, näet muutokset näyttöalueella)
  
−
[[Tiedosto:Animaatiopohjat-9.png|frameless|391x391px]]
 
−
 
−
[[Tiedosto:ANimaatiopohjat-10.png|frameless|289x289px]]
 
  
 +
<!--T:21-->
 
Yleisasetusten jälkeen siirrytään käytettävissä oleviin elementteihin.
 
Yleisasetusten jälkeen siirrytään käytettävissä oleviin elementteihin.
  
 +
<!--T:22-->
 +
<br clear=all>
 +
 +
<!--T:23-->
 +
[[Tiedosto:Animaatiopohjat-11v2.png|right|600px]]
 
'''Käytettävissä olevat elementit'''
 
'''Käytettävissä olevat elementit'''
  
 +
<!--T:24-->
 
Kuvaelementti on kenttä, johon voidaan lisätä kuva. Samoin teksti-elementti on kenttä, johon voidaan lisätä tekstiä. Kuva- ja tekstikenttiä voit raahata näyttöalueelle niin monta kappaletta kuin pohjaan halutaan lisätä.
 
Kuvaelementti on kenttä, johon voidaan lisätä kuva. Samoin teksti-elementti on kenttä, johon voidaan lisätä tekstiä. Kuva- ja tekstikenttiä voit raahata näyttöalueelle niin monta kappaletta kuin pohjaan halutaan lisätä.
  
−
[[Tiedosto:Animaatiopohjat-11.png|frameless|500x500px]]
+
<!--T:25-->
 +
<br clear=all>
  
 +
<!--T:26-->
 +
[[Tiedosto:Animaatiopohjat-12.png|right|600px]]
 
Näet kaikki lisäämäsi elementit näyttöalueella. Voit esiasetella elementit haluamillesi sijainnille raahaamalla elementtejä ja niiden kokoa voidaan muokata elementtien oikealta reunalta sekä alareunasta.
 
Näet kaikki lisäämäsi elementit näyttöalueella. Voit esiasetella elementit haluamillesi sijainnille raahaamalla elementtejä ja niiden kokoa voidaan muokata elementtien oikealta reunalta sekä alareunasta.
  
−
[[Tiedosto:Animaatiopohjat-12.png|frameless|468x468px]]
+
<!--T:27-->
 +
<br clear=all>
  
 +
<!--T:28-->
 +
[[Tiedosto:Animaatiopohjat-13v2.png|right|600px]]
 
Elementtien lisäyksen jälkeen siirrytään ”Elementtikohtaisiin asetuksiin”.
 
Elementtien lisäyksen jälkeen siirrytään ”Elementtikohtaisiin asetuksiin”.
  
 +
<!--T:29-->
 +
<br clear=all>
 +
 +
<!--T:30-->
 +
[[Tiedosto:Animaatiopohjat-14v2.png|right|600px]]
 
'''Elementtikohtaiset asetukset'''
 
'''Elementtikohtaiset asetukset'''
  
 +
<!--T:31-->
 
Valitse muokattava elementti joko aktivoimalla se näyttöalueelta tai valitsemalla se ”Asetukset” –vetovalikosta.
 
Valitse muokattava elementti joko aktivoimalla se näyttöalueelta tai valitsemalla se ”Asetukset” –vetovalikosta.
  
−
[[Tiedosto:Animaatiopohjat-13.png|frameless|491x491px]]
 
  
−
Jokaisella elementillä on neljät eri asetukset: perusasetukset, efektit, siirtymät ja lisäasetukset. Elementin muokkaus aloitetaan ”Perusasetuksista”, joka on alasvetovalikossa oletuksena. Viimeistään tässä vaiheessa määritellään elementin lopullinen sijainti ja koko. Voit muokata elementtiä raahaamalla/venyttämällä tai määrittää asetukset suoraan animaatiotyökaluun (x,y + korkeus/leveys).  
+
<!--T:32-->
 +
'''''Jokaisella elementillä on neljät eri asetukset''''': perusasetukset, efektit, siirtymät ja lisäasetukset. Elementin muokkaus aloitetaan ”Perusasetuksista”, joka on alasvetovalikossa oletuksena. Viimeistään tässä vaiheessa määritellään elementin lopullinen sijainti ja koko. Voit muokata elementtiä raahaamalla/venyttämällä tai määrittää asetukset suoraan animaatiotyökaluun (x,y + korkeus/leveys).
 +
  
 +
<!--T:33-->
 
Elementin nimeä voidaan muokata ”kentän nimi” kohdassa ja elementin tasauksen voi valita ”Tasaus” kohdasta.
 
Elementin nimeä voidaan muokata ”kentän nimi” kohdassa ja elementin tasauksen voi valita ”Tasaus” kohdasta.
  
−
[[Tiedosto:Animaatiopohjat-14.png|frameless|404x404px]]
+
<!--T:34-->
 +
<br clear=all>
 +
 
 +
<!--T:35-->
 +
[[Tiedosto:Animaatiopohjat-15.png|right|600px]]
  
 +
<!--T:36-->
 
Tekstielementissä voidaan valita sisällöntyyppi kohdasta ”sisällön tyyppi”. ”Staattinen teksti” tarkoittaa, että kenttään voidaan lisätä tekstiä. ”Aika ja päivämäärä” tarkoittaa sitä, että kenttään voidaan valita joko pelkkä aika tai päivämäärä yksinään tai molemmat tiedot. Näytettävä aikasisältö valitaan ”ajan muotoilu”-valikosta. Kellonaika ja päivämäärä päivittyvät automaattisesti mediasoittimen aikavyöhykkeen mukaan. Tämän jälkeen tekstielementille valitaan fontti, fontin koko ja väri.  
 
Tekstielementissä voidaan valita sisällöntyyppi kohdasta ”sisällön tyyppi”. ”Staattinen teksti” tarkoittaa, että kenttään voidaan lisätä tekstiä. ”Aika ja päivämäärä” tarkoittaa sitä, että kenttään voidaan valita joko pelkkä aika tai päivämäärä yksinään tai molemmat tiedot. Näytettävä aikasisältö valitaan ”ajan muotoilu”-valikosta. Kellonaika ja päivämäärä päivittyvät automaattisesti mediasoittimen aikavyöhykkeen mukaan. Tämän jälkeen tekstielementille valitaan fontti, fontin koko ja väri.  
  
−
[[Tiedosto:Animaatiopohjat-15.png|frameless|353x353px]][[Tiedosto:Animaatiopohjat-16.png|frameless|355x355px]]
+
<!--T:37-->
 +
<br clear=all>
  
 +
<!--T:38-->
 +
[[Tiedosto:Animaatiopohjat-17v2.png|right|600px]]
 
Kuvaelementissä lisäasetuksia ovat kuvasuhteen säilyttäminen ja mahdollisen oletuskuvan lataus.  
 
Kuvaelementissä lisäasetuksia ovat kuvasuhteen säilyttäminen ja mahdollisen oletuskuvan lataus.  
  
−
[[Tiedosto:Animaatiopohjat-17.png|frameless|362x362px]]
+
<!--T:39-->
 +
<br clear=all>
  
 +
<!--T:40-->
 +
[[Tiedosto:Animaatiopohjat-18.png|right|600px]]
 
Oletuskuvaa valittaessa valitaan ”oletuskuva” valikosta ”lataa uusi kuva”. Valitse kuva tietokoneeltasi ja klikkaa ”ok”. Valitse tämän jälkeen myös ”ota muutokset käyttöön”, jolloin äsken lisätty kuva tulee näkyviin näyttöalueelle.
 
Oletuskuvaa valittaessa valitaan ”oletuskuva” valikosta ”lataa uusi kuva”. Valitse kuva tietokoneeltasi ja klikkaa ”ok”. Valitse tämän jälkeen myös ”ota muutokset käyttöön”, jolloin äsken lisätty kuva tulee näkyviin näyttöalueelle.
  
−
[[Tiedosto:Animaatiopohjat-18.png|frameless|459x459px]]
 
  
 +
<!--T:41-->
 
Perusasetusten jälkeen siirrytään ”Efektit”-asetuksiin.
 
Perusasetusten jälkeen siirrytään ”Efektit”-asetuksiin.
  
 +
<!--T:42-->
 +
<br clear=all>
 +
 +
<!--T:43-->
 
'''Efektit'''
 
'''Efektit'''
  
 +
<!--T:44-->
 
Efektit-asetuksista voi luoda näyttäviä hehku- tai varjostusefektejä elementeille.
 
Efektit-asetuksista voi luoda näyttäviä hehku- tai varjostusefektejä elementeille.
  
 +
<!--T:45-->
 
Teksti- ja kuvaelementillä on samat efektivalinnat. ”Käytettävissä olevat efektit” –valikosta voidaan valita joko ”Hehku”- tai ”Varjo”-efekti. Vetovalikon alapuolelta aktivoidaan ”Käytä tätä efektiä” (poistamalla valinnan saat efektit pois kyseiseltä elementiltä).
 
Teksti- ja kuvaelementillä on samat efektivalinnat. ”Käytettävissä olevat efektit” –valikosta voidaan valita joko ”Hehku”- tai ”Varjo”-efekti. Vetovalikon alapuolelta aktivoidaan ”Käytä tätä efektiä” (poistamalla valinnan saat efektit pois kyseiseltä elementiltä).
  
 +
<!--T:46-->
 
Efektin valinnan jälkeen efektille määritetään väri, koko, voimakkuus ja pehmennys. Varjoefektissä lisävalintoina löytyy vielä varjon etäisyys ja kulma.
 
Efektin valinnan jälkeen efektille määritetään väri, koko, voimakkuus ja pehmennys. Varjoefektissä lisävalintoina löytyy vielä varjon etäisyys ja kulma.
  
−
[[Tiedosto:Animaatiopohjat-21.png|frameless|512x512px]]
+
<!--T:47-->
 +
[[Tiedosto:Animaatiopohjat-21.png|frameless|800px]] [[Tiedosto:Animaatiopohjat-22.png|frameless|800px]]
  
−
[[Tiedosto:Animaatiopohjat-22.png|frameless|462x462px]]
 
  
 +
<!--T:48-->
 
Muutettuasi efektin asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta, jolloin uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.  
 
Muutettuasi efektin asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta, jolloin uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.  
  
 +
<!--T:49-->
 
Voit halutessasi valita joko vain toisen efekteistä tai molemmat efektit. Valitse efektejä aktivoimalla ”käytä tätä siirtymää” –valinta.
 
Voit halutessasi valita joko vain toisen efekteistä tai molemmat efektit. Valitse efektejä aktivoimalla ”käytä tätä siirtymää” –valinta.
  
 +
<!--T:50-->
 
Koko animaatiopohjaa voit tarkastella näyttöalueen play-nappulan avulla.
 
Koko animaatiopohjaa voit tarkastella näyttöalueen play-nappulan avulla.
  
 +
<!--T:51-->
 +
[[Tiedosto:Animaatiopohjat-23.png|right|600px]]
 
'''Siirtymät'''
 
'''Siirtymät'''
  
 +
<!--T:52-->
 
Efektien valinnan jälkeen siirrytään ”Siirtymät”-asetuksiin. Valitse haluamasi siirtymä-efekti ”käytettävissä olevat siirtymät” valikosta.  
 
Efektien valinnan jälkeen siirrytään ”Siirtymät”-asetuksiin. Valitse haluamasi siirtymä-efekti ”käytettävissä olevat siirtymät” valikosta.  
  
−
[[Tiedosto:Animaatiopohjat-23.png|frameless]]
+
<!--T:53-->
 +
<br clear=all>
  
 +
<!--T:54-->
 +
[[Tiedosto:Animaatiopohjat-24.png|right|800px]]
 
Muista aktivoida ”käytä tätä siirtymää –valinta”, jotta pääset muokkaamaan siirtymäefektiä.
 
Muista aktivoida ”käytä tätä siirtymää –valinta”, jotta pääset muokkaamaan siirtymäefektiä.
  
 +
<!--T:55-->
 
Häivytys-siirtymissä asetetaan häivytyksen kesto ja elementin viive. ”Liu’uta”-siirtymissä lisävalintoina valitaan lu’utuksen suunta ja liikkeen tyyppi.
 
Häivytys-siirtymissä asetetaan häivytyksen kesto ja elementin viive. ”Liu’uta”-siirtymissä lisävalintoina valitaan lu’utuksen suunta ja liikkeen tyyppi.
  
 +
<!--T:56-->
 
Voit halutessasi valita vain yhden siirtymän tai vastaavasti kaikki siirtymät samalle elementille. Valitse siirtymiä aktivoimalla ”käytä tätä siirtymää” –valinta.
 
Voit halutessasi valita vain yhden siirtymän tai vastaavasti kaikki siirtymät samalle elementille. Valitse siirtymiä aktivoimalla ”käytä tätä siirtymää” –valinta.
  
 +
<!--T:57-->
 
Muutettuasi siirtymän asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta. Uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.
 
Muutettuasi siirtymän asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta. Uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.
  
−
[[Tiedosto:Animaatiopohjat-24.png|frameless|714x714px]]
+
<!--T:58-->
 +
<br clear=all>
  
 +
<!--T:59-->
 
'''Lisäasetukset'''
 
'''Lisäasetukset'''
  
−
[[Tiedosto:Animaatiopohjat-25.png|frameless|462x462px]]
+
<!--T:60-->
−
 
+
[[Tiedosto:Animaatiopohjat-25v2.png|right|800px]]
 
Viimeisenä siirrytään elementin ”lisäasetuksiin”. Lisäasetuksissa määritellään mitä elementin asetuksista on sallittua muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle.
 
Viimeisenä siirrytään elementin ”lisäasetuksiin”. Lisäasetuksissa määritellään mitä elementin asetuksista on sallittua muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle.
  
−
[[Tiedosto:Animaatiopohjat-26.png|frameless|535x535px]]
+
<!--T:61-->
 +
<br clear=all>
  
 +
<!--T:62-->
 +
[[Tiedosto:Animaatiopohjat-26v2.png|right|800px]]
 
Valitse ne ominaisuudet, jotka haluat olevan muokattavissa ja tallenna valinnat ”Ota muutokset käyttöön”-painikkeella.
 
Valitse ne ominaisuudet, jotka haluat olevan muokattavissa ja tallenna valinnat ”Ota muutokset käyttöön”-painikkeella.
  
−
[[Tiedosto:Animaatiopohjat-27.png|frameless|485x485px]]
+
<!--T:63-->
 +
<br clear=all>
  
 +
<!--T:64-->
 +
[[Tiedosto:Animaatiopohjat-27v2.png|right|800px]]
 
Kun kaikille animaatiopohjan elementeille on määritelty perus-, efekti-, siirtymä- ja lisäasetukset, on aika viimeistellä animaatiopohja.
 
Kun kaikille animaatiopohjan elementeille on määritelty perus-, efekti-, siirtymä- ja lisäasetukset, on aika viimeistellä animaatiopohja.
  
 +
<!--T:65-->
 +
<br clear=all>
 +
 +
<!--T:66-->
 +
[[Tiedosto:Animaatiopohjat-28v2.png|right|800px]]
 
'''Viimeistele'''
 
'''Viimeistele'''
  
 +
<!--T:67-->
 
Animaatiopohjalle annetaan pohjaa kuvaava nimi (esim. perhostausta_valk.tekst.) ja valitaan asetetaanko uusi pohja oletuspohjaksi/levitetäänkö koko organisaation käyttöön. Lopuksi animaatiopohja tallennetaan.
 
Animaatiopohjalle annetaan pohjaa kuvaava nimi (esim. perhostausta_valk.tekst.) ja valitaan asetetaanko uusi pohja oletuspohjaksi/levitetäänkö koko organisaation käyttöön. Lopuksi animaatiopohja tallennetaan.
  
−
[[Tiedosto:Animaatiopohjat-28.png|frameless|563x563px]]
+
<!--T:68-->
 +
<br clear=all>
 +
 
 +
</translate>

Nykyinen versio 7. heinäkuuta 2016 kello 13.25

Muut kielet:
English • ‎suomi

FirstView Managerissa voi luoda omia animaatioita ”Animaatiotyökalun” avulla. Animaatiotyökalulla tehdään animaatiopohja, johon määritellään ennalta elementtien sijainnit ja toiminnallisuudet. Animaatio-työkalun käyttöä varten koneella tulee olla asennettuna Flash Player, mikäli sitä ei ole, niin voit ladata sen esimerkiksi täältä: https://get.adobe.com/flashplayer/

Animaatiopohjien luominen

Animaatiopohjat-1v2.png

FirstView Managerin vasemmasta laidasta valitaan "Esityspohjat" -välilehti.


Animaatiopohjat-2v2.png

Esityspohjien hallinnasta klikataan Animaatiopohjat –valikon oikealla puolella sijaitsevaa plusmerkkiä, josta päästään luomaan uusi animaatiopohja.


Animaatiopohjat-3v2.png

Animaatiopohja luodaan neljässä vaiheessa. Ensin määritetään yleisasetukset, sitten käytettävissä olevat elementit sekä elementtikohtaiset asetukset ja lopuksi viimeistely.


Yleisasetukset

Ensin määritellään animaatiopohjan koko ja näytön suunta (vaaka-/pystyasento). Pohjan koko eli resoluutio valitaan sen mukaan, mikä on näytön kuvasuhde.

Esimerkiksi 16:9 vaakanäytölle valitaan resoluutioksi 1920 x 1080. Kuvan näyttöaikaan määritellään kuinka kauan esitys näkyy kerrallaan näytöllä.

ANimaatiopohjat-4.pngAnimaatiopohjat-5.png


Animaatiopohjaan voidaan valita taustaksi joko taustaväri tai tuoda uusi taustakuva tietokoneelta/valita taustakuva muista esityspohjista (työkalu listaa olemassa olevat taustakuvat automaattisesti).

Animaatiopohjat-6.pngAnimaatiopohjat-7.png


Animaatiopohjat-8v2.png

Taustan valinnan jälkeen määritetään, mitä asetuksia voidaan muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle. Animaatiopohjan luoja voi päättää, saako animaatioesitykseen vaihtaa taustakuvan ja muokata näyttöaikaa vielä esityksen lisäysvaiheessa. Jos asetuksia ei haluta jättää avoimeksi, niin ”Näyttöaika” ja ”Taustakuva” valinnat jätetään valitsematta.

Animaation yleisasetuksissa määritellään myös halutaanko animaatioesityksen ilmestyvän ja/tai poistuvan näytöltä häivyttäen. Häivytykset voidaan aktivoida lisäämällä valinnat ”Näytä häivyttäen” ja ”Piilota häivyttäen” valintoihin. Häivitykselle voidaan myös valita kesto.

Voit tarkastella häivytyksen lopputulosta tallentamalla asetukset ”Ota muutokset käyttöön” –painikkeesta ja painamalla näyttöalueen Play-nappulaa. Häivytyksen lisäksi voit valita näytetäänkö elementtien reunat esityksessä (lisää esitykseen ensin elementtejä nähdäksesi eron).


Animaatiopohjat-9v2.jpg

Ennen ”Yleisasetuksista” poistumista, tallennetaan kaikki valitut asetukset kohdasta ”Ota muutokset käyttöön” (Aina kun tallennat uudet asetukset, näet muutokset näyttöalueella)


Yleisasetusten jälkeen siirrytään käytettävissä oleviin elementteihin.


Animaatiopohjat-11v2.png

Käytettävissä olevat elementit

Kuvaelementti on kenttä, johon voidaan lisätä kuva. Samoin teksti-elementti on kenttä, johon voidaan lisätä tekstiä. Kuva- ja tekstikenttiä voit raahata näyttöalueelle niin monta kappaletta kuin pohjaan halutaan lisätä.


Animaatiopohjat-12.png

Näet kaikki lisäämäsi elementit näyttöalueella. Voit esiasetella elementit haluamillesi sijainnille raahaamalla elementtejä ja niiden kokoa voidaan muokata elementtien oikealta reunalta sekä alareunasta.


Animaatiopohjat-13v2.png

Elementtien lisäyksen jälkeen siirrytään ”Elementtikohtaisiin asetuksiin”.


Animaatiopohjat-14v2.png

Elementtikohtaiset asetukset

Valitse muokattava elementti joko aktivoimalla se näyttöalueelta tai valitsemalla se ”Asetukset” –vetovalikosta.


Jokaisella elementillä on neljät eri asetukset: perusasetukset, efektit, siirtymät ja lisäasetukset. Elementin muokkaus aloitetaan ”Perusasetuksista”, joka on alasvetovalikossa oletuksena. Viimeistään tässä vaiheessa määritellään elementin lopullinen sijainti ja koko. Voit muokata elementtiä raahaamalla/venyttämällä tai määrittää asetukset suoraan animaatiotyökaluun (x,y + korkeus/leveys).


Elementin nimeä voidaan muokata ”kentän nimi” kohdassa ja elementin tasauksen voi valita ”Tasaus” kohdasta.


Animaatiopohjat-15.png

Tekstielementissä voidaan valita sisällöntyyppi kohdasta ”sisällön tyyppi”. ”Staattinen teksti” tarkoittaa, että kenttään voidaan lisätä tekstiä. ”Aika ja päivämäärä” tarkoittaa sitä, että kenttään voidaan valita joko pelkkä aika tai päivämäärä yksinään tai molemmat tiedot. Näytettävä aikasisältö valitaan ”ajan muotoilu”-valikosta. Kellonaika ja päivämäärä päivittyvät automaattisesti mediasoittimen aikavyöhykkeen mukaan. Tämän jälkeen tekstielementille valitaan fontti, fontin koko ja väri.


Animaatiopohjat-17v2.png

Kuvaelementissä lisäasetuksia ovat kuvasuhteen säilyttäminen ja mahdollisen oletuskuvan lataus.


Animaatiopohjat-18.png

Oletuskuvaa valittaessa valitaan ”oletuskuva” valikosta ”lataa uusi kuva”. Valitse kuva tietokoneeltasi ja klikkaa ”ok”. Valitse tämän jälkeen myös ”ota muutokset käyttöön”, jolloin äsken lisätty kuva tulee näkyviin näyttöalueelle.


Perusasetusten jälkeen siirrytään ”Efektit”-asetuksiin.


Efektit

Efektit-asetuksista voi luoda näyttäviä hehku- tai varjostusefektejä elementeille.

Teksti- ja kuvaelementillä on samat efektivalinnat. ”Käytettävissä olevat efektit” –valikosta voidaan valita joko ”Hehku”- tai ”Varjo”-efekti. Vetovalikon alapuolelta aktivoidaan ”Käytä tätä efektiä” (poistamalla valinnan saat efektit pois kyseiseltä elementiltä).

Efektin valinnan jälkeen efektille määritetään väri, koko, voimakkuus ja pehmennys. Varjoefektissä lisävalintoina löytyy vielä varjon etäisyys ja kulma.

Animaatiopohjat-21.png Animaatiopohjat-22.png


Muutettuasi efektin asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta, jolloin uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.

Voit halutessasi valita joko vain toisen efekteistä tai molemmat efektit. Valitse efektejä aktivoimalla ”käytä tätä siirtymää” –valinta.

Koko animaatiopohjaa voit tarkastella näyttöalueen play-nappulan avulla.

Animaatiopohjat-23.png

Siirtymät

Efektien valinnan jälkeen siirrytään ”Siirtymät”-asetuksiin. Valitse haluamasi siirtymä-efekti ”käytettävissä olevat siirtymät” valikosta.


Animaatiopohjat-24.png

Muista aktivoida ”käytä tätä siirtymää –valinta”, jotta pääset muokkaamaan siirtymäefektiä.

Häivytys-siirtymissä asetetaan häivytyksen kesto ja elementin viive. ”Liu’uta”-siirtymissä lisävalintoina valitaan lu’utuksen suunta ja liikkeen tyyppi.

Voit halutessasi valita vain yhden siirtymän tai vastaavasti kaikki siirtymät samalle elementille. Valitse siirtymiä aktivoimalla ”käytä tätä siirtymää” –valinta.

Muutettuasi siirtymän asetuksia, tallenna asetukset käyttäen ”Ota muutokset käyttöön” –painiketta. Uudet asetukset tulevat näkyviin näyttöalueelle. Voit muokata ja tallentaa asetuksia, kunnes olet tyytyväinen lopputulokseen.


Lisäasetukset

Animaatiopohjat-25v2.png

Viimeisenä siirrytään elementin ”lisäasetuksiin”. Lisäasetuksissa määritellään mitä elementin asetuksista on sallittua muokata vielä silloin, kun esitystä ollaan lisäämässä näytölle.


Animaatiopohjat-26v2.png

Valitse ne ominaisuudet, jotka haluat olevan muokattavissa ja tallenna valinnat ”Ota muutokset käyttöön”-painikkeella.


Animaatiopohjat-27v2.png

Kun kaikille animaatiopohjan elementeille on määritelty perus-, efekti-, siirtymä- ja lisäasetukset, on aika viimeistellä animaatiopohja.


Animaatiopohjat-28v2.png

Viimeistele

Animaatiopohjalle annetaan pohjaa kuvaava nimi (esim. perhostausta_valk.tekst.) ja valitaan asetetaanko uusi pohja oletuspohjaksi/levitetäänkö koko organisaation käyttöön. Lopuksi animaatiopohja tallennetaan.


Haettu osoitteesta http://wiki.firstview.fi/w/index.php?title=Animaatiopohjat&oldid=4814