Synfig Studio :: Documentation - User contributions [en]

Waypoint/fi

2010-11-10T10:34:39Z

Mikalaari:

{{Title|Muutospiste}}
{{Category|Glossary}}


== Johdanto ==

Muutospisteet ovat {{l|timetrack|aikaraita}}-paneelissa näkyviä symboleita. Aina kun jotain ominaisuutta muutetaan animaatiomuokkaus-tilassa, syntyy uusi muutospiste. Esimerkiksi kun liikutat B-viivan jonkin kärjen {{l|duck|tangenttikahvaa}}, asetetaan aikaraitaan muutospiste ilmaisemaan tätä muutosta. Oikeastaan et muokannutkaan tangenttia, vaan kahta eri tangentin määrittävää ominaisuutta: sen kulmaa ("Theta") ja sen pituutta ("Säde"). Tangenttipisteen avaaminen ominaisuuspaneeliin paljastaa, että kummankin mainitun ominaisuuden kohdalle on lisätty muutospiste.

Yhden ainoan tangenttikahvan liikuttamisen seurauksena asetetaan seuraavat muutospisteet:
* tangentin pituus muuttui ("Säde")
* tangentin kulma muuttui ("Theta")
** tangentti muuttui ("Tangentti 1")
*** kärki muuttui ("Kärki 001")
**** kärjet muuttuivat ("Kärjet")
Näistä vain kaksi ensimmäistä ovat lehtimuutospisteitä — muut ovat niiden isämuutospisteitä (ja esi-isämuutospisteitä).

Asioiden nykytilanteessa on mahdollista poistaa vain yksi lehtimuutospiste kerrallaan. Jos esimerkiksi haluat poistaa edellä tangenttikahvaan tehdyn muutoksen, sinun täytyy avata tangentti ja poistaa sekä "Theta"- että "Säde"-muutospiste. Mahdollisuus poistaa kokonainen muutospisteiden puu yhdellä napsautuksella olisi kätevä, samoin kuin mahdollisuus valita useita muutospisteitä kerrallaan ja käsitellä niitä yhtenä könttinä.

== Muutospisteiden muokkaus ==

Muutospisteden raahaaminen sivusuunnassa hiiren vasemalla napilla muuttaa sitä hetkeä, milloin ne vaikuttavat ominaisuuksiinsa. Jos raahaat isäominaisuuden muutospistettä, kaikki sen lapsimuutospisteet liikkuvat mukana.

Muutospisteen napsautus oikealla napilla näyttää kohdevalikon, joka sisältää seuraavat kohdat:
* Hyppää: Asettaa tämänhetkisen ajan muutospisteen ajaksi.
* Muokkaa muutospistettä: Näkyy vain yksilehtisille muutospisteille. Avaa ikkunan, josta voi muuttaa erinäisiä arvoja. [[Category: Finnish translation FIXME|kirjoita kuvaus]]
* Kahdenna: Näkyy vain yksilehtisille muutospisteille. Tekee muutospisteestä kopion nykyiseen ajankohtaan.
* Poista: Näkyy vain yksilehtisille muutospisteille. Poistaa muutospisteen.
* Muuta tulo/lähtöinterp.: Näkyy vain monilehtisille muutospisteille. Mahdollistaa tulo- tai lähtöinterpoloinnin asetusten muuttamisen muutospisteille ja kaikille sen lapsille. Se muokataanko lähtö- vai tulopuolta riippuu siitä kumpaa muutospisteen puolikasta napsautetaan.

== Interpolointi ==

Kaikille muutospisteille voi asettaa tulo- ja lähtöinterpoloinnin, joka kertoo millä tavalla siihen liittyvä ominaisuus muuttuu — ajan suhteen suoraviivaisesti vai käyrää seuraten.

Tulointerpolointi ohjaa ominaisuuden muuttumista muutospistettä edeltävänä aikana, ja lähtöinterpolointi sen jälkeisenä aikana. Käytettävissä on seuraavat interpolointityypit:

* {{l|TCB|KJV-pehmeä}}: Jos ominaisuuden muutos ajan suhteen ajatellaan kuvaajana, KJV-interpolointi sovittaa pehmeän käyrän peräkkäisten muutospisteiden väliin, suurinpiirtein samaan tapaan kuin B-viivatyökalu sovittaa pehmeitä käyriä peräkkäisten kärkipisteiden välille.
* Vakio: Keskeyttää animaation.
* Suoraviivainen: Ominaisuuden kuvaaja ajan suhteen on suora viiva.
* Rauhallinen tulo/lähtö: Kuvaaja on vaakatasossa, kun se lähtee muutospisteestä.
* Käsisäätöinen: [[Category: Finnish translation FIXME|kirjoita kuvaus]] ({{l|TCB|KJV}}-arvojen säätö käsin?)
* Määrittelemätön: Tämä näkyy vain monilehtisissä muutospisteissä, kun sen lehtimuutospisteiden joukossa on erilaisia interpolointityyppejä.

=== Ulkonäkö ===

Aikaraidassa näytettävien muutospisteiden symboloiden väri ja muoto kertovat muutospisteen interpolointityypin:

http://dooglus.rincevent.net/synfig/waypoint-colours.png

Kaikki muutospisteet on jaettu kahteen puolikkaaseen. Vasen puoli kuvaa pisteen tulointerpolointia ja oikea puoli sen lähtöinterpolointia. Siksipä mahdollisia yhdistelmiä on iso joukko. Seuraavat muutospisteet on saatu yhden B-viivan viidestä kärjestä:

http://dooglus.rincevent.net/synfig/waypoints-all.png

Huom: kuvien valmistukseen käytetyn .sif-tiedoston voi ladata. [http://dooglus.rincevent.net/synfig/waypoint-examples.sif]

Täällä on [http://dooglus.rincevent.net/synfig/interpolation.sif
kokeeksi tehty .sif-tiedosto], joka näyttää 25 pallukkaa ja niiden liikkeen eri muutospisteyhdistelmien kanssa. Siitä tulee [http://dooglus.rincevent.net/synfig/interpolation.avi 634-kiloinen .avi-tiedosto], ja sen voi ladata matalatarkkuuksisena versiona [http://www.youtube.com/watch?v=SI1VaH2psts YouTubesta]. Pane merkille, että:
* pallukat, joissa on punaista (vakio) eivät liiku ollenkaan
* keltaiset (suoraviivaiset) puoliskot "pomppaavat" seinistä
* siniset (rauhalliset) puoliskot liukuvat pehmeästi seinän viereen
* vihreät (KJV-pehmeät) puoliskot pomppaavat ylhäällä (animaatio on yksinkertainen alas-ylös-animatio, jota ajetaan kehässä, joten ylälaidassa ei ole "ympäristöä", johon KJV voisi sovittaa käyrän), mutta kääntyvät pehmeästi alhaalla
* violetit (käsisäätöiset) puoliskot käyttäytyvät omituisesti [[Category: Finnish translation FIXME|kirjoita kuvaus]]

Määrittelemätöntä (harmaata) symbolia käytetään, kun aikaraitapaneelin rivi sisältää useita muutospisteitä. Esimerkiksi rivi "kärjet" sisältää kaikki B-viivaan kuuluvat kärjet. Kullakin kärjellä voi olla useita muutospisteitä, joilla on kaikilla eri interpolointi. Jos kaikilla on sama interpolointi, käytetään vastaavaa symbolia. Muussa tapauksessa näytetään harmaa "määrittelemätön"-symboli.

Seuraavat muutospisteet ovat edellä mainitun B-viivan "kärjet"-riviltä. Siitä, että kaikkien muutospisteiden vasen puoli on värillinen, voi päätellä, että kaikkien kärkien tulointerpolointi on sama, ja vastaavasti harmaasta oikeasta puolesta voi päätellä, että kaikissa sarakkeissa on useita eri lähtöinterpolointeja.

http://dooglus.rincevent.net/synfig/waypoints-undef.png

Doc:Adding Layers/fi

2010-10-28T13:53:09Z

Mikalaari:

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

{{l|Doc:Animation_Basics/fi|Edellisessä oppaassa}} opetimme sinua tekemään yksinkertaisen animaation muuttamalla peruskuvioiden ominaisuuksia kuten paikkaa, väriä ja kokoa. Nämä perustyypit eivät silti useinkaan riitä monimutkaisten hahmojen ja kappaleiden tekoon. Niiden tekemiseen Synfig käyttää {{l|Layer/fi|tasoja}}. Ne muistuttavat muissa piirrosohjelmissa käytettäviä tasoja sikäli, että niiden avulla kuvan eri osat erotetaan toisistaan.

Synfigin tasot eroavat kuitenkin muiden ohjelmien tasoista ainakin kolmessa mielessä:
# Jokainen kuvio, osa ja tehoste on omalla tasollaan.
# Tasot voi järjestää hierarkisiin ryhmiin.
# Ylempiä tasoja voi käyttää muuttamaan alempien tasojen käyttäytymistä (tai ulkonäköä).

Kuten tulet huomaamaan, tasot ovat erittäin tärkeä osa Synfigiä, paljon enemmän kuin muissa grafiikkaohjelmissa.

== Tasojen yhdistelmät ==

Katsotaanpa yksinkertaista esimerkkiä kahden tason yhdistämisestä toisiinsa gradienttitehosteen luomiseksi suorakaiteeseen.

Tee uusi tiedosto, jonka pituus on nolla. Tässä vaiheessa ei tarvitse välittää aikajanasta. Piirrä sitten suorakaidetyökalulla yksinkertainen suorakaide.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Ota {{l|Category:Toolbox|työkalupakista}} {{l|Gradient Tool/fi|gradienttityökalu}}, paina hiiren vasenta nappia kankaalla, muuta gradientien suuntaa raahaamalla ja päästä napista, kun olet valmis. Pane merkille, että {{l|Layers Panel/fi|tasopaneeliin}} on lisätty taso nimeltä '''Gradientti'''. Tässä ei ole mitään erikoista.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Huomio|Jos et näe gradienttia, vaan yhden ainoan värin, olet mitä todennäköisemmin napsauttanut kangasta raahamatta hiirtä lainkaan. Tilanteen korjaamiseksi nappaa {{l|Transform Tool|muutostyökalu}} ja napsauta kangasta, jotta saat gradienttikahvat esiin. Sinun pitää tarttua päällimmäiseen kahvaan ja raahata sitä hiukan, kunnes saat gradientin näkyviin.}}

Nyt sinulla on gradientti, mutta se ei ole sellainen kuin halusit: se levittäytyy koko kankaan yli. Tavoitteena oli laittaa gradientti suorakulmioon. Korjataanpa tilanne.

Valitse {{l|Layers Panel/fi|tasopaneelista}} sekä gradientti että suorakaide. Avaa niistä sitten kohdevalikko hiiren oikealla napilla ja napsauta valikosta {{Literal|Kapseloi}}. Tasopaneelin pitäisi nyt muuttua ja näyttää vain pieni laatikko ja teksti {{l|Paste Canvas/fi|leikekangas}}, jonka edessä on nuoli. Nuolta napsauttamalla voit laajentaa leikekankaan ja kurkistaa sen sisältöä, eli edelliset kaksi tasoa: gradientti ja suorakulmio.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Tätä tasoa voi nyt käsitellä kuten mitä tahansa tasoa: liikutella, monistaa, kopioida ja liittää. Jos haluat antaa sille nimeksi jotain kuvaavampaa, sinun tarvitsee vain valita taso paneelista ja napsauttaa sen nimikettä. Sitten voit muokata sitä paikan päällä. Voit tehdä saman mille tahansa tasolle, ja suosittelemme sitä lämpimästi.

== Paikallisuuden käyttö ==
Meillä on kuitenkin yhä ongelma: gradientti peittää vieläkin koko kankaan, vaikka halusimme rajoittaa sen suorakulmioon. Jotta se saataisiin aikaan, valitse gradientti tasopaneelista. Siirry sitten {{l|Params Panel/fi|ominaisuuspaneeliin}} (vakiona se sijaitsee alimmaisessa ikkunassa), ja etsi määre nimeltä {{Literal|Sekoitustapa}}. Napsauta sitä kahdesti ja valitse alasvetovalikosta {{Literal|Päälle}}.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Gradientin tulisi nyt rajoittua suorakulmioon. Onnittelut! Teit juuri ensimmäisen tehosteesi Synfigissä vuorovaikutteisilla tasoilla.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Jo yksin lisääntyneen järjestyksen vuoksi tasojen kapselointi leikekankaisiin parantaa Synfig-studion käytettävyyttä dramaattisesti. Mutta sama pätee moniin muihinkin ohjelmiin. Äsken esitelty "vaikutusalueen" käsite erottaa Synfigin muista tasohierarkian sisältävistä ohjelmista. Avainasia on se, että taso voi muuttaa vain ja ainoastaan dataa, jonka se saa '''suoraan itsensä alapuolelta'''. Toisin sanoen, jos aikoisit heittää {{l|Blur Layer/fi|sumennustason}} tekemämme {{l|Paste Canvas|leikekankaan}} sisälle muiden tasojen päälle, se sumentaisi vain ne — mitään leikekankaan alla olevaa ei sumennettaisi! Testataan sitä käytännössä.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fi

2010-10-26T22:42:06Z

Mikalaari:

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

{{l|Doc:Animation_Basics/fi|Edellisessä oppaassa}} opetimme sinua tekemään yksinkertaisen animaation muuttamalla peruskuvioiden ominaisuuksia kuten paikkaa, väriä ja kokoa. Nämä perustyypit eivät silti useinkaan riitä monimutkaisten hahmojen ja kappaleiden tekoon. Niiden tekemiseen Synfig käyttää {{l|Layer/fi|tasoja}}. Ne muistuttavat muissa piirrosohjelmissa käytettäviä tasoja sikäli, että niiden avulla kuvan eri osat erotetaan toisistaan.

Synfigin tasot eroavat kuitenkin muiden ohjelmien tasoista ainakin kolmessa mielessä:
# Jokainen kuvio, osa ja tehoste on omalla tasollaan.
# Tasot voi järjestää hierarkisiin ryhmiin.
# Ylempiä tasoja voi käyttää muuttamaan alempien tasojen käyttäytymistä (tai ulkonäköä).

Kuten tulet huomaamaan, tasot ovat erittäin tärkeä osa Synfigiä, paljon enemmän kuin muissa grafiikkaohjelmissa.

== Tasojen yhdistelmät ==

Katsotaanpa yksinkertaista esimerkkiä kahden tason yhdistämisestä toisiinsa gradienttitehosteen luomiseksi suorakaiteeseen.

Tee uusi tiedosto, jonka pituus on nolla. Tässä vaiheessa ei tarvitse välittää aikajanasta. Piirrä sitten suorakaidetyökalulla yksinkertainen suorakaide.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Ota {{l|Category:Toolbox|työkalupakista}} {{l|Gradient Tool/fi|gradienttityökalu}}, paina hiiren vasenta nappia kankaalla, muuta gradientien suuntaa raahaamalla ja päästä napista, kun olet valmis. Pane merkille, että {{l|Layers Panel/fi|tasopaneeliin}} on lisätty taso nimeltä '''Gradientti'''. Tässä ei ole mitään erikoista.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Huomio|Jos et näe gradienttia, vaan yhden ainoan värin, olet mitä todennäköisemmin napsauttanut kangasta raahamatta hiirtä lainkaan. Tilanteen korjaamiseksi nappaa {{l|Transform Tool|muutostyökalu}} ja napsauta kangasta, jotta saat gradienttikahvat esiin. Sinun pitää tarttua päällimmäiseen kahvaan ja raahata sitä hiukan, kunnes saat gradientin näkyviin.}}

Nyt sinulla on gradientti, mutta se ei ole sellainen kuin halusit: se levittäytyy koko kankaan yli. Tavoitteena oli laittaa gradientti suorakulmioon. Korjataanpa tilanne.

Valitse {{l|Layers Panel/fi|tasopaneelista}} sekä gradientti että suorakaide. Avaa niistä sitten kohdevalikko hiiren oikealla napilla ja napsauta valikosta {{Literal|Kapseloi}}. Tasopaneelin pitäisi nyt muuttua ja näyttää vain pieni laatikko ja teksti {{l|Paste Canvas/fi|leikekangas}}, jonka edessä on nuoli. Nuolta napsauttamalla voit laajentaa leikekankaan ja kurkistaa sen sisältöä, eli edelliset kaksi tasoa: gradientti ja suorakulmio.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Tätä tasoa voi nyt käsitellä kuten mitä tahansa tasoa: liikutella, monistaa, kopioida ja liittää. Jos haluat antaa sille nimeksi jotain kuvaavampaa, sinun tarvitsee vain valita taso paneelista ja napsauttaa sen nimikettä. Sitten voit muokata sitä paikan päällä. Voit tehdä saman mille tahansa tasolle, ja suosittelemme sitä lämpimästi.

== Paikallisuuden käyttö ==
Meillä on kuitenkin yhä ongelma: gradientti peittää vieläkin koko kankaan, vaikka halusimme rajoittaa sen suorakulmioon. Jotta se saataisiin aikaan, valitse gradientti tasopaneelista. Siirry sitten {{l|Params Panel/fi|ominaisuuspaneeliin}} (vakiona se sijaitsee alimmaisessa ikkunassa), ja etsi määre nimeltä {{Literal|Sekoitustapa}}. Napsauta sitä kahdesti ja valitse alasvetovalikosta {{Literal|Päälle}}.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Gradientin tulisi nyt rajoittua suorakulmioon. Onnittelut! Teit juuri ensimmäisen tehosteen Synfigissä vuorovaikutteisilla tasoilla.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them — anything under the inline canvas would not be blurred! Let's try it.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fi

2010-10-26T19:23:20Z

Mikalaari:

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

{{l|Doc:Animation_Basics/fi|Edellisessä oppaassa}} opetimme sinua tekemään yksinkertaisen animaation muuttamalla peruskuvioiden ominaisuuksia kuten paikkaa, väriä ja kokoa. Nämä perustyypit eivät silti useinkaan riitä monimutkaisten hahmojen ja kappaleiden tekoon. Niiden tekemiseen Synfig käyttää {{l|Layer/fi|tasoja}}. Ne muistuttavat muissa piirrosohjelmissa käytettäviä tasoja sikäli, että niiden avulla kuvan eri osat erotetaan toisistaan.

Synfigin tasot eroavat kuitenkin muiden ohjelmien tasoista ainakin kolmessa mielessä:
# Jokainen kuvio, osa ja tehoste on omalla tasollaan.
# Tasot voi järjestää hierarkisiin ryhmiin.
# Ylempiä tasoja voi käyttää muuttamaan alempien tasojen käyttäytymistä (tai ulkonäköä).

Kuten tulet huomaamaan, tasot ovat erittäin tärkeä osa Synfigiä, paljon enemmän kuin muissa grafiikkaohjelmissa.

== Tasojen yhdistelmät ==

Katsotaanpa yksinkertaista esimerkkiä kahden tason yhdistämisestä toisiinsa gradienttitehosteen luomiseksi suorakaiteeseen.

Tee uusi tiedosto, jonka pituus on nolla. Tässä vaiheessa ei tarvitse välittää aikajanasta. Piirrä sitten suorakaidetyökalulla yksinkertainen suorakaide.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Ota {{l|Category:Toolbox|työkalupakista}} {{l|Gradient Tool/fi|gradienttityökalu}}, paina hiiren vasenta nappia kankaalla, muuta gradientien suuntaa raahaamalla ja päästä napista, kun olet valmis. Pane merkille, että {{l|Layers Panel/fi|tasopaneeliin}} on lisätty taso nimeltä '''Gradientti'''. Tässä ei ole mitään erikoista.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Huomio|Jos et näe gradienttia, vaan yhden ainoan värin, olet mitä todennäköisemmin napsauttanut kangasta raahamatta hiirtä lainkaan. Tilanteen korjaamiseksi nappaa {{l|Transform Tool|muutostyökalu}} ja napsauta kangasta, jotta saat gradienttikahvat esiin. Sinun pitää tarttua päällimmäiseen kahvaan ja raahata sitä hiukan, kunnes saat gradientin näkyviin.}}

Nyt sinulla on gradientti, mutta se ei ole sellainen kuin halusit: se levittäytyy koko kankaan yli. Tavoitteena oli laittaa gradientti suorakulmioon. Korjataanpa tilanne.

Valitse {{l|Layers Panel/fi|tasopaneelista}} sekä gradientti että suorakaide. Avaa niistä sitten kohdevalikko hiiren oikealla napilla ja napsauta valikosta {{Literal|Kapseloi}}. Tasopaneelin pitäisi nyt muuttua ja näyttää vain pieni laatikko ja teksti {{l|Paste Canvas/fi|leikekangas}}, jonka edessä on nuoli. Nuolta napsauttamalla voit laajentaa leikekankaan ja kurkistaa sen sisältöä, eli edelliset kaksi tasoa: gradientti ja suorakulmio.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Tätä tasoa voi nyt käsitellä kuten mitä tahansa tasoa: liikutella, monistaa, kopioida ja liittää. Jos haluat antaa sille nimeksi jotain kuvaavampaa, sinun tarvitsee vain valita taso paneelista ja napsauttaa sen nimikettä. Sitten voit muokata sitä paikan päällä. Voit tehdä saman mille tahansa tasolle, ja suosittelemme sitä.

== Using locality ==
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them — anything under the inline canvas would not be blurred! Let's try it.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fi

2010-10-26T18:41:43Z

Mikalaari:

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

{{l|Doc:Animation_Basics/fi|Edellisessä oppaassa}} opetimme sinua tekemään yksinkertaisen animaation muuttamalla peruskuvioiden ominaisuuksia kuten paikkaa, väriä ja kokoa. Nämä perustyypit eivät silti useinkaan riitä monimutkaisten hahmojen ja kappaleiden tekoon. Niiden tekemiseen Synfig käyttää {{l|Layer/fi|tasoja}}. Ne muistuttavat muissa piirrosohjelmissa käytettäviä tasoja sikäli, että niiden avulla kuvan eri osat erotetaan toisistaan.

Synfigin tasot eroavat kuitenkin muiden ohjelmien tasoista ainakin kolmessa mielessä:
# Jokainen kuvio, osa ja tehoste on omalla tasollaan.
# Tasot voi järjestää hierarkisiin ryhmiin.
# Ylempiä tasoja voi käyttää muuttamaan alempien tasojen käyttäytymistä (tai ulkonäköä).

Kuten tulet huomaamaan, tasot ovat erittäin tärkeä osa Synfigiä, paljon enemmän kuin muissa grafiikkaohjelmissa.

== Tasojen yhdistelmät ==

Katsotaanpa yksinkertaista esimerkkiä kahden tason yhdistämisestä toisiinsa gradienttitehosteen luomiseksi suorakaiteeseen.

Tee uusi tiedosto, jonka pituus on nolla. Tässä vaiheessa ei tarvitse välittää aikajanasta. Piirrä sitten suorakaidetyökalulla yksinkertainen suorakaide.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Ota {{l|Category:Toolbox|työkalupakista}} {{l|Gradient Tool/fi|gradienttityökalu}}, paina hiiren vasenta nappia kankaalla, muuta gradientien suuntaa raahaamalla ja päästä napista, kun olet valmis. Pane merkille, että {{l|Layers Panel/fi|tasopaneeliin}} on lisätty taso nimeltä '''Gradientti'''. Tässä ei ole mitään erikoista.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Huomio|Jos et näe gradienttia, vaan yhden ainoan värin, olet mitä todennäköisemmin napsauttanut kangasta raahamatta hiirtä lainkaan. Tilanteen korjaamiseksi nappaa {{l|Transform Tool|muutostyökalu}} ja napsauta kangasta, jotta saat gradienttikahvat esiin. Sinun pitää tarttua päällimmäiseen kahvaan ja raahata sitä hiukan, kunnes saat gradientin näkyviin.}}

Nyt sinulla on gradientti, mutta se ei ole sellainen kuin halusit: se levittäytyy koko kankaan yli. Tavoitteena oli laittaa gradientti suorakulmioon. Korjataanpa tilanne.

In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

You can treat this layer like any other layer — move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.

== Using locality ==
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them — anything under the inline canvas would not be blurred! Let's try it.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fi

2010-10-25T11:32:03Z

Mikalaari:

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

{{l|Doc:Animation_Basics/fi|Edellisessä oppaassa}} opetimme sinua tekemään yksinkertaisen animaation muuttamalla peruskuvioiden ominaisuuksia kuten paikkaa, väriä ja kokoa. Nämä perustyypit eivät silti useinkaan riitä monimutkaisten hahmojen ja kappaleiden tekoon. Niiden tekemiseen Synfig käyttää {{l|Layer/fi|tasoja}}. Ne muistuttavat muissa piirrosohjelmissa käytettäviä tasoja sikäli, että niiden avulla kuvan eri osat erotetaan toisistaan.

Synfigin tasot eroavat kuitenkin muiden ohjelmien tasoista ainakin kolmessa mielessä:
# Jokainen kuvio, osa ja tehoste on omalla tasollaan.
# Tasot voi järjestää hierarkisiin ryhmiin.
# Ylempiä tasoja voi käyttää muuttamaan alempien tasojen käyttäytymistä (tai ulkonäköä).

Kuten tulet huomaamaan, tasot ovat erittäin tärkeä osa Synfigiä, paljon enemmän kuin muissa grafiikkaohjelmissa.

== Tasojen yhdistelmät ==

Katsotaanpa yksinkertaista esimerkkiä kahden tason yhdistämisestä toisiinsa gradienttitehosteen luomiseksi suorakaiteeseen.

Avaa uusi tiedosto, jonka pituus on nolla. Tässä vaiheessa ei tarvitse huolehtia aikajanasta. Piirrä sitten suorakaidetyökalulla yksinkertainen suorakaide.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press left mouse button on the canvas, drag to change gradient direction and release button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l|Transform Tool|Transform Tool}}, click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.}}
You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.

In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

You can treat this layer like any other layer — move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.

== Using locality ==
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them — anything under the inline canvas would not be blurred! Let's try it.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Category:Finnish translation FIXME

2010-10-25T10:23:25Z

Mikalaari: Created page with 'Category:Finnish translation'

[[Category:Finnish translation]]

Category:Manual/fi

2010-10-25T10:20:23Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview/fi|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started/fi|Vasta-alkajille}} 
** {{L|Doc:Animation Basics/fi|Animaation perusteet}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method/fi|Sekoitustapa}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Muutospiste}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-ominaisuus}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Waypoint/fi

2010-10-23T18:06:07Z

Mikalaari:

{{Title|Muutospiste}}
{{Category|Glossary}}


== Johdanto ==

Muutospisteet ovat {{l|timetrack|aikaraita}}-paneelissa näkyviä symboleita. Aina kun jotain ominaisuutta muutetaan animaatiomuokkaus-tilassa, syntyy uusi muutospiste. Esimerkiksi kun liikutat B-viivan jonkin kärjen {{l|duck|tangenttikahvaa}}, asetetaan aikaraitaan muutospiste ilmaisemaan tätä muutosta. Oikeastaan et muokannutkaan tangenttia, vaan kahta eri tangentin määrittävää ominaisuutta: sen kulmaa ("Theta") ja sen pituutta ("Säde"). Tangenttipisteen avaaminen ominaisuuspaneeliin paljastaa, että kummankin mainitun ominaisuuden kohdalle on lisätty muutospiste.

Yhden ainoan tangenttikahvan liikuttamisen seurauksena asetetaan seuraavat muutospisteet:
* tangentin pituus muuttui ("Säde")
* tangentin kulma muuttui ("Theta")
** tangentti muuttui ("Tangentti 1")
*** kärki muuttui ("Kärki 001")
**** kärjet muuttuivat ("Kärjet")
Näistä vain kaksi ensimmäistä ovat lehtimuutospisteitä — muut ovat niiden isämuutospisteitä (ja esi-isämuutospisteitä).

Asioiden nykytilanteessa on mahdollista poistaa vain yksi lehtimuutospiste kerrallaan. Jos esimerkiksi haluat poistaa edellä tangenttikahvaan tehdyn muutoksen, sinun täytyy avata tangentti ja poistaa sekä "Theta"- että "Säde"-muutospiste. Mahdollisuus poistaa kokonainen muutospisteiden puu yhdellä napsautuksella olisi kätevä, samoin kuin mahdollisuus valita useita muutospisteitä kerrallaan ja käsitellä niitä yhtenä könttinä.

== Muutospisteiden muokkaus ==

Muutospisteden raahaaminen sivusuunnassa hiiren vasemalla napilla muuttaa sitä hetkeä, milloin ne vaikuttavat ominaisuuksiinsa. Jos raahaat isäominaisuuden muutospistettä, kaikki sen lapsimuutospisteet liikkuvat mukana.

Muutospisteen napsautus oikealla napilla näyttää kohdevalikon, joka sisältää seuraavat kohdat:
* Hyppää: Asettaa tämänhetkisen ajan muutospisteen ajaksi.
* Muokkaa muutospistettä: Näkyy vain yksilehtisille muutospisteille. Avaa ikkunan, josta voi muuttaa erinäisiä arvoja. [[Category: Finnish translation FIXME|kirjoita kuvaus]]
* Kahdenna: Näkyy vain yksilehtisille muutospisteille. Tekee muutospisteestä kopion nykyiseen ajankohtaan.
* Poista: Näkyy vain yksilehtisille muutospisteille. Poistaa muutospisteen.
* Muuta tulo/lähtöinterp.: Näkyy vain monilehtisille muutospisteille. Mahdollistaa tulo- tai lähtöinterpoloinnin asetusten muuttamisen muutospisteille ja kaikille sen lapsille. Se muokataanko lähtö- vai tulopuolta riippuu siitä kumpaa muutospisteen puolikasta napsautetaan.

== Interpolointi ==

Kaikille muutospisteille voi asettaa tulo- ja lähtöinterpoloinnin, joka kertoo millä tavalla siihen liittyvä ominaisuus muuttuu — ajan suhteen suoraviivaisesti vai käyrää seuraten.

Tulointerpolointi ohjaa ominaisuuden muuttumista muutospistettä edeltävänä aikana, ja lähtöinterpolointi sen jälkeisenä aikana. Käytettävissä on seuraavat interpolointityypit:

* {{l|TCB|KJV-pehmeä}}: Jos ominaisuuden muutos ajan suhteen ajatellaan kuvaajana, KJV-interpolointi sovittaa pehmeän käyrän peräkkäisten muutospisteiden väliin, suurinpiirtein samaan tapaan kuin B-viivatyökalu sovittaa pehmeitä käyriä peräkkäisten kärkipisteiden välille.
* Vakio: Keskeyttää animaation.
* Suoraviivainen: Ominaisuuden kuvaaja ajan suhteen on suora viiva.
* Rento tulo/lähtö: Kuvaaja on vaakatasossa, kun se lähtee muutospisteestä.
* Käsisäätöinen: [[Category: Finnish translation FIXME|kirjoita kuvaus]] ({{l|TCB|KJV}}-arvojen säätö käsin?)
* Määrittelemätön: Tämä näkyy vain monilehtisissä muutospisteissä, kun sen lehtimuutospisteiden joukossa on erilaisia interpolointityyppejä.

=== Ulkonäkö ===

Aikaraidassa näytettävien muutospisteiden symboloiden väri ja muoto kertovat muutospisteen interpolointityypin:

http://dooglus.rincevent.net/synfig/waypoint-colours.png

Kaikki muutospisteet on jaettu kahteen puolikkaaseen. Vasen puoli kuvaa pisteen tulointerpolointia ja oikea puoli sen lähtöinterpolointia. Siksipä mahdollisia yhdistelmiä on iso joukko. Seuraavat muutospisteet on saatu yhden B-viivan viidestä kärjestä:

http://dooglus.rincevent.net/synfig/waypoints-all.png

Huom: kuvien valmistukseen käytetyn .sif-tiedoston voi ladata. [http://dooglus.rincevent.net/synfig/waypoint-examples.sif]

Täällä on [http://dooglus.rincevent.net/synfig/interpolation.sif
kokeeksi tehty .sif-tiedosto], joka näyttää 25 pallukkaa ja niiden liikkeen eri muutospisteyhdistelmien kanssa. Siitä tulee [http://dooglus.rincevent.net/synfig/interpolation.avi 634-kiloinen .avi-tiedosto], ja sen voi ladata matalatarkkuuksisena versiona [http://www.youtube.com/watch?v=SI1VaH2psts YouTubesta]. Pane merkille, että:
* pallukat, joissa on punaista (vakio) eivät liiku ollenkaan
* keltaiset (suoraviivaiset) puoliskot "pomppaavat" seinistä
* siniset (rennot) puoliskot liukuvat pehmeästi seinän viereen
* vihreät (KJV-pehmeät) puoliskot pomppaavat ylhäällä (animaatio on yksinkertainen alas-ylös-animatio, jota ajetaan kehässä, joten ylälaidassa ei ole "ympäristöä", johon KJV voisi sovittaa käyrän), mutta kääntyvät pehmeästi alhaalla
* violetit (käsisäätöiset) puoliskot käyttäytyvät omituisesti [[Category: Finnish translation FIXME|kirjoita kuvaus]]

Määrittelemätöntä (harmaata) symbolia käytetään, kun aikaraitapaneelin rivi sisältää useita muutospisteitä. Esimerkiksi rivi "kärjet" sisältää kaikki B-viivaan kuuluvat kärjet. Kullakin kärjellä voi olla useita muutospisteitä, joilla on kaikilla eri interpolointi. Jos kaikilla on sama interpolointi, käytetään vastaavaa symbolia. Muussa tapauksessa näytetään harmaa "määrittelemätön"-symboli.

Seuraavat muutospisteet ovat edellä mainitun B-viivan "kärjet"-riviltä. Siitä, että kaikkien muutospisteiden vasen puoli on värillinen, voi päätellä, että kaikkien kärkien tulointerpolointi on sama, ja vastaavasti harmaasta oikeasta puolesta voi päätellä, että kaikissa sarakkeissa on useita eri lähtöinterpolointeja.

http://dooglus.rincevent.net/synfig/waypoints-undef.png

Waypoint/fi

2010-10-22T19:52:25Z

Mikalaari:

{{Title|Muutospiste}}
{{Category|Glossary}}


== Johdanto ==

Muutospisteet ovat {{l|timetrack|aikaraita}}-paneelissa näkyviä symboleita. Aina kun jotain ominaisuutta muutetaan animaatiomuokkaus-tilassa, syntyy uusi muutospiste. Esimerkiksi kun liikutat B-viivan jonkin kärjen {{l|duck|tangenttikahvaa}}, asetetaan aikaraitaan muutospiste ilmaisemaan tätä muutosta. Oikeastaan et muokannutkaan tangenttia, vaan kahta eri tangentin määrittävää ominaisuutta: sen kulmaa ("Theta") ja sen pituutta ("Säde"). Tangenttipisteen avaaminen ominaisuuspaneeliin paljastaa, että kummankin mainitun ominaisuuden kohdalle on lisätty muutospiste.

Yhden ainoan tangenttikahvan liikuttamisen seurauksena asetetaan seuraavat muutospisteet:
* tangentin pituus muuttui ("Säde")
* tangentin kulma muuttui ("Theta")
** tangentti muuttui ("Tangentti 1")
*** kärki muuttui ("Kärki 001")
**** kärjet muuttuivat ("Kärjet")
Näistä vain kaksi ensimmäistä ovat lehtimuutospisteitä — muut ovat niiden isämuutospisteitä (ja esi-isämuutospisteitä).

Asioiden nykytilanteessa on mahdollista poistaa vain yksi lehtimuutospiste kerrallaan. Jos esimerkiksi haluat poistaa edellä tangenttikahvaan tehdyn muutoksen, sinun täytyy avata tangentti ja poistaa sekä "Theta"- että "Säde"-muutospiste. Mahdollisuus poistaa kokonainen muutospisteiden puu yhdellä napsautuksella olisi kätevä, samoin kuin mahdollisuus valita useita muutospisteitä kerrallaan ja käsitellä niitä yhtenä könttinä.

== Muutospisteiden muokkaus ==

Muutospisteden raahaaminen sivusuunnassa hiiren vasemalla napilla muuttaa sitä hetkeä, milloin ne vaikuttavat ominaisuuksiinsa. Jos raahaat isäominaisuuden muutospistettä, kaikki sen lapsimuutospisteet liikkuvat mukana.

Muutospisteen napsautus oikealla napilla näyttää kohdevalikon, joka sisältää seuraavat kohdat:
* Hyppää: Asettaa tämänhetkisen ajan muutospisteen ajaksi.
* Muokkaa muutospistettä: Näkyy vain yksilehtisille muutospisteille. Avaa ikkunan, josta voi muuttaa erinäisiä arvoja. [[Category: Finnish translation|kirjoita kuvaus]]
* Kahdenna: Näkyy vain yksilehtisille muutospisteille. Tekee muutospisteestä kopion nykyiseen ajankohtaan.
* Poista: Näkyy vain yksilehtisille muutospisteille. Poistaa muutospisteen.
* Muuta tulo/lähtöinterp.: Näkyy vain monilehtisille muutospisteille. Mahdollistaa tulo- tai lähtöinterpoloinnin asetusten muuttamisen muutospisteille ja kaikille sen lapsille. Se muokataanko lähtö- vai tulopuolta riippuu siitä kumpaa muutospisteen puolikasta napsautetaan.

== Interpolation ==

Each waypoint has an 'In' and an 'Out' interpolation setting, which
determines the manner in which its parameter changes - whether it
changes linearly over time, or follows a curve.

The 'In' interpolation defines how the parameter changes in the
moments before the waypoint is reached, and 'Out' defines how it
changes in the moments after the waypoint. Available interpolation
types are as follows:

* {{l|TCB|TCB Smooth}}: If you imagine a graph of the parameter's value against time, using the TCB interpolation type will fit a smooth curve between adjacent waypoints, much like the bline tool fits smooth curves between adjacent bline vertices.
* Constant: Stops the animation.
* Linear: The graph of parameter value against time is a straight line.
* Ease In/Out: The graph is horizontal as it leaves the waypoint.
* Manual: TODO (allows manual adjustment of {{l|TCB}} variables?)
* Undefined: This is only shown for multi-leaf waypoints, where there is more than one different interpolation type amongst its leaf waypoints.

=== Graphical Representation ===

The color and shape of the waypoint as displayed in the timetrack
indicates its interpolation type:

http://dooglus.rincevent.net/synfig/waypoint-colours.png

Each waypoint is split into two halves. The left half indicates its
'in interpolation' and the right half indicates its 'out
interpolation', so many different combinations are possible. The
following waypoints are from 5 vertices of a single bline:

http://dooglus.rincevent.net/synfig/waypoints-all.png

Note: the .sif file used to generate these screenshots is
available. [http://dooglus.rincevent.net/synfig/waypoint-examples.sif]

Here is an [http://dooglus.rincevent.net/synfig/interpolation.sif
experimental .sif file] showing 25 different blobs, and how they move
with different combinations of waypoints. It renders to a
[http://dooglus.rincevent.net/synfig/interpolation.avi 634K .avi
file], and is available in lower resolution
[http://www.youtube.com/watch?v=SI1VaH2psts on YouTube]. Notice how:
* the blobs with any red (constant) on them don't move at all
* the yellow (linear) sides of blobs 'bounce' off the walls
* the cyan (ease) sides slow gracefully to a halt at the walls
* the green (TCB smooth) sides bounce at the top (the animation is a single down-and-up animation, looped, so there's no 'context' at the top for the TCB to fit the curve to) but act smoothly at the bottom
* the purple (manual) sides act strangely (TODO!)

The 'undefined' (grey) symbol is used when the row in the timetrack
dialog represents multiple waypoints. For example, the 'vertices'
row represents all the vertices making up a bline. Each of those
vertices can have multiple waypoints, each with different
interpolations. If all the interpolations are the same, that
interpolation's symbol will be used. Otherwise, the grey 'undefined'
symbol is used.

The following waypoints are from the 'vertices' row of the same bline
as before. Notice that since the left side of each of the waypoints
is colored, indicating that the 'in' interpolation of the vertices
are the same for all vertices, whereas the right side is grey,
indicating that there is more than one 'out' interpolation in each
column.

http://dooglus.rincevent.net/synfig/waypoints-undef.png

TODO: rewrite the above so it doesn't hurt the brain so much.

[[Category:Finnish translation FIXME]]

Doc:Adding Layers/fi

2010-10-21T18:32:15Z

Mikalaari: Created page with ' {{Title|Tasojen lisääminen}} {{Navigation|Category:Manual|Doc:Creating_Shapes/fi}} Category:Manual Category:Tutorials Category:Tutorials Basic [[…'

{{Title|Tasojen lisääminen}}
{{Navigation|Category:Manual|Doc:Creating_Shapes/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Introduction ==

In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.

However, Synfig's layers are different from layers in other programs in at least three respects:
# Every object, element, and effect gets its own layer.
# You can organize layers into hierarchical groups.
# You can use upper layers to change the behavior (or look) of underlying layers.

As you will see, layers are an extremely important aspect of Synfig, much more so than most graphics programs. Understanding the concept of layers is an important part in understanding how Synfig works.

== Combining layers ==

So let's look at a simple example of how we can combine two layers to create a gradient effect on a rectangle.

Create a new file with 0 duration. There's no need to bother with a timeline at this point. Next, create a simple rectangle with the Rectangle Tool.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press left mouse button on the canvas, drag to change gradient direction and release button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l|Transform Tool|Transform Tool}}, click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.}}
You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.

In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

You can treat this layer like any other layer — move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.

== Using locality ==
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them — anything under the inline canvas would not be blurred! Let's try it.

== Using layers to modify other layers==
Make sure you have Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of Inline Canvas. Select Inline Canvas layer and use {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|We will probably change the way that default blend methods are handled in the future — as the way it is currently handled seems to only create hassles like this.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|some shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Animation Basics/fi

2010-10-21T18:31:13Z

Mikalaari:

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers/fi}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Se luo heti aluksi uuden tiedoston automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle avautuu ikkuna, jossa näkyy kankaan ominaisuudet.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan ominaisuusikkuna]]

Piirrä nyt musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Seuraavaksi tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei siitä tule täydellistä — sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet, joilla piirrettiin kuvio ja sitä liikutettiin — mutta ei animoitu, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liukusäädin, jolla muutetaan aikaa. Kun napsautat siihen, pieni oranssi viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele liukupalkkia muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja tyyliin "12f", "1s 15f", jne. Kentän arvoa muuttamalla voit puolestasi asettaa liu'uttimen ajankohdan. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari katoaa näkymättömiin, koska "2s" on aivan liukupalkin reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei vielä kuitenkaan tapahdu mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan painamalla liukupalkin oikealla puolella olevaa vihreää nappia. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe/fi|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse '''ei''' ole samasta asiasta!) Avainruutu on kuva hetkellä, jolla kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta pienen avaimen sisältävää välilehden korvaketta — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

Saatat ihmetellä avainruuduissa näkyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: napsauta niistä jotakin niin aikapalkin viisari siirtyy vastaavaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaation tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. Noin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäisen animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsautapa sattumanvaraiseen kohtaan aikapalkissa: saat huomaata, että punainen ympyrä siirtyy uuteen paikkaan — siis sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksenasi oli tehdä (eli liikuttaa ympyrää) ja piirsi kaikki kuvat sinun määrittämien tilojen välille. Kukin kuva tulee vastaamaan yhtä ruutua animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä kohdassa "2s" sijaitsevaan viimeiseen avainruutuun siirtämään ympyrää takaisin vasemmalle. Avainruudut saavat Synfigin muistamaan kuvan tilan tietyllä hetkellä. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja kohdassa "0f"), vaikka siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints/fi|merkkipaaluiksi}}, ja niillä merkitään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon aiemmin tallentamasi tiedoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman arvon "Auto" tilalle. Napsauta sitten Renderöi-painiketta. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen tovi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöity onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri saanut valmiiksi ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmasta ja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu hetki jos toinenkin, mutta ennen pitkää ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti porautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T18:27:51Z

Mikalaari: /* Yhteenveto */

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Se luo heti aluksi uuden tiedoston automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle avautuu ikkuna, jossa näkyy kankaan ominaisuudet.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan ominaisuusikkuna]]

Piirrä nyt musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Seuraavaksi tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei siitä tule täydellistä — sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet, joilla piirrettiin kuvio ja sitä liikutettiin — mutta ei animoitu, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liukusäädin, jolla muutetaan aikaa. Kun napsautat siihen, pieni oranssi viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele liukupalkkia muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja tyyliin "12f", "1s 15f", jne. Kentän arvoa muuttamalla voit puolestasi asettaa liu'uttimen ajankohdan. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari katoaa näkymättömiin, koska "2s" on aivan liukupalkin reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei vielä kuitenkaan tapahdu mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan painamalla liukupalkin oikealla puolella olevaa vihreää nappia. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse '''ei''' ole samasta asiasta!) Avainruutu on kuva hetkellä, jolla kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta pienen avaimen sisältävää välilehden korvaketta — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

Saatat ihmetellä avainruuduissa näkyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: napsauta niistä jotakin niin aikapalkin viisari siirtyy vastaavaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaation tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. Noin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäisen animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsautapa sattumanvaraiseen kohtaan aikapalkissa: saat huomaata, että punainen ympyrä siirtyy uuteen paikkaan — siis sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksenasi oli tehdä (eli liikuttaa ympyrää) ja piirsi kaikki kuvat sinun määrittämien tilojen välille. Kukin kuva tulee vastaamaan yhtä ruutua animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä kohdassa "2s" sijaitsevaan viimeiseen avainruutuun siirtämään ympyrää takaisin vasemmalle. Avainruudut saavat Synfigin muistamaan kuvan tilan tietyllä hetkellä. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja kohdassa "0f"), vaikka siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niillä merkitään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon aiemmin tallentamasi tiedoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman arvon "Auto" tilalle. Napsauta sitten Renderöi-painiketta. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen tovi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöity onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri saanut valmiiksi ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmasta ja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu hetki jos toinenkin, mutta ennen pitkää ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti porautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T18:27:21Z

Mikalaari: /* Animaation renderöinti */

Doc:Animation Basics/fi

2010-10-21T18:09:05Z

Mikalaari: /* Avainruutu-lista */

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Se luo heti aluksi uuden tiedoston automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle avautuu ikkuna, jossa näkyy kankaan ominaisuudet.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan ominaisuusikkuna]]

Piirrä nyt musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Seuraavaksi tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei siitä tule täydellistä — sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet, joilla piirrettiin kuvio ja sitä liikutettiin — mutta ei animoitu, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liukusäädin, jolla muutetaan aikaa. Kun napsautat siihen, pieni oranssi viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele liukupalkkia muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja tyyliin "12f", "1s 15f", jne. Kentän arvoa muuttamalla voit puolestasi asettaa liu'uttimen ajankohdan. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari katoaa näkymättömiin, koska "2s" on aivan liukupalkin reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei vielä kuitenkaan tapahdu mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan painamalla liukupalkin oikealla puolella olevaa vihreää nappia. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse '''ei''' ole samasta asiasta!) Avainruutu on kuva hetkellä, jolla kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta pienen avaimen sisältävää välilehden korvaketta — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

Saatat ihmetellä avainruuduissa näkyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: napsauta niistä jotakin niin aikapalkin viisari siirtyy vastaavaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaation tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. Noin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäisen animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsautapa sattumanvaraiseen kohtaan aikapalkissa: saat huomaata, että punainen ympyrä siirtyy uuteen paikkaan — siis sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksenasi oli tehdä (eli liikuttaa ympyrää) ja piirsi kaikki kuvat sinun määrittämien tilojen välille. Kukin kuva tulee vastaamaan yhtä ruutua animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä kohdassa "2s" sijaitsevaan viimeiseen avainruutuun siirtämään ympyrää takaisin vasemmalle. Avainruudut saavat Synfigin muistamaan kuvan tilan tietyllä hetkellä. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja kohdassa "0f"), vaikka siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niillä merkitään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti olet tehnyt) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman "Auto"-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}. Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöitu onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki, mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T17:25:04Z

Mikalaari: /* Liikeen lisääminen */

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Se luo heti aluksi uuden tiedoston automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle avautuu ikkuna, jossa näkyy kankaan ominaisuudet.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan ominaisuusikkuna]]

Piirrä nyt musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Seuraavaksi tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei siitä tule täydellistä — sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet, joilla piirrettiin kuvio ja sitä liikutettiin — mutta ei animoitu, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liukusäädin, jolla muutetaan aikaa. Kun napsautat siihen, pieni oranssi viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele liukupalkkia muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja tyyliin "12f", "1s 15f", jne. Kentän arvoa muuttamalla voit puolestasi asettaa liu'uttimen ajankohdan. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari katoaa näkymättömiin, koska "2s" on aivan liukupalkin reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei vielä kuitenkaan tapahdu mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan painamalla liukupalkin oikealla puolella olevaa vihreää nappia. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse '''ei''' ole samasta asiasta!) Avainruutu on kuva hetkellä, jolla kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta pienen avaimen sisältävää välilehden korvaketta — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

No, nyt saatat ihmetellä avainruuduissa esiintyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: "avaa" niistä jokin, niin aikapalkin viisari siirtyy oikeaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. No niin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsauta sattumanvaraiseen kohtaan aikapalkissa: tulet huomaamaan, että punainen ympyrä siirtyy uuteen paikkaan — sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksesi oli tehdä, nimittäin liikuttaa ympyrää, ja piirsi kaikki kuvat asettamiesi tilojen välille. Kukin kuva vastaa yhtä ruutua tulevassa animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä viimeisen avainruutuun kohdassa "2s" siirtämään ympyrää takaisin vasemmalle. Avainruudut panevat Synfigin muistamaan kuvan tilan tietyssä ajankohdassa. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja samoin kohdaassa "0f"), kun siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niitä käytetään merkitsemään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti olet tehnyt) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman "Auto"-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}. Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöitu onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki, mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T17:07:05Z

Mikalaari: /* Työtilan valmistelu */

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Se luo heti aluksi uuden tiedoston automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle avautuu ikkuna, jossa näkyy kankaan ominaisuudet.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan ominaisuusikkuna]]

Piirrä nyt musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Seuraavaksi tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei siitä tule täydellistä — sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet, joilla piirrettiin kuvio ja sitä liikutettiin — mutta ei animoitu, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liu'utin ajan säätämiseen. Voit napsauttaa siihen, ja pieni punainen viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele aikaliu'utinta muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja kuten "12f", "1s 15f", jne. Voit asettaa liukupalkin ajankohdan muuttamalla kentän arvoa. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari menee näkymättömiin, koska "2s" on aivan liu'uttimen reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei kuitenkaan tapahdu vielä mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan liukupalkista oikealla olevaa vihreää nappia painamalla. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse ei ole samasta asiasta!) Avainruutu on kuva hetkellä, jolloin kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta välilehden korvaketta, jossa on pieni avain — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussan muotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

No, nyt saatat ihmetellä avainruuduissa esiintyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: "avaa" niistä jokin, niin aikapalkin viisari siirtyy oikeaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. No niin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsauta sattumanvaraiseen kohtaan aikapalkissa: tulet huomaamaan, että punainen ympyrä siirtyy uuteen paikkaan — sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksesi oli tehdä, nimittäin liikuttaa ympyrää, ja piirsi kaikki kuvat asettamiesi tilojen välille. Kukin kuva vastaa yhtä ruutua tulevassa animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä viimeisen avainruutuun kohdassa "2s" siirtämään ympyrää takaisin vasemmalle. Avainruudut panevat Synfigin muistamaan kuvan tilan tietyssä ajankohdassa. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja samoin kohdaassa "0f"), kun siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niitä käytetään merkitsemään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti olet tehnyt) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman "Auto"-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}. Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöitu onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki, mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T16:33:10Z

Mikalaari: /* Johdanto */

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Heti aluksi luodaan uusi tiedosto automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle ilmestyy ikkuna, jossa on kankaan ominaisuuksia.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan Ominaisuudet-ikkuna]]

Piirrä seuraavaksi musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Nyt tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei se ole täydellinen: sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet kuvion piirtämiseen ja sen liikuttamiseen — mutta ei sen animoimiseen, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liu'utin ajan säätämiseen. Voit napsauttaa siihen, ja pieni punainen viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele aikaliu'utinta muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja kuten "12f", "1s 15f", jne. Voit asettaa liukupalkin ajankohdan muuttamalla kentän arvoa. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari menee näkymättömiin, koska "2s" on aivan liu'uttimen reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei kuitenkaan tapahdu vielä mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan liukupalkista oikealla olevaa vihreää nappia painamalla. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse ei ole samasta asiasta!) Avainruutu on kuva hetkellä, jolloin kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta välilehden korvaketta, jossa on pieni avain — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussan muotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

No, nyt saatat ihmetellä avainruuduissa esiintyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: "avaa" niistä jokin, niin aikapalkin viisari siirtyy oikeaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. No niin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsauta sattumanvaraiseen kohtaan aikapalkissa: tulet huomaamaan, että punainen ympyrä siirtyy uuteen paikkaan — sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksesi oli tehdä, nimittäin liikuttaa ympyrää, ja piirsi kaikki kuvat asettamiesi tilojen välille. Kukin kuva vastaa yhtä ruutua tulevassa animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä viimeisen avainruutuun kohdassa "2s" siirtämään ympyrää takaisin vasemmalle. Avainruudut panevat Synfigin muistamaan kuvan tilan tietyssä ajankohdassa. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja samoin kohdaassa "0f"), kun siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niitä käytetään merkitsemään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti olet tehnyt) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman "Auto"-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}. Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöitu onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki, mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin.

Doc:Animation Basics/fi

2010-10-21T08:31:50Z

Mikalaari:

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja taas takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Heti aluksi luodaan uusi tiedosto automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle ilmestyy ikkuna, jossa on kankaan ominaisuuksia.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan Ominaisuudet-ikkuna]]

Piirrä seuraavaksi musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Nyt tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei se ole täydellinen: sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet kuvion piirtämiseen ja sen liikuttamiseen — mutta ei sen animoimiseen, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liu'utin ajan säätämiseen. Voit napsauttaa siihen, ja pieni punainen viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele aikaliu'utinta muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja kuten "12f", "1s 15f", jne. Voit asettaa liukupalkin ajankohdan muuttamalla kentän arvoa. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari menee näkymättömiin, koska "2s" on aivan liu'uttimen reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei kuitenkaan tapahdu vielä mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan liukupalkista oikealla olevaa vihreää nappia painamalla. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse ei ole samasta asiasta!) Avainruutu on kuva hetkellä, jolloin kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta välilehden korvaketta, jossa on pieni avain — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussan muotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

No, nyt saatat ihmetellä avainruuduissa esiintyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: "avaa" niistä jokin, niin aikapalkin viisari siirtyy oikeaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. No niin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Ai missä se animaatio piileskelee? Napsauta sattumanvaraiseen kohtaan aikapalkissa: tulet huomaamaan, että punainen ympyrä siirtyy uuteen paikkaan — sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä tarkoituksesi oli tehdä, nimittäin liikuttaa ympyrää, ja piirsi kaikki kuvat asettamiesi tilojen välille. Kukin kuva vastaa yhtä ruutua tulevassa animaatiossasi, ja ympyrä vaikuttaa liikkuvan.

Huomaa, ettei sinun tarvitse mennä viimeisen avainruutuun kohdassa "2s" siirtämään ympyrää takaisin vasemmalle. Avainruudut panevat Synfigin muistamaan kuvan tilan tietyssä ajankohdassa. Siksi ympyrä pysyi vasemmalla kohdassa "2s" (ja samoin kohdaassa "0f"), kun siirsimme sitä oikealle kohdassa "1s". Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints|merkkipaaluiksi}}, ja niitä käytetään merkitsemään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Animaation renderöinti ==

Ennen kuin voit katsella animaatiotasi, sinun täytyy tehdä siitä toteutus eli renderöidä se. Siihen on olemassa kaksi tapaa: Synfig-studiota käyttäen (niin kuin tähän asti olet tehnyt) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.

Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä "PerusRitariÄssä.sifz". Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi "PerusRitariÄssä.gif" (samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi "gif" ohjelman tarjoaman "Auto"-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}. Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa "Tiedosto renderöitu onnistuneesti".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Huomio|"Magick++"-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin "gif"-formaatti, koska se osaa optimoida kuvan paletin.}}

Avaa PeruRitariÄssä.gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan. Firefoxissa on se hyvä puoli, että se toistaa gif-animaatiota loputtomiin, mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin, voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!

{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}

Jos haluat mieluummin käyttää komentoriviä animaation renderöimiseen, avaa pääteikkuna (Windowsissa avaa {{c|Käynnistä|Suorita}}, kirjoita {{Literal|cmd}} ja paina {{Shortcut|enter}}), siirry kansioon, johon olet tallentanut tiedoston, ja kirjoita seuraava komento:

synfig -t gif BasicKnightRider.sifz

Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki, mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme.

== Yhteenveto ==

Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa Synfig-studiossa. Muita mahdollisuuksia ovat sen koko, ääriviiva, väri, jne. Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin.

Waypoint/fi

2010-10-21T07:46:19Z

Mikalaari: Created page with ' {{Title|Merkkipaalu}} {{Category|Glossary}}  == Johdanto == Merkkipaalut ovat {{l|timetrack|aikaraita}}-paneelissa näkyviä symboleita…'

{{Title|Merkkipaalu}}
{{Category|Glossary}}


== Johdanto ==

Merkkipaalut ovat {{l|timetrack|aikaraita}}-paneelissa näkyviä symboleita. Aina kun jotain ominaisuutta muutetaan animaatiomuokkaus-tilassa, syntyy uusi merkkipaalu. Esimerkiksi kun liikutat B-viivan kärjen {{l|duck|tangenttikahvaa}}, isketään aikaraitaan merkkipaalu ilmaisemaan tätä muutosta. Todellisuudessa et muokannut vain tangenttia, vaan kahta eri ominaisuutta, jotka määrittävät tangentin: sen kulmaa ("theta") ja sen pituutta ("säde"). Tangenttipisteen avaaminen ominaisuuspaneeliin näyttää, että kummankin mainitun ominaisuuden kohdalle on lisätty merkkipaalu.

[[Category:Finnish translation FIXME]]

As a result of adjusting a single tangent duck, waypoints have been created as follows:
* the length of the tangent changed ('Radius')
* the angle of the tangent changed ('Theta')
* the tangent changed ('Tangent 1')
* the vertex changed ('Vertex 001')
* the vertices changes ('Vertices')
Only the first 2 of these are 'leaf waypoints' - the rest are parents (and grandparents, etc) of these 2 waypoints.

As things currently stand, it is only possible to delete one leaf
waypoint at a time. If, for example, you want to delete the change
made to the tangent duck above, you'll need to open up the tangent and
delete both the 'Theta' and 'Radius' waypoints. The ability to delete
whole trees of waypoints with a single click would be useful, as would
the ability to select multiple waypoints at once, and operate upon
them en masse.

== Editing Waypoints ==

Waypoints can be dragged left or right with the left mouse button to
change the time at which they act upon their parameter(s). If you
drag a parent's waypoint, all its child waypoints will move with it.

Right-clicking on waypoint shows a context menu, containing:
* Jump to: Set the current time to be the time of the waypoint.
* Edit waypoint: Only appears for single-leaf waypoints. TODO: writeme (brings up a dialog allowing various parameters to be set).
* Duplicate: Only appears for single-leaf waypoints. creates a copy of the current waypoint at the currently selected time.
* Delete: Only appears for single-leaf waypoints. deletes the waypoint.
* Change in/out interp.: Only appears for multi-leaf waypoints, and allows you to change the in (or out) interpolation setting for the waypoint and all its children. The choice of 'in' or 'out' is dependent upon which half of the waypoint you clicked on.

== Interpolation ==

Each waypoint has an 'In' and an 'Out' interpolation setting, which
determines the manner in which its parameter changes - whether it
changes linearly over time, or follows a curve.

The 'In' interpolation defines how the parameter changes in the
moments before the waypoint is reached, and 'Out' defines how it
changes in the moments after the waypoint. Available interpolation
types are as follows:

* {{l|TCB|TCB Smooth}}: If you imagine a graph of the parameter's value against time, using the TCB interpolation type will fit a smooth curve between adjacent waypoints, much like the bline tool fits smooth curves between adjacent bline vertices.
* Constant: Stops the animation.
* Linear: The graph of parameter value against time is a straight line.
* Ease In/Out: The graph is horizontal as it leaves the waypoint.
* Manual: TODO (allows manual adjustment of {{l|TCB}} variables?)
* Undefined: This is only shown for multi-leaf waypoints, where there is more than one different interpolation type amongst its leaf waypoints.

=== Graphical Representation ===

The color and shape of the waypoint as displayed in the timetrack
indicates its interpolation type:

http://dooglus.rincevent.net/synfig/waypoint-colours.png

Each waypoint is split into two halves. The left half indicates its
'in interpolation' and the right half indicates its 'out
interpolation', so many different combinations are possible. The
following waypoints are from 5 vertices of a single bline:

http://dooglus.rincevent.net/synfig/waypoints-all.png

Note: the .sif file used to generate these screenshots is
available. [http://dooglus.rincevent.net/synfig/waypoint-examples.sif]

Here is an [http://dooglus.rincevent.net/synfig/interpolation.sif
experimental .sif file] showing 25 different blobs, and how they move
with different combinations of waypoints. It renders to a
[http://dooglus.rincevent.net/synfig/interpolation.avi 634K .avi
file], and is available in lower resolution
[http://www.youtube.com/watch?v=SI1VaH2psts on YouTube]. Notice how:
* the blobs with any red (constant) on them don't move at all
* the yellow (linear) sides of blobs 'bounce' off the walls
* the cyan (ease) sides slow gracefully to a halt at the walls
* the green (TCB smooth) sides bounce at the top (the animation is a single down-and-up animation, looped, so there's no 'context' at the top for the TCB to fit the curve to) but act smoothly at the bottom
* the purple (manual) sides act strangely (TODO!)

The 'undefined' (grey) symbol is used when the row in the timetrack
dialog represents multiple waypoints. For example, the 'vertices'
row represents all the vertices making up a bline. Each of those
vertices can have multiple waypoints, each with different
interpolations. If all the interpolations are the same, that
interpolation's symbol will be used. Otherwise, the grey 'undefined'
symbol is used.

The following waypoints are from the 'vertices' row of the same bline
as before. Notice that since the left side of each of the waypoints
is colored, indicating that the 'in' interpolation of the vertices
are the same for all vertices, whereas the right side is grey,
indicating that there is more than one 'out' interpolation in each
column.

http://dooglus.rincevent.net/synfig/waypoints-undef.png

TODO: rewrite the above so it doesn't hurt the brain so much.

Category:Manual/fi

2010-10-21T07:34:43Z

Mikalaari: merkki -> merkkipaalu

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview/fi|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started/fi|Vasta-alkajille}} 
** {{L|Doc:Animation Basics/fi|Animaation perusteet}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method/fi|Sekoitustapa}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkkipaalu}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-ominaisuus}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Doc:Animation Basics/fi

2010-10-20T11:38:25Z

Mikalaari:

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja taas takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Heti aluksi luodaan uusi tiedosto automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle ilmestyy ikkuna, jossa on kankaan ominaisuuksia.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan Ominaisuudet-ikkuna]]

Piirrä seuraavaksi musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Nyt tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei se ole täydellinen: sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet kuvion piirtämiseen ja sen liikuttamiseen — mutta ei sen animoimiseen, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liu'utin ajan säätämiseen. Voit napsauttaa siihen, ja pieni punainen viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele aikaliu'utinta muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja kuten "12f", "1s 15f", jne. Voit asettaa liukupalkin ajankohdan muuttamalla kentän arvoa. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari menee näkymättömiin, koska "2s" on aivan liu'uttimen reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei kuitenkaan tapahdu vielä mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan liukupalkista oikealla olevaa vihreää nappia painamalla. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse ei ole samasta asiasta!) Avainruutu on kuva hetkellä, jolloin kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta välilehden korvaketta, jossa on pieni avain — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussan muotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== Avainruutu-lista ==

Avainruutu-lista on helppo ymmärtää. Sen sarakkeina on {{Literal|Aika}}, mikä on käytännössä alkuaika, {{Literal|Pituus}}, mikä on itsestään selvä, {{Literal|Hyppy}}, mitä käsitellään seuraavaksi, ja {{Literal|Kuvaus}}, mikä on sekin itsestään selvä.

No, nyt saatat ihmetellä avainruuduissa esiintyviä {{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: "avaa" niistä jokin, niin aikapalkin viisari siirtyy oikeaan kohtaan.

Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. No niin! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä!

{{l|Image:synfig_tut_5.png|center|frame}}

Wondering where the animation is? Just click to an arbitrary position on the timeslider: You will note that the red circle is in a new position, one that you didn't specify! So what happened? Synfig figured out what you would like to do, namely move the circle, and drew all the images between these states. Each image will later make a frame in your animation and the circle will appear to be moving.

Notice, that you don't need to go to the last keyframe at "2s" and move your circle back to the left. Keyframes make Synfig remember image state at particular time. That's why when we modified circle position at "1s", it stays on the left at "2s" (as well as at "0s"). If you switch back to Params Panel, and look at the Timetrack Panel you'll notice a three green dots appeared on the right of {{Literal|Origin}} parameter. Those are called {{L|Waypoints}} and they used to indicate changes of parameter over time.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Rendering your animation ==

Before you can see your animation, you need to render your work. There are two ways to do so: using the Synfig Studio (what you have been using so far) or the command-line program called "synfig".

Let's try the first way. Leave the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name "BasicKnightRider.sifz". Then go to menu in the Canvas Window ("caret" button in the upper left corner) and select {{c|File|Render}}. Change the filename to "BasicKnightRider.gif" in the same location where you saved "BasicKnightRider.sifz" and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Note|The "magick++" target (if it is available) produces much better gif files than the "gif" target because it can optimise the palette for the image.}}
Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back, congratulations! You just made your first animation!

{{Note|Note|You can also preview your animation. Press the "caret" menu button in the upper left corner of the Canvas Window and choose {{c|File|Preview}}.}}
If you would rather use the command line instead of the menu to render your animation, then open a terminal (on Windows, go to {{c|Start|Run}}, type {{Literal|cmd}} and press {{Shortcut|enter}}), change to the directory you saved the file, and type something like this:

synfig -t gif BasicKnightRider.sif

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like this will appear:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Then you are done and can view your animated gif using Firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Doc:Animation Basics/fi

2010-10-20T10:59:29Z

Mikalaari:

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja taas takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Heti aluksi luodaan uusi tiedosto automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle ilmestyy ikkuna, jossa on kankaan ominaisuuksia.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan Ominaisuudet-ikkuna]]

Piirrä seuraavaksi musta suorakaide, mikä tulee hoitamaan taustan virkaa. Sen ei tarvitse peittää koko kangasta. Poista myös rasti {{Literal|Mat. res.}}-ruudusta kangasikkunan ylälaidasta ottaaksesi matalaresoluutioisen näyttötilan pois käytöstä — näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Nyt tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei se ole täydellinen: sitä voi muokata. Ota käyttöön muuntotyökalu, ja napsauta ympyrää. Se menee eräänlaiseen muokkaustilaan, minkä huomaa helposti pienestä vihreästä pisteestä ympyrän keskellä ja valkoisesti suorakaiteesta sen ympärillä. Voit siirtää punaista ympyrää raahaamalla sitä vihreästä keskipisteestä.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Nämä olivat ensimmäiset vaiheet kuvion piirtämiseen ja sen liikuttamiseen — mutta ei sen animoimiseen, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.

== Liikeen lisääminen ==

Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa liu'utin ajan säätämiseen. Voit napsauttaa siihen, ja pieni punainen viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele aikaliu'utinta muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja kuten "12f", "1s 15f", jne. Voit asettaa liukupalkin ajankohdan muuttamalla kentän arvoa. Esimerkiksi jos kirjoitat siihen "1s" ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon "2s" syöttäminen siirtää sen aikaliu'uttimen loppuun.

{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari menee näkymättömiin, koska "2s" on aivan liu'uttimen reunalla, mutta luota sanaamme: siellä se on.}}

Kankaalla ei kuitenkaan tapahdu vielä mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan liukupalkista oikealla olevaa vihreää nappia painamalla. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse ei ole samasta asiasta!) Avainruutu on kuva hetkellä, jolloin kuvioille tapahtuu jotain tärkeää.

Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään "0f". Mene Avainruutu-paneeliin — eli napsauta välilehden korvaketta, jossa on pieni avain — jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussan muotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Siirry sitten ajassa kohtaan "1s". Viisarin tulisi siirtyä sinne. Lisää sitten toinen avainruutu plus-painikkeesta. Tee sama vielä kolmannen kerran, kun viisari on asetettu aikaan "2s" (eli animaation loppuun). Nyt sinulla pitäisi olla kolme avainruutua listassa.

[[Image:Keyframes Panel 2.png|center|frame]]

== S:t ja f:t — aikajanan ymmärtäminen ==
Tähän mennessä olet saattanut oivaltaa mitä mysteeriset "1s 10f" -merkinnät tarkoittavat. Ne osoittavat tiettyä pistettä aikajanalla ilmaisten paikan sekunteina (s) ja ruutuina (f, ''frames'').

Vakiona kukin sekunti jakautuu 24 ruutuun, samaan tapaan kuin metrimitta jakautuu 100 senttimetriin. Ruutumerkinnät alkavat nollasta ("0f") ja jatkuvat aina 24:ään, jolloin aikaan lisätään uusi sekunti ja ruutulaskuri palautuu nollaan.

Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on "5s 3f".

== The Keyframe List ==

The keyframe list is rather easy to understand. It displays {{Literal|Time}} which is basically the start time, {{Literal|Length}} which is self-explanatory, {{Literal|Jump}} which we'll cover next, and {{Literal|Description}} which is, again, self-explanatory.

Now, you might be wondering about the entries called {{Literal|(JMP)}}. In fact, these are links just like web links: click them, and the indicator in your timeslider will jump to the correct time.

You can use this to edit your image for a given moment in time. For instance, you can now jump to the first second, and move the red circle to the right. There! You made your first movement, your first animation with Synfig!

{{l|Image:synfig_tut_5.png|center|frame}}

Wondering where the animation is? Just click to an arbitrary position on the timeslider: You will note that the red circle is in a new position, one that you didn't specify! So what happened? Synfig figured out what you would like to do, namely move the circle, and drew all the images between these states. Each image will later make a frame in your animation and the circle will appear to be moving.

Notice, that you don't need to go to the last keyframe at "2s" and move your circle back to the left. Keyframes make Synfig remember image state at particular time. That's why when we modified circle position at "1s", it stays on the left at "2s" (as well as at "0s"). If you switch back to Params Panel, and look at the Timetrack Panel you'll notice a three green dots appeared on the right of {{Literal|Origin}} parameter. Those are called {{L|Waypoints}} and they used to indicate changes of parameter over time.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Rendering your animation ==

Before you can see your animation, you need to render your work. There are two ways to do so: using the Synfig Studio (what you have been using so far) or the command-line program called "synfig".

Let's try the first way. Leave the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name "BasicKnightRider.sifz". Then go to menu in the Canvas Window ("caret" button in the upper left corner) and select {{c|File|Render}}. Change the filename to "BasicKnightRider.gif" in the same location where you saved "BasicKnightRider.sifz" and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Note|The "magick++" target (if it is available) produces much better gif files than the "gif" target because it can optimise the palette for the image.}}
Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back, congratulations! You just made your first animation!

{{Note|Note|You can also preview your animation. Press the "caret" menu button in the upper left corner of the Canvas Window and choose {{c|File|Preview}}.}}
If you would rather use the command line instead of the menu to render your animation, then open a terminal (on Windows, go to {{c|Start|Run}}, type {{Literal|cmd}} and press {{Shortcut|enter}}), change to the directory you saved the file, and type something like this:

synfig -t gif BasicKnightRider.sif

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like this will appear:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Then you are done and can view your animated gif using Firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Transform Tool/fi

2010-10-20T09:35:25Z

Mikalaari: Created page with '{{Title|Muuntotyökalu}} Väliaikainen huomautus: "Muuntotyökalun" nimi oli "{{l|Normal Tool|Normaali työkalu}}" ennen versiota 0.62.01.'

{{Title|Muuntotyökalu}}
Väliaikainen huomautus: "Muuntotyökalun" nimi oli "{{l|Normal Tool|Normaali työkalu}}" ennen versiota 0.62.01.

Doc:Animation Basics/fi

2010-10-19T10:58:22Z

Mikalaari: Created page with ' {{Title|Animaation perusteet}} {{Navigation|Category:Manual|Doc:Adding Layers}} Category:Manual Category:Tutorials Category:Tutorials Basic [[Categ…'

{{Title|Animaation perusteet}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Johdanto ==

Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista — sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.

Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja taas takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:

# Ympyrä on vasemmalla.
# Ympyrä on oikealla.
# Ympyrä on taas vasemmalla.

== Työtilan valmistelu ==

Ei muuta kuin toimeen. Käynnistä Synfig-studio. Heti aluksi luodaan uusi tiedosto automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle ilmestyy ikkuna, jossa on kankaan ominaisuuksia.

Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta — tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda "5s" arvoon "2s" — näin saamme animaatiosta kahden sekunnin pituisen.

[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan Ominaisuudet-ikkuna]]

Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas. Also, uncheck {{Literal|Low Res}} checkbox at the top of the canvas window to disable low resolution view mode - that will make your image look sharper. Generally, having that option enabled increases canvas redraw speed, but that's not what we need now.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Now we need a circle. Change the fill color to red, and create a circle. It doesn't matter if it's not perfect: You can edit it. Activate the Transform Tool, and click the circle. It will go into a sort of editing mode which is easy to detect by the small green dot in the middle and the white rectangle around it. You can move the red circle by grapping it on its green dot in the middle.

[[Image:synfig_tut_3.png|450px|center|thumb]]

These are the first steps to draw an object and to move it, but not an animation yet, you may say. Indeed. Let's have a look how this works.

== Adding movement ==

In the beginning, you entered a value of 2 seconds in the Properties dialog. Because the length of your animation is non-zero, your canvas window (the one where you draw) got a grey time slider at the bottom. You can click on it, and a small orange indicator will appear indicating your position in time. Try clicking in several places on the time slider and notice that the entry field on the left of time slider changing its values to something like "12f", "1s 15f", etc. You can set your position on the timeslider by changing values in that field. For example, if you enter "1s" and press {{Shortcut|enter}}, the orange indicator will move in the middle of time slider, and entering "2s" will move it to the end of time slider.

{{Note|Note|In the last case orange indicator will become invisible, because "2s" is right at the boundary of time slider, just believe us — it's there.}}
But when you changing your position on the time slider nothing changes on the canvas yet. First, you need to switch to {{Literal|Animate Editing Mode}} by clicking the green dot just to the right of the gray time slider. Note that your canvas gets a red outline; it reminds you that changes to your objects now affect your animation.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Previously, three "steps" or "stages" were mentioned. These are represented by so-called "{{l|Keyframe|keyframes}}". (Just in case you're familiar with video encoding: No, that's not the same!) A keyframe is an image in time where something important happens with your objects.

Go to Keyframes panel — just click on the little tab one with the small key icon in the bottom window — to be able to edit keyframes. Now press the small button with "plus" sign and you should get a new entry in the list displaying {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Now, go to the "1s" mark in the timeslider. The small orange indicator should move there. Then add another keyframe by clicking the small plus sign. Repeat the process with the time slider indicator set to "2s" (it's at the end of your animation). You should have three keyframes in the list, now.

[[Image:Keyframes Panel 2.png|center|frame]]

== The s's and f's: Understanding the Timeline ==
By now, you may have figured out what those mysterious "1s 10f"-type marks represent. They indicate a specific point on the timeline, expressing a location in terms of seconds (s) and frames (f).

By default each second is divided into 24 frames, much like a meter on a measuring tape is divided into 100 centimeters. The frame markings begin at zero (0) and go up to 24, whereupon a new second is entered and the framecount returns to zero.

For example, when five whole seconds and three frames have passed, using this timeline notation would be "5s 3f".

== The Keyframe List ==

The keyframe list is rather easy to understand. It displays {{Literal|Time}} which is basically the start time, {{Literal|Length}} which is self-explanatory, {{Literal|Jump}} which we'll cover next, and {{Literal|Description}} which is, again, self-explanatory.

Now, you might be wondering about the entries called {{Literal|(JMP)}}. In fact, these are links just like web links: click them, and the indicator in your timeslider will jump to the correct time.

You can use this to edit your image for a given moment in time. For instance, you can now jump to the first second, and move the red circle to the right. There! You made your first movement, your first animation with Synfig!

{{l|Image:synfig_tut_5.png|center|frame}}

Wondering where the animation is? Just click to an arbitrary position on the timeslider: You will note that the red circle is in a new position, one that you didn't specify! So what happened? Synfig figured out what you would like to do, namely move the circle, and drew all the images between these states. Each image will later make a frame in your animation and the circle will appear to be moving.

Notice, that you don't need to go to the last keyframe at "2s" and move your circle back to the left. Keyframes make Synfig remember image state at particular time. That's why when we modified circle position at "1s", it stays on the left at "2s" (as well as at "0s"). If you switch back to Params Panel, and look at the Timetrack Panel you'll notice a three green dots appeared on the right of {{Literal|Origin}} parameter. Those are called {{L|Waypoints}} and they used to indicate changes of parameter over time.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Rendering your animation ==

Before you can see your animation, you need to render your work. There are two ways to do so: using the Synfig Studio (what you have been using so far) or the command-line program called "synfig".

Let's try the first way. Leave the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name "BasicKnightRider.sifz". Then go to menu in the Canvas Window ("caret" button in the upper left corner) and select {{c|File|Render}}. Change the filename to "BasicKnightRider.gif" in the same location where you saved "BasicKnightRider.sifz" and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Note|The "magick++" target (if it is available) produces much better gif files than the "gif" target because it can optimise the palette for the image.}}
Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back, congratulations! You just made your first animation!

{{Note|Note|You can also preview your animation. Press the "caret" menu button in the upper left corner of the Canvas Window and choose {{c|File|Preview}}.}}
If you would rather use the command line instead of the menu to render your animation, then open a terminal (on Windows, go to {{c|Start|Run}}, type {{Literal|cmd}} and press {{Shortcut|enter}}), change to the directory you saved the file, and type something like this:

synfig -t gif BasicKnightRider.sif

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like this will appear:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Then you are done and can view your animated gif using Firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Doc:Animation Basics

2010-10-19T10:43:12Z

Mikalaari: /* Introduction */ writing error

{{Title|Animation Basics}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]


== Introduction ==

Creating an animation in Synfig Studio is really easy. It basically means to change a drawing — you just need to create the first stage and last stage of a change, and Synfig take care of the steps in between.

Let's look at a simple example. Consider a moving light like the one at the front of the Knight Rider car. Drop the realism, you get a circle moving from left to right and back. In other words, you need to create three 'steps' or 'stages':

# The circle is on the left.
# The circle is on the right.
# The circle is back on the left.

== Setting up the workspace ==

Let's do it. Start Synfig Studio. New file is automatically created at the start. Click the 'caret' menu (between the horizontal and vertical rules, in the top left hand corner of the canvas), then select {{c|Edit|Properties}}. A canvas properties dialog will appear.

Give a name and description for your canvas, then click {{Literal|Apply}} (don't click {{Literal|OK}} yet — we're not quite done with the Properties dialog). Go to the {{Literal|Time}} tab and make sure to edit {{Literal|End Time}}. Change "5s" to "2s" — that will make our animation to be 2 seconds long.

[[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialog]]

Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas. Also, uncheck {{Literal|Low Res}} checkbox at the top of the canvas window to disable low resolution view mode - that will make your image look sharper. Generally, having that option enabled increases canvas redraw speed, but that's not what we need now.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Now we need a circle. Change the fill color to red, and create a circle. It doesn't matter if it's not perfect: You can edit it. Activate the Transform Tool, and click the circle. It will go into a sort of editing mode which is easy to detect by the small green dot in the middle and the white rectangle around it. You can move the red circle by grapping it on its green dot in the middle.

[[Image:synfig_tut_3.png|450px|center|thumb]]

These are the first steps to draw an object and to move it, but not an animation yet, you may say. Indeed. Let's have a look how this works.

== Adding movement ==

In the beginning, you entered a value of 2 seconds in the Properties dialog. Because the length of your animation is non-zero, your canvas window (the one where you draw) got a grey time slider at the bottom. You can click on it, and a small orange indicator will appear indicating your position in time. Try clicking in several places on the time slider and notice that the entry field on the left of time slider changing its values to something like "12f", "1s 15f", etc. You can set your position on the timeslider by changing values in that field. For example, if you enter "1s" and press {{Shortcut|enter}}, the orange indicator will move in the middle of time slider, and entering "2s" will move it to the end of time slider.

{{Note|Note|In the last case orange indicator will become invisible, because "2s" is right at the boundary of time slider, just believe us — it's there.}}
But when you changing your position on the time slider nothing changes on the canvas yet. First, you need to switch to {{Literal|Animate Editing Mode}} by clicking the green dot just to the right of the gray time slider. Note that your canvas gets a red outline; it reminds you that changes to your objects now affect your animation.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Previously, three "steps" or "stages" were mentioned. These are represented by so-called "{{l|Keyframe|keyframes}}". (Just in case you're familiar with video encoding: No, that's not the same!) A keyframe is an image in time where something important happens with your objects.

Go to Keyframes panel — just click on the little tab one with the small key icon in the bottom window — to be able to edit keyframes. Now press the small button with "plus" sign and you should get a new entry in the list displaying {{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Now, go to the "1s" mark in the timeslider. The small orange indicator should move there. Then add another keyframe by clicking the small plus sign. Repeat the process with the time slider indicator set to "2s" (it's at the end of your animation). You should have three keyframes in the list, now.

[[Image:Keyframes Panel 2.png|center|frame]]

== The s's and f's: Understanding the Timeline ==
By now, you may have figured out what those mysterious "1s 10f"-type marks represent. They indicate a specific point on the timeline, expressing a location in terms of seconds (s) and frames (f).

By default each second is divided into 24 frames, much like a meter on a measuring tape is divided into 100 centimeters. The frame markings begin at zero (0) and go up to 24, whereupon a new second is entered and the framecount returns to zero.

For example, when five whole seconds and three frames have passed, using this timeline notation would be "5s 3f".

== The Keyframe List ==

The keyframe list is rather easy to understand. It displays {{Literal|Time}} which is basically the start time, {{Literal|Length}} which is self-explanatory, {{Literal|Jump}} which we'll cover next, and {{Literal|Description}} which is, again, self-explanatory.

Now, you might be wondering about the entries called {{Literal|(JMP)}}. In fact, these are links just like web links: click them, and the indicator in your timeslider will jump to the correct time.

You can use this to edit your image for a given moment in time. For instance, you can now jump to the first second, and move the red circle to the right. There! You made your first movement, your first animation with Synfig!

{{l|Image:synfig_tut_5.png|center|frame}}

Wondering where the animation is? Just click to an arbitrary position on the timeslider: You will note that the red circle is in a new position, one that you didn't specify! So what happened? Synfig figured out what you would like to do, namely move the circle, and drew all the images between these states. Each image will later make a frame in your animation and the circle will appear to be moving.

Notice, that you don't need to go to the last keyframe at "2s" and move your circle back to the left. Keyframes make Synfig remember image state at particular time. That's why when we modified circle position at "1s", it stays on the left at "2s" (as well as at "0s"). If you switch back to Params Panel, and look at the Timetrack Panel you'll notice a three green dots appeared on the right of {{Literal|Origin}} parameter. Those are called {{L|Waypoints}} and they used to indicate changes of parameter over time.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

== Rendering your animation ==

Before you can see your animation, you need to render your work. There are two ways to do so: using the Synfig Studio (what you have been using so far) or the command-line program called "synfig".

Let's try the first way. Leave the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name "BasicKnightRider.sifz". Then go to menu in the Canvas Window ("caret" button in the upper left corner) and select {{c|File|Render}}. Change the filename to "BasicKnightRider.gif" in the same location where you saved "BasicKnightRider.sifz" and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully".

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Note|The "magick++" target (if it is available) produces much better gif files than the "gif" target because it can optimise the palette for the image.}}
Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back, congratulations! You just made your first animation!

{{Note|Note|You can also preview your animation. Press the "caret" menu button in the upper left corner of the Canvas Window and choose {{c|File|Preview}}.}}
If you would rather use the command line instead of the menu to render your animation, then open a terminal (on Windows, go to {{c|Start|Run}}, type {{Literal|cmd}} and press {{Shortcut|enter}}), change to the directory you saved the file, and type something like this:

synfig -t gif BasicKnightRider.sif

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like this will appear:

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Then you are done and can view your animated gif using Firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Category:Manual/fi

2010-10-19T10:35:03Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview/fi|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started/fi|Vasta-alkajille}} 
** {{L|Doc:Animation Basics/fi|Animaation perusteet}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method/fi|Sekoitustapa}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-ominaisuus}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Group Layer/fi

2010-10-18T11:40:18Z

Mikalaari: Created page with ' {{Title|Leikekangastaso}} {{Category|Layers}}  {{l|Image:Pastecanvas_icon.png|64px}} Leikekangastaso on siitä erikoinen taso, että se …'

{{Title|Leikekangastaso}}
{{Category|Layers}}

{{l|Image:Pastecanvas_icon.png|64px}}

Leikekangastaso on siitä erikoinen taso, että se voi pitää sisällään muita tasoja. Se luodaan {{l|Layers Panel/fi|Tasopaneelin}} kautta kohdevalikon {{l|Encapsulate/fi|kapseloi}}-komennolla tai {{l|Canvas Menu Caret/fi|kangasvalikkoväkäsen}} alta löytyvästä {{l|Layer Menu/fi|tasovalikosta}}. Tasojoukon niputtamisen lisäksi sillä voi siirtää ja skaalata niitä sekä vieläpä säätää sen sisältämien tasojen aikaa.

Leikekangastasoja voi tehdä myös {{l|New Layer Menu/fi|uusi taso}} -valikosta: Uusi taso > Muu > Leikekangas.

Leikekangastasolla on seuraavat ominaisuudet:

* {{l|Z Depth/fi|Z-indeksi}}
* {{l|Amount Parameter/fi|Määrä}}
* {{l|Blend Method/fi|Sekoitustapa}}
* {{l|Origin Parameter/fi|Origo}}
* {{l|Canvas/fi|Kangas}}: Tässä on "sisäinen kangas" (vakio), jos leikekangastaso on syntynyt muita tasoja kapseloimalla, tai "liitetty kangas", jos se on tehty {{l|New Layer Menu/fi|uusi taso}}-valikosta. Tätä ominaisuutta muuttamalla voit valita jonkin toisen kankaan.
* {{l|Zoom Parameter/fi|Zoomi}}
* {{l|Time Offset Parameter/fi|Aikasiirros-ominaisuus}}
* {{l|Children Lock/fi|Lapsilukko}}
* {{l|Focus Point/fi|Tarkennuspiste}} (SVN r2290:sta alkaen)

== Canvas Parameter ==
{{l|Image:canvas_pointer_icon.png|64px}}

The canvas parameter presents a drop-down menu of the exported canvases, plus an extra entry called "Other...". Selecting "Other..." presents the user with a text entry box asking for the name of the canvas to use. The name typed should have the following format (where <nowiki>[ ]</nowiki> indicates an optional part, ( ) is for grouping, and * means "0 or more times"):

<nowiki> [[filename]#][:]</nowiki>''id''(:''id'')*

In its simplest form, this is just an ''id'', ie. the exported name of one of the child canvases of the current canvas.

Other possibilities are:
* if a '#' is present, the part before the '#' is interpreted as the filename of an external .sif file to use.
* if the '#' is the first character of the string (ie. the filename is blank) then the '#' is ignored, and the current canvas is used instead
* if a ':' appears before the first ''id'', it means to start at the root canvas of the current canvas
* each subsequent :id steps down into the specified child

Examples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- gives the absolute path to a .sifz file, and says to use the canvas that was exported from its root canvas as "IndividualCard"
* '''../../examples/business_card.sifz#:IndividualCard''' -- the same, but with a relative path to the .sifz file
* '''#:sy:head:eyes:left''' -- look in the current composition, and starting from the root, navigate down through the canvas tree. Find a child canvas of the root canvas called 'sy', look in 'sy' for a child canvas called 'head', and so on.
* ''':sy:head:eyes:left''' -- exactly as above. an empty filename is the same as not using the '#' at all
* '''eyes:left''' -- without a ':' before the first ''id'', this starts at the current canvas (presumably the PasteCanvas in question is in the "head" subcanvas of the "sy" subcanvas of the root)

Category:Manual/fi

2010-10-18T11:38:33Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Vasta-alkajille}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method/fi|Sekoitustapa}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-ominaisuus}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Category:Manual/fi

2010-10-18T11:31:27Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Vasta-alkajille}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method/fi|Sekoitustapa}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-parametri}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Canvas Browser Panel/fi

2010-10-18T10:05:13Z

Mikalaari: Created page with ' {{Title|Kangasselainpaneeli}} {{Category|Panels}}  {{l|Image:canvas_icon.png|64px}} Kangasselain-ikkunassa näkyy valittuna olevaan asi…'

{{Title|Kangasselainpaneeli}}
{{Category|Panels}}


{{l|Image:canvas_icon.png|64px}}

Kangasselain-ikkunassa näkyy valittuna olevaan asiakirjaan kuuluvat kankaat puurakenteena. {{l|Paste Canvas/fi|Leikekangas}}-tason kangas-ominaisuuden {{l|Export/fi|viemisen}} tuloksena kangas lisätään kangasselaimeen. Kaksoisnapsautus selaimessa olevaan alikankaaseen avaa uuden työalueikkunan, jossa voit työstää alikangasta muista erillään.

[[File:CanvasBrowser.png]]

Dock tab/fi

2010-10-18T09:56:08Z

Mikalaari: Created page with 'Telakkakorvakkeet ovat niitä pieniä neliskanttisia välilehtien korvakkeita, joita on kaikkien Synfigin paneeli-ikkunoiden yläreunassa. Voit järjestellä Synfigin ikkunoiden …'

Telakkakorvakkeet ovat niitä pieniä neliskanttisia välilehtien korvakkeita, joita on kaikkien Synfigin paneeli-ikkunoiden yläreunassa. Voit järjestellä Synfigin ikkunoiden kokoonpanoa raahaamalla telakkakorvakkeita. Voit raahata niitä yhden välilehtijoukon sisällä vaihtaen niiden keskinäistä järjestystä, raahata niitä yhdestä välilehtijoukosta toiseen tai jopa ikkunoiden ulkopuolelle, jos haluat paneelista oman uuden ikkunansa.

Category:Panels/fi

2010-10-18T09:44:31Z

Mikalaari: Created page with '{{Title|Paneelit}}  Synfig-studiossa on yhden asiak…'

{{Title|Paneelit}}

Synfig-studiossa on yhden asiakirjan käyttöliittymä ([http://en.wikipedia.org/wiki/Single_document_interface SDI]). Paneelit ovat telakoituvia. Se tarkoittaa, että voit ryhmitellä ne pysty- ja vaakasuuntaisiin telakkaikkunoihin. Sinun tarvitsee vain raahata ja pudottaa {{l|Dock tab/fi|telakkakorvake.}}
{{CategoryContents|Panels}}
{{Category|Reference}}

Canvas/fi

2010-10-18T09:16:00Z

Mikalaari: Created page with '{{Title|Kangas}} {{Category|Glossary}} Kangas on yksinkertaisesti järjestetty tasoluettelo. Kun niputat eli kapseloit joukon tasoja, teet käytännössä uuden kankaan, laitat k…'

{{Title|Kangas}}
{{Category|Glossary}}
Kangas on yksinkertaisesti järjestetty tasoluettelo. Kun niputat eli kapseloit joukon tasoja, teet käytännössä uuden kankaan, laitat kapseloidut tasot tälle uudelle kankaalle, otat ne pois aiemmalta kankaalta ja korvaat ne uudella {{l|Paste Canvas/fi|leikekangas}}-tasolla (ns. ympätty kangas). Uusi leikekangastaso sisältää ominaisuuden nimeltä "kangas", jonka arvo on tuo uusi kangas.

Kankaita voi {{l|Export|viedä}}, jolloin ne lisätään kangaspaneeliin. Sieltä käsin niitä voidaan muokata erikseen omilla työalueillaan.

Näiltä uusilta työalueilta voidaan puolestaan viedä alikankaita, ja siten rakentaa kankaista puurakenteita.

Category:Toolbox/fi

2010-10-18T08:57:04Z

Mikalaari: Created page with ' {{Title|Työkalupakki}} {{Category|Reference}}  Työkalupakki on Synfig-studion pääikkuna — samanaikaisesti voi olla auki useita…'

{{Title|Työkalupakki}}
{{Category|Reference}}


Työkalupakki on Synfig-studion pääikkuna — samanaikaisesti voi olla auki useita kankaita, mutta vain yksi pakki. Jos olet käyttänyt GIMPin kaltaisia sovelluksia, tämä lähestymistapa on sinulle jo tuttu (joka poikkeaa vaikkapa moniasiekirjaliittymästä (MDI) tai pysyvästi telakoidusta kangasikkunasta).

{{l|Image:Toolbox.png}}

==Työkalupakin toiminnot==
* {{l|Category:Toolbox Menu/fi|Valikko}}

**{{l|Category:File Menu (Toolbox)|Tiedosto}}
**{{l|Category:Toolbox Menu Help|Ohje}}
<ul>{{CategoryContents|Toolbox menu}}</ul>
* Järjestelmäpainikkeet

**{{l|Command:Save/fi|Tallenna}}
**{{l|Command:Save All/fi|Tallenna kaikki}}
<ul>{{#dpl:namespace=Command|category=Toolbox{{#ifeq:{{#titleparts:{{PAGENAME}}||-1}}|{{PAGENAME}}||/{{#titleparts:{{PAGENAME}}||-1}}}}|include={Title}.dpl|format=,\n* [[%PAGE%|,]],|noresultsheader= }}
</ul>
* {{l|Category:Tools|Työkalut}}

* {{l|New Layer Defaults/fi|Uuden tason vakiot}}

[[Category:Finnish translation FIXME]]

Canvas Menu Caret/fi

2010-10-18T08:30:38Z

Mikalaari: Created page with '{{Title|Kankaan valikkoväkänen}} {{Category|Canvas Window}} Siinä missä monilla muilla sovelluksilla on valikot näytön, moniasiakirja-ikkunan tai piirrosikkunan yläreunas…'

{{Title|Kankaan valikkoväkänen}}
{{Category|Canvas Window}}
Siinä missä monilla muilla sovelluksilla on valikot näytön, moniasiakirja-ikkunan tai piirrosikkunan yläreunassa, Synfigillä on väkänen. Se sijaitsee {{l|Category:Canvas Window/fi|kangasikkunan}} vasemmassa ylänurkassa, ja näyttää tältä:

[[File:Caret.png]]

Tämä painikkeen takaa paljastuu kaikki {{l|Category:Canvas Window Menu|valikot}}, joita odottaa saattaa, ja niistä pääsee käsiksi useimpiin Synfig-studion toimintoihin:

[[File:Caret1.png]]

Doc:Getting Started/fi

2010-10-17T21:03:14Z

Mikalaari:

{{Title|Vasta-alkajille}}
{{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}


== Käyttöliittymä ==
Kun käynnistät Synfig-studion, avautuu näyttöön alla olevassa kuvassa näkyvät ikkunat.

[[Image:Interface.png|600px|thumb|center|border|Synfig-studion käyttöliittymän vakiokokoonpano]]

Synfig-studion käyttöliittymän tärkeimmät osat ovat:

* {{l|Toolbox|Työkalupakki}} — on Synfig-studion pääikkuna. Siihen kuuluvat järjestelmävalikko, painikkeita, työkaluja ja muuta tarpeellista, joilla voit luoda ja muokata animaatioita. Tämän ikkunan sulkeminen lopettaa ohjelman.
* {{l|Canvas|Kangas}} — tekemäsi grafiikka ja animaatio ilmestyy tänne.
* {{l|Category:Panels|Paneeleissa}} — on työkaluja ja tietoja projektisi tietyistä osista. Joittenkin paneeleitten kautta voit jopa muokata näitä osia.

{{Note|Huomio|Jos Synfig-studion käyttöliittymä on sinulla erilainen, voit palauttaa sen kuvassa näkyvään vakiokokoonpanoon. Valitse Työkalupakin {{Literal|Tiedosto}}-valikosta {{c|Paneelit|Palauta ikkunat vakiokokoonpanoon}}.}}

Keskellä olevaa ikkunaa kutsutaan {{L|Canvas Window|Kangasikkunaksi}}. Aina, kun käynnistät Synfig-studion, se avaa uuden Kangasikkunan. Se ilmentää {{l|Root Canvas|juurikangasta}}, mikä ei ehkä sano sinulle mitään, mutta se ei haittaa — meneillään on vasta tutustumiskierros. Kangasikkunan vasemmassa yläkulmassa näkyy painike, jossa on {{l|Canvas Menu Caret|väkänen}}. Jos napsautat väkäpainiketta, putkahtaa esiin {{l|Canvas Menu Caret|kangasikkunavalikko}}. Sama valikko tulee näkyviin, jos kangas-alueella hiiren alla ei ole {{l|layer|tasoa}} ja napsautat oikeaa nappia. Nyt siis tiedät missä kaikkein tärkein kangasvalikko on. Hyvä.

Kaksi muuta ikkunaa (toinen alhaalla, toinen oikealla) o vat mukautettavia {{l|dock dialogs|telakkaikkunoita}}. Kussakin telakassa on joukko {{L|panel|paneeleita}}, jotka on järjestetty joko vaaka- tai pystysuuntaisesti. Jotkut paneelit jakavat saman tilan telakan sisällä, ja voit vaihdella niiden välillä napsauttamalla niiden {{l|panel tab|välilehtien korvakkeita}}. Voit järjestää telakan sisällön makusi mukaan raahaamalla välilehtiä korvakkeesta haluamaasi paikkaan. Voit jopa tehdä uuden telakkaikkunan raahaamalla paneelin ulos entisestä telakasta.

Vaikka sattuisit vahingossa sulkemaan {{l|panel|paneelin}} (raahaamalla sen ulos telakasta ja sulkemalla uuden ikkunan), ei ole syytä huoleen. Saat sen takaisin {{l|Toolbox|Työkalupakista}}, kun valitset sen valikosta {{c|Tiedosto|Paneelit}} ja napsautat kyseisen paneelin nimeä.

Tärkeimmät paneelit ovat:

* {{l|Layers Panel|Tasopaneeli}} — näyttää työstämälläsi kankaalla olevien tasojen hierarkian. Sen kautta voit myös käsitellä tasoja eri tavoin.
* {{l|Params Panel|Ominaisuuspaneeli}} — näyttää valitun tason ominaisuudet. Jos valittuna on useita tasoja, näytetään vain ne ominaisuudet, jotka ovat niillä kaikilla.
* {{l|Categorical Help#Synfig Dialogs|Työkalusäätöpaneeli}} — näyttää käytössä olevaa työkalua koskevat säädöt, mikäli sillä niitä on.
* {{l|Navigator|Kartta}} — näyttää valitun kankaan pienoiskuvan, jota voi lähentää ja loitontaa (zoomata) ja josta voi siirtyä eri puolille kangasta.
* {{l|History Panel|Historiapaneeli}} — näyttää teokseen tehdyt toimenpiteet luettelona. Historiasta voit myös muokata tapahtumia.

Näiden lisäksi Synfig-studiossa on monia muita {{l|panel|paneeleita}}. Mikäli sinulla ei ole harmainta aavistusta mitä jokin paneeli tekee, pidä hiirtä sen kuvakkeen päällä, niin esiin ponnahtaa työkaluvihje, joka selittää paneelin toimintaa.

== Konepellin alla ==

[[Image:Adding-layers-tutorial-12.png|right|frame|Tasopaneeli]]

Synfig-studio, kuten useimmat muutkin pätevät grafiikkaohjelmat, jakaa {{l|canvas|kankaalla}} olevat yksittäiset elementit {{l|layer|tasoiksi}}. Se eroaa kuitenkin muista ohjelmista kahdella merkittävällä tavalla:

# Yksittäinen taso Synfigissä esittää yleensä yhtä "alkeisoliota", kuten yhtä aluetta, alueen ääriviivaa, tuotua kuvaa, jne. Tämä antaa sinulle runsaasti jouston varaa ja vaikutusmahdollisuuksia. Ei ole mitenkään tavatonta, että teoksessa on satoja tasoja (taiteilijan mielenterveyden takaamiseksi tietysti hierarkisesti järjestettynä).
# Tasoja ei käytetä pelkästään lisäämään informaatiota alla olevan kuvan päälle, vaan niillä voi myös muovata tai vääristää sitä eri tavoin. Tässä mielessä Synfigin tasot toimivat pitkälti Adobe Photoshopin tai GIMPin suodattimien tapaan. Esimerkkeinä mainittakoon {{l|Blur Layer|sumennustaso}}, {{l|Radial Blur Layer|säteissumennustaso}}, {{l|Spherize Layer|palloistustaso}}, {{l|Color Correct Layer|värikorjaustaso}} ja {{l|Bevel Layer|viistetaso}}.

Kaikilla tasoilla on joukko parametreja, jotka säätelevät sen käyttäytymistä. Kun napsautat tasoa (joko kangasikkunassa tai oheisen kuvan {{l|Layers Panel|tasopaneelissa}}), sen säädöt näytetään {{l|Params Panel|ominaisuuspaneelissa}}.

== Ensiaskeleet ==

Tehdäänpä jotain kivaa, että päästään näpräämään ohjelmaa!

Mene ensin työkalupakkiin ja näppää {{l|Circle Tool|ympyrätyökalua}}. (Jos et tiedä mikä se niistä on, pidä vain hiirtä paikallaan nappuloiden päällä, kunnes esiin putkahtaa vihjeteksti "Ympyrätyökalu".)

Kun napsautat ympyrätyökalua, pane merkille, että {{l|Tool Options Panel|työkalusäätöpaneelissa}} tapahtuu muutos. Mutta palataan siihen myöhemmin.

Nyt kun ympyrätyökalu on valittu, voit piirtää ympyröitä {{l|Canvas Window|kangasikkunaan}}. Se toimii odotetusti — näppää kankaalle, muuta säteen pituutta raahaamalla ja päästä hiiren nappi, kun olet valmis. Kokeile itse, ja piirrä pari ympyrää (tai enemmän, jos siltä tuntuu). Jos päästät hiiren napin vahingossa ennen raahaamista, on tuloksena nollasäteinen ympyrä, joka on käytännössä näkymätön! Ei syytä huoleen, se on helppo korjata. Voit muuttaa valitun kappaleen ominaisuuksia ominaisuuspaneelista. Jos olet juuri tehnyt ympyrän, sen pitäisi olla valittuna. Voit muuttaa sen säteen nollasta poikkeavaan arvoon, vaikkapa kympiksi, ja muutella sitä sitten kahvoilla halutunlaiseksi.

{{Note|Huomio|Jotkut saattavat törmätä seuraavaan ongelmaan: kun napsautat ja raahaat kankaalla ympyrätyökalun kanssa, joko mitään ei tunnu tapahtuvan tai tuloksena on järjettömän suuria ympyröitä. Tämän korjaamiseksi sinun pitää avata valikosta {{c|Tiedosto|Syöttölaitteet}} ja sieltä '''kaikki laitteet pois käytöstä'''. Jos sinulla on jokin erikoinen syöttölaite, jota haluat käyttää, kuten paineherkkä kynä, voit ottaa sen käyttöön samasta paikasta. Sen jälkeen Synfig toimii niin kuin pitääkin.}}

Mene sitten takaisin työkalupakille, ja paina {{l|Transform Tool|muuntotyökalua}} (sininen ympyrä, jossa on nuoli). Napsauta sitten johonkin piirtämistäsi ympyröistä. Sen ympärille ilmestyy rajalaatikko (mitä ei tosin tarvita tässä vaiheessa), keskelle vihreä piste ja kehällä sinivihreä piste. Näitä pisteitä kutsutaan "{{l|duck|kahvoiksi}}". Jos haluat muokata ympyrää, tartu kahvaan ja raahaa sitä ympäriinsä. Helppoa!

Voit valita {{l|layer|tason}} napsauttamalla sitä. Jos haluat valita useita tasoja, pidä {{Shortcut|ctrl}}-näppäintä pohjassa samalla kun napsauttelet — kikka toimii sekä kangasikkunassa että {{l|Layers Panel|tasopaneelissa}}. Kokeile itse!

On myös mahdollista valita useita kahvoja. Sen voi tehdä monella tavalla. Ensinnäkin voit pitää {{Shortcut|ctrl}}-näppäintä pohjassa ja valita yksitellen haluamasi kahvat hiiren napilla, mutta se saattaa käydä tylsäksi. Mutta on olemassa paljon nopeampikin tapa: vedä esiin valintalaatikko hiiren painalluksella, ja raahaa se niiden kahvojen päälle, mitkä haluat valita.

Turhia kursailematta, valitse ensin kaksi ympyrää ja sitten kaikki niiden kahvat. Kun valittuna on monta kahvaa, yhden liikuttaminen liikuttaa kaikkia muitakin.



{{Note|Huomio|Synfig-studiossa on automaattinen palautustoiminto. Jos ohjelma kaatuu, et menetä kuin korkeintaan viiden minuutin työn, vaikka et olisi tallentanut muokattavaa tiedostoa. Seuraavan käynnistyksen yhteydessä Synfig tiedustelee halukkuutta palauttaa tallentamattomat muutokset. Historiaa ei valitettavasti vielä palauteta.}}

{{l|Rotate Tool|Pyöritys}}- ja {{l|Scale Tool|skaalaus}}työkalu noudattelevat enimmäkseen muuntotyökalun toimintatapaa paitsi usean valitun kahvan tapauksessa. Viimeksimainittua on huomattavasti helpompi kokeilla kuin opiskella sitä lukemalla. Valitse muutama ympyrä ja niiden kaikki kahvat, ja kokeile niiden pyörittämistä ja skaalausta.

Note that duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.

{{DevNotesBegin|Huomautus kehittäjille}}
Saatat huomata, että Synfig-studio on niin HIDAS, että se on käytännössä käyttökelvoton vanhassa tietokoneessa. Suurin syy tähän on siinä, että värilaskennat suoritetaan liukulukuina — HDR-kuvannuksen mahdollistamiseksi.

Suunnitelmissa on kuitenkin muutamia suuren luokan muutoksia ja optimointeja, joiden odotetaan dramaattisesti parantavan Synfigin suorituskykyä kaikilla alustoilla. Tavoitteena ei ole nopeuden kaksinkertaistaminen, vaan vähintään sen '''kaksikymmenkertaistaminen'''. Kehityshaarassa työskennellään parhaillaan optimointien toteuttamiseksi OpenGL:n kautta. Työ on tuottanut jo erittäin lupaavia tuloksia, mutta se ei ole vielä valmis käytettäväksi.
{{DevNotesEnd}}

== Linkittäminen ==

Kokeillaan seuraavaksi {{l|linking|linkittämistä}}. Oletetaan, että haluamme kahden ympyrämme olevan aina samankokoisia. Valitse kaksi ympyrää ja niiden sädekahvat (sinivihreät pisteet).

Usean kahvan valitseminen onnistuu joko raahaamalla niiden ympärille suorakaiteen tai valitsemalla niistä ensin toisen ja sitten {{Shortcut|ctrl}} painettuna toisen. Kun molemmat sädekahvat on valittu, näpäytä jompaakumpaa hiiren oikealla napilla, ja esiin ponnahtaa valikko. Valitse {{Literal|Linkki}}. Poks! Ominaisuudet on linkitetty yhteen. Voit todistaa sen itsellesi valitsemalla ympyröistä vain toisen ja muuttamalla sen sädettä — toinenkin ympyrä muuttuu samalla. Näppärää, vai mitä? Juuri näin myös {{l|Outline Layer|ääriviivat}} on kytketty vastaaviin {{l|Region Layer|alueisiin}} — mutta eipäs kiirehditä asioiden edelle.

Linkitys on perustavanlaatuinen käsite Synfigissä. Linkkejä ei ole mahdollista tehdä vain kahvojen välille, vaan myös ominaisuuksien välille, kun valitsee useita tasoja, napsauttaa ominaisuutta hiiren oikealla napilla ominaisuuspaneelista ja painaa {{Literal|Linkkiä}}.

== Värivalinta ==

Sanotaan, että haluat vaihtaa jonkin ympyrän väriä. Katsopa työkalupakin alaosaa heti työkalunappien alapuolella, niin näet ääriviiva- ja täyttövärivalitsimet, ääriviivan paksuusvalitsimen ja muuta sälää, kuten sekoitustavan ja gradientin. Värivalitsimet toimivat aivan niin kuin odottaa saattaa: voit napsauttaa täyttöväriä, ja näytölle ilmestyy vaatiamton värivalitsin. Värien muuttaminen sujuu nyt melko vaivattomasti.

Mutta joskus tekee mieli vain napsauttaa väriä, ja menoksi. Tässä kohtaa näyttämölle astuu paletinmuokkaus-välilehti.

{{DevNotesBegin}}
Paletin toiminnallisuus ei ole vielä 100 prosentin luokkaa (omien palettien tallennusta ja avausta ei ole toteutettu), mutta vakiopaletti on suhteellisen käypä.
{{DevNotesEnd}}

Näppää palettimuokkaimen korvaketta ja tutki paneelia — se on se paletintapainen kuvake. Kun väriä painaa hiiren vasemmalla napilla, asetetaan se välittömästi ääriviivaväriksi, ja keskimmäisellä napilla asetetaan täyttöväri.

Tämä kaikki on tietysti hienoa, mutta ympyröiden väri ei ole vieläkään muuttunut. Siihen meillä on kolme tapaa. Ensiksikin voidaan pakista valita {{Literal|täyttötyökalu}} ja näpsäyttää sillä kangasikkubassa olevaan ympyrään. Poks! Ympyrän väri on vaihtunut. Homma toimii muihinkin kuin ympyröihin. Toiseksi voit valita muokkausta kaipaavan tason, hakeutua ominaisuuspaneeliin, napsauttaa oikealla napilla väri-ominaisuuteen ja valita tarpeen mukaan joko {{Literal|aseta täyttöväri}} tai {{Literal|aseta ääriviivaväri}}. Tai voit yksinkertaisesti napsauttaa {{Literal|väri}}-ominaisuutta kahdesti, ja sekoitella esiin ilmestyvän valintaikkunan säätimillä tarvitsemasi värin.

Kannattaa leikkiä ympyröillä jonkin aikaa. Muuttele ominaisuuksien arvoja, ja katso mitä tapahtuu. Väännä alkajaisiksi vaikka {{l|Feather Parameter|reunapehmennys}}-ominaisuus vitoseen.

== Syvemmälle syövereihin ==

Nyt olet tietysti oppinut käyttämään Synfig-studion parustoimintoja, mutta et vielä animoimaan piirroksia. Sitä käsitellään {{l|Doc:Animation_Basics/fi|seuraavassa kappaleessa}}.

Doc:Getting Started/fi

2010-10-17T18:22:04Z

Mikalaari:

{{Title|Vasta-alkajille}}
{{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}


== Käyttöliittymä ==
Kun käynnistät Synfig-studion, avautuu näyttöön alla olevassa kuvassa näkyvät ikkunat.

[[Image:Interface.png|600px|thumb|center|border|Synfig-studion käyttöliittymän vakiokokoonpano]]

Synfig-studion käyttöliittymän tärkeimmät osat ovat:

* {{l|Toolbox|Työkalupakki}} — on Synfig-studion pääikkuna. Siihen kuuluvat järjestelmävalikko, painikkeita, työkaluja ja muuta tarpeellista, joilla voit luoda ja muokata animaatioita. Tämän ikkunan sulkeminen lopettaa ohjelman.
* {{l|Canvas|Kangas}} — tekemäsi grafiikka ja animaatio ilmestyy tänne.
* {{l|Category:Panels|Paneeleissa}} — on työkaluja ja tietoja projektisi tietyistä osista. Joittenkin paneeleitten kautta voit jopa muokata näitä osia.

{{Note|Huomio|Jos Synfig-studion käyttöliittymä on sinulla erilainen, voit palauttaa sen kuvassa näkyvään vakiokokoonpanoon. Valitse Työkalupakin {{Literal|Tiedosto}}-valikosta {{c|Paneelit|Palauta ikkunat vakiokokoonpanoon}}.}}

Keskellä olevaa ikkunaa kutsutaan {{L|Canvas Window|Kangasikkunaksi}}. Aina, kun käynnistät Synfig-studion, se avaa uuden Kangasikkunan. Se ilmentää {{l|Root Canvas|juurikangasta}}, mikä ei ehkä sano sinulle mitään, mutta se ei haittaa — meneillään on vasta tutustumiskierros. Kangasikkunan vasemmassa yläkulmassa näkyy painike, jossa on {{l|Canvas Menu Caret|väkänen}}. Jos napsautat väkäpainiketta, putkahtaa esiin {{l|Canvas Menu Caret|kangasikkunavalikko}}. Sama valikko tulee näkyviin, jos kangas-alueella hiiren alla ei ole {{l|layer|tasoa}} ja napsautat oikeaa nappia. Nyt siis tiedät missä kaikkein tärkein kangasvalikko on. Hyvä.

Kaksi muuta ikkunaa (toinen alhaalla, toinen oikealla) o vat mukautettavia {{l|dock dialogs|telakkaikkunoita}}. Kussakin telakassa on joukko {{L|panel|paneeleita}}, jotka on järjestetty joko vaaka- tai pystysuuntaisesti. Jotkut paneelit jakavat saman tilan telakan sisällä, ja voit vaihdella niiden välillä napsauttamalla niiden {{l|panel tab|välilehtien korvakkeita}}. Voit järjestää telakan sisällön makusi mukaan raahaamalla välilehtiä korvakkeesta haluamaasi paikkaan. Voit jopa tehdä uuden telakkaikkunan raahaamalla paneelin ulos entisestä telakasta.

Vaikka sattuisit vahingossa sulkemaan {{l|panel|paneelin}} (raahaamalla sen ulos telakasta ja sulkemalla uuden ikkunan), ei ole syytä huoleen. Saat sen takaisin {{l|Toolbox|Työkalupakista}}, kun valitset sen valikosta {{c|Tiedosto|Paneelit}} ja napsautat kyseisen paneelin nimeä.

Tärkeimmät paneelit ovat:

* {{l|Layers Panel|Tasopaneeli}} — näyttää työstämälläsi kankaalla olevien tasojen hierarkian. Sen kautta voit myös käsitellä tasoja eri tavoin.
* {{l|Params Panel|Ominaisuuspaneeli}} — näyttää valitun tason ominaisuudet. Jos valittuna on useita tasoja, näytetään vain ne ominaisuudet, jotka ovat niillä kaikilla.
* {{l|Categorical Help#Synfig Dialogs|Työkalusäätöpaneeli}} — näyttää käytössä olevaa työkalua koskevat säädöt, mikäli sillä niitä on.
* {{l|Navigator|Kartta}} — näyttää valitun kankaan pienoiskuvan, jota voi lähentää ja loitontaa (zoomata) ja josta voi siirtyä eri puolille kangasta.
* {{l|History Panel|Historiapaneeli}} — näyttää teokseen tehdyt toimenpiteet luettelona. Historiasta voit myös muokata tapahtumia.

Näiden lisäksi Synfig-studiossa on monia muita {{l|panel|paneeleita}}. Mikäli sinulla ei ole harmainta aavistusta mitä jokin paneeli tekee, pidä hiirtä sen kuvakkeen päällä, niin esiin ponnahtaa työkaluvihje, joka selittää paneelin toimintaa.

== Konepellin alla ==

[[Image:Adding-layers-tutorial-12.png|right|frame|Tasopaneeli]]

Synfig-studio, kuten useimmat muutkin pätevät grafiikkaohjelmat, jakaa {{l|canvas|kankaalla}} olevat yksittäiset elementit {{l|layer|tasoiksi}}. Se eroaa kuitenkin muista ohjelmista kahdella merkittävällä tavalla:

# Yksittäinen taso Synfigissä esittää yleensä yhtä "alkeisoliota", kuten yhtä aluetta, alueen ääriviivaa, tuotua kuvaa, jne. Tämä antaa sinulle runsaasti jouston varaa ja vaikutusmahdollisuuksia. Ei ole mitenkään tavatonta, että teoksessa on satoja tasoja (taiteilijan mielenterveyden takaamiseksi tietysti hierarkisesti järjestettynä).
# Tasoja ei käytetä pelkästään lisäämään informaatiota alla olevan kuvan päälle, vaan niillä voi myös muovata tai vääristää sitä eri tavoin. Tässä mielessä Synfigin tasot toimivat pitkälti Adobe Photoshopin tai GIMPin suodattimien tapaan. Esimerkkeinä mainittakoon {{l|Blur Layer|sumennustaso}}, {{l|Radial Blur Layer|säteissumennustaso}}, {{l|Spherize Layer|palloistustaso}}, {{l|Color Correct Layer|värikorjaustaso}} ja {{l|Bevel Layer|viistetaso}}.

Kaikilla tasoilla on joukko parametreja, jotka säätelevät sen käyttäytymistä. Kun napsautat tasoa (joko kangasikkunassa tai oheisen kuvan {{l|Layers Panel|tasopaneelissa}}), sen säädöt näytetään {{l|Params Panel|ominaisuuspaneelissa}}.

== Ensiaskeleet ==

Tehdäänpä jotain kivaa, että päästään näpräämään ohjelmaa!

Mene ensin työkalupakkiin ja näppää {{l|Circle Tool|ympyrätyökalua}}. (Jos et tiedä mikä se niistä on, pidä vain hiirtä paikallaan nappuloiden päällä, kunnes esiin putkahtaa vihjeteksti "Ympyrätyökalu".)

Kun napsautat ympyrätyökalua, pane merkille, että {{l|Tool Options Panel|työkalusäätöpaneelissa}} tapahtuu muutos. Mutta palataan siihen myöhemmin.

Nyt kun ympyrätyökalu on valittu, voit piirtää ympyröitä {{l|Canvas Window|kangasikkunaan}}. Se toimii odotetusti — näppää kankaalle, muuta säteen pituutta raahaamalla ja päästä hiiren nappi, kun olet valmis. Kokeile itse, ja piirrä pari ympyrää (tai enemmän, jos siltä tuntuu). Jos päästät hiiren napin vahingossa ennen raahaamista, on tuloksena nollasäteinen ympyrä, joka on käytännössä näkymätön! Ei syytä huoleen, se on helppo korjata. Voit muuttaa valitun kappaleen ominaisuuksia ominaisuuspaneelista. Jos olet juuri tehnyt ympyrän, sen pitäisi olla valittuna. Voit muuttaa sen säteen nollasta poikkeavaan arvoon, vaikkapa kympiksi, ja muutella sitä sitten kahvoilla halutunlaiseksi.

{{Note|Huomio|Jotkut saattavat törmätä seuraavaan ongelmaan: kun napsautat ja raahaat kankaalla ympyrätyökalun kanssa, joko mitään ei tunnu tapahtuvan tai tuloksena on järjettömän suuria ympyröitä. Tämän korjaamiseksi sinun pitää avata valikosta {{c|Tiedosto|Syöttölaitteet}} ja sieltä '''kaikki laitteet pois käytöstä'''. Jos sinulla on jokin erikoinen syöttölaite, jota haluat käyttää, kuten paineherkkä kynä, voit ottaa sen käyttöön samasta paikasta. Sen jälkeen Synfig toimii niin kuin pitääkin.}}

Mene sitten takaisin työkalupakille, ja paina {{l|Transform Tool|muuntotyökalua}} (sininen ympyrä, jossa on nuoli). Napsauta sitten johonkin piirtämistäsi ympyröistä. Sen ympärille ilmestyy rajalaatikko (mitä ei tosin tarvita tässä vaiheessa), keskelle vihreä piste ja kehällä sinivihreä piste. Näitä pisteitä kutsutaan "{{l|duck|kahvoiksi}}". Jos haluat muokata ympyrää, tartu kahvaan ja raahaa sitä ympäriinsä. Helppoa!

Voit valita {{l|layer|tason}} napsauttamalla sitä. Jos haluat valita useita tasoja, pidä {{Shortcut|ctrl}}-näppäintä pohjassa samalla kun napsauttelet — kikka toimii sekä kangasikkunassa että {{l|Layers Panel|tasopaneelissa}}. Kokeile itse!

On myös mahdollista valita useita kahvoja. Sen voi tehdä monella tavalla. Ensinnäkin voit pitää {{Shortcut|ctrl}}-näppäintä pohjassa ja valita yksitellen haluamasi kahvat hiiren napilla, mutta se saattaa käydä tylsäksi. Mutta on olemassa paljon nopeampikin tapa: vedä esiin valintalaatikko hiiren painalluksella, ja raahaa se niiden kahvojen päälle, mitkä haluat valita.

Turhia kursailematta, valitse ensin kaksi ympyrää ja sitten kaikki niiden kahvat. Kun valittuna on monta kahvaa, yhden liikuttaminen liikuttaa kaikkia muitakin.



{{Note|Huomio|Synfig-studiossa on automaattinen palautustoiminto. Jos ohjelma kaatuu, et menetä kuin korkeintaan viiden minuutin työn, vaikka et olisi tallentanut muokattavaa tiedostoa. Seuraavan käynnistyksen yhteydessä Synfig tiedustelee halukkuutta palauttaa tallentamattomat muutokset. Historiaa ei valitettavasti vielä palauteta.}}

{{l|Rotate Tool|Pyöritys}}- ja {{l|Scale Tool|skaalaus}}työkalu noudattelevat enimmäkseen muuntotyökalun toimintatapaa paitsi usean valitun kahvan tapauksessa. Viimeksimainittua on huomattavasti helpompi kokeilla kuin opiskella sitä lukemalla. Valitse muutama ympyrä ja niiden kaikki kahvat, ja kokeile niiden pyörittämistä ja skaalausta.

Note that duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.

{{DevNotesBegin|Huomautus kehittäjille}}
Saatat huomata, että Synfig-studio on niin HIDAS, että se on käytännössä käyttökelvoton vanhassa tietokoneessa. Suurin syy tähän on siinä, että värilaskennat suoritetaan liukulukuina — HDR-kuvannuksen mahdollistamiseksi.

Suunnitelmissa on kuitenkin muutamia suuren luokan muutoksia ja optimointeja, joiden odotetaan dramaattisesti parantavan Synfigin suorituskykyä kaikilla alustoilla. Tavoitteena ei ole nopeuden kaksinkertaistaminen, vaan vähintään sen '''kaksikymmenkertaistaminen'''. Kehityshaarassa työskennellään parhaillaan optimointien toteuttamiseksi OpenGL:n kautta. Työ on tuottanut jo erittäin lupaavia tuloksia, mutta se ei ole vielä valmis käytettäväksi.
{{DevNotesEnd}}

== Linkittäminen ==

Kokeillaan seuraavaksi {{l|linking|linkittämistä}}. Oletetaan, että haluamme kahden ympyrämme olevan aina samankokoisia. Valitse kaksi ympyrää ja niiden sädekahvat (sinivihreät pisteet).

Usean kahvan valitseminen onnistuu joko raahaamalla niiden ympärille suorakaiteen tai valitsemalla niistä ensin toisen ja sitten {{Shortcut|ctrl}} painettuna toisen. Kun molemmat sädekahvat on valittu, näpäytä jompaakumpaa hiiren oikealla napilla, ja esiin ponnahtaa valikko. Valitse {{Literal|Linkki}}. Pam! Ominasuudet on linkitetty yhteen. Voit todistaa sen itsellesi valitsemalla ympyröistä vain toisen ja muuttamalla sen sädettä — toinenkin ympyrä muuttuu samalla. Näppärää, vai mitä? Juuri näin myös {{l|Outline Layer|ääriviivat}} on kytketty vastaaviin {{l|Region Layer|alueisiin}} — mutta eipäs kiirehditä asioiden edelle.

Linkitys on perustavanlaatuinen käsite Synfigissä. Linkkejä ei ole mahdollista tehdä vain kahvojen välille, vaan myös ominaisuuksien välille, kun valitsee useita tasoja, napsauttaa ominaisuutta hiiren oikealla napilla ominaisuuspaneelista ja painaa {{Literal|Linkkiä}}.

== Värivalinta ==

Sanotaan, että haluat vaihtaa jonkin ympyrän väriä. Katsopa työkalupakin alaosaa heti työkalunappien alapuolella, niin näet ääriviiva- ja täyttövärivalitsimet, ääriviivan paksuusvalitsimen ja muuta sälää, kuten sekoitustavan ja gradientin. Värivalitsimet toimivat aivan niin kuin odottaa saattaa: voit napsauttaa täyttöväriä, ja näytölle ilmestyy vaatiamton värivalitsin. Värien muuttaminen sujuu nyt melko vaivattomasti.

Mutta joskus tekee mieli vain napsauttaa väriä, ja menoksi. Tässä kohtaa näyttämölle astuu paletinmuokkaus-välilehti.

{{DevNotesBegin}}
Paletin toiminnallisuus ei ole vielä 100 prosentin luokkaa (omien palettien tallennusta ja avausta ei ole toteutettu), mutta vakiopaletti on suhteellisen käypä.
{{DevNotesEnd}}

Näppää palettimuokkaimen korvaketta ja tutki paneelia — se on se paletintapainen kuvake. Kun väriä painaa hiiren vasemmalla napilla, asetetaan se välittömästi ääriviivaväriksi, ja keskimmäisellä napilla asetetaan täyttöväri.

That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the Canvas Window. Boom. Circle changes color. This works with more than just circles. Also, you can select the circle layer you want to modify, go to the Params panel, right-click on the Color parameter and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Or simply double-click on the {{Literal|Color}} parameter - a color selector dialog will show up, and you can just tweak away.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the {{l|Feather Parameter}} to 5.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next section}}.

Doc:Getting Started/fi

2010-10-17T13:36:57Z

Mikalaari:

{{Title|Vasta-alkajille}}
{{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}


== Käyttöliittymä ==
Kun käynnistät Synfig-studion, avautuu näyttöön alla olevassa kuvassa näkyvät ikkunat.

[[Image:Interface.png|600px|thumb|center|border|Synfig-studion käyttöliittymän vakiokokoonpano]]

Synfig-studion käyttöliittymän tärkeimmät osat ovat:

* {{l|Toolbox|Työkalupakki}} — on Synfig-studion pääikkuna. Siihen kuuluvat järjestelmävalikko, painikkeita, työkaluja ja muuta tarpeellista, joilla voit luoda ja muokata animaatioita. Tämän ikkunan sulkeminen lopettaa ohjelman.
* {{l|Canvas|Kangas}} — tekemäsi grafiikka ja animaatio ilmestyy tänne.
* {{l|Category:Panels|Paneeleissa}} — on työkaluja ja tietoja projektisi tietyistä osista. Joittenkin paneeleitten kautta voit jopa muokata näitä osia.

{{Note|Huomio|Jos Synfig-studion käyttöliittymä on sinulla erilainen, voit palauttaa sen kuvassa näkyvään vakiokokoonpanoon. Valitse Työkalupakin {{Literal|Tiedosto}}-valikosta {{c|Paneelit|Palauta ikkunat vakiokokoonpanoon}}.}}

Keskellä olevaa ikkunaa kutsutaan {{L|Canvas Window|Kangasikkunaksi}}. Aina, kun käynnistät Synfig-studion, se avaa uuden Kangasikkunan. Se ilmentää {{l|Root Canvas|juurikangasta}}, mikä ei ehkä sano sinulle mitään, mutta se ei haittaa — meneillään on vasta tutustumiskierros. Kangasikkunan vasemmassa yläkulmassa näkyy painike, jossa on {{l|Canvas Menu Caret|väkänen}}. Jos napsautat väkäpainiketta, putkahtaa esiin {{l|Canvas Menu Caret|kangasikkunavalikko}}. Sama valikko tulee näkyviin, jos kangas-alueella hiiren alla ei ole {{l|layer|tasoa}} ja napsautat oikeaa nappia. Nyt siis tiedät missä kaikkein tärkein kangasvalikko on. Hyvä.

Kaksi muuta ikkunaa (toinen alhaalla, toinen oikealla) o vat mukautettavia {{l|dock dialogs|telakkaikkunoita}}. Kussakin telakassa on joukko {{L|panel|paneeleita}}, jotka on järjestetty joko vaaka- tai pystysuuntaisesti. Jotkut paneelit jakavat saman tilan telakan sisällä, ja voit vaihdella niiden välillä napsauttamalla niiden {{l|panel tab|välilehtien korvakkeita}}. Voit järjestää telakan sisällön makusi mukaan raahaamalla välilehtiä korvakkeesta haluamaasi paikkaan. Voit jopa tehdä uuden telakkaikkunan raahaamalla paneelin ulos entisestä telakasta.

Vaikka sattuisit vahingossa sulkemaan {{l|panel|paneelin}} (raahaamalla sen ulos telakasta ja sulkemalla uuden ikkunan), ei ole syytä huoleen. Saat sen takaisin {{l|Toolbox|Työkalupakista}}, kun valitset sen valikosta {{c|Tiedosto|Paneelit}} ja napsautat kyseisen paneelin nimeä.

Tärkeimmät paneelit ovat:

* {{l|Layers Panel|Tasopaneeli}} — näyttää työstämälläsi kankaalla olevien tasojen hierarkian. Sen kautta voit myös käsitellä tasoja eri tavoin.
* {{l|Params Panel|Ominaisuuspaneeli}} — näyttää valitun tason ominaisuudet. Jos valittuna on useita tasoja, näytetään vain ne ominaisuudet, jotka ovat niillä kaikilla.
* {{l|Categorical Help#Synfig Dialogs|Työkalusäätöpaneeli}} — näyttää käytössä olevaa työkalua koskevat säädöt, mikäli sillä niitä on.
* {{l|Navigator|Kartta}} — näyttää valitun kankaan pienoiskuvan, jota voi lähentää ja loitontaa (zoomata) ja josta voi siirtyä eri puolille kangasta.
* {{l|History Panel|Historiapaneeli}} — näyttää teokseen tehdyt toimenpiteet luettelona. Historiasta voit myös muokata tapahtumia.

Näiden lisäksi Synfig-studiossa on monia muita {{l|panel|paneeleita}}. Mikäli sinulla ei ole harmainta aavistusta mitä jokin paneeli tekee, pidä hiirtä sen kuvakkeen päällä, niin esiin ponnahtaa työkaluvihje, joka selittää paneelin toimintaa.

== Konepellin alla ==

[[Image:Adding-layers-tutorial-12.png|right|frame|Tasopaneeli]]

Synfig-studio, kuten useimmat muutkin pätevät grafiikkaohjelmat, jakaa {{l|canvas|kankaalla}} olevat yksittäiset elementit {{l|layer|tasoiksi}}. Se eroaa kuitenkin muista ohjelmista kahdella merkittävällä tavalla:

# Yksittäinen taso Synfigissä esittää yleensä yhtä "alkeisoliota", kuten yhtä aluetta, alueen ääriviivaa, tuotua kuvaa, jne. Tämä antaa sinulle runsaasti jouston varaa ja vaikutusmahdollisuuksia. Ei ole mitenkään tavatonta, että teoksessa on satoja tasoja (taiteilijan mielenterveyden takaamiseksi tietysti hierarkisesti järjestettynä).
# Tasoja ei käytetä pelkästään lisäämään informaatiota alla olevan kuvan päälle, vaan niillä voi myös muovata tai vääristää sitä eri tavoin. Tässä mielessä Synfigin tasot toimivat pitkälti Adobe Photoshopin tai GIMPin suodattimien tapaan. Esimerkkeinä mainittakoon {{l|Blur Layer|Sumennustaso}}, {{l|Radial Blur Layer|Säteissumennustaso}}, {{l|Spherize Layer|Palloistustaso}}, {{l|Color Correct Layer|Värikorjaustaso}} ja {{l|Bevel Layer|Viistetaso}}.

Kaikilla tasoilla on joukko parametreja, jotka säätelevät sen käyttäytymistä. Kun napsautat tasoa (joko Kangasikkunassa tai viereisen kuvan {{l|Layers Panel|Tasopaneelissa}}), sen säädöt näytetään {{l|Params Panel|Ominaisuuspaneelissa}}.
Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the Canvas Window, or in the illustrated {{l|Layers Panel}}), you will see its parameters in the {{l|Params Panel}}.

== Ensiaskeleet ==

Tehdäänpä jotain kivaa, että päästään näpräämään ohjelmaa!

Mene ensin työkalupakkiin ja näppää {{l|Circle Tool|ympyrätyökalua}}. (Jos et tiedä mikä se niistä on, pidä vain hiirtä paikallaan nappuloiden päällä, kunnes esiin putkahtaa vihjeteksti "Ympyrätyökalu".)

Kun napsautat ympyrätyökalua, pane merkille, että {{l|Tool Options Panel|Työkalusäätöpaneeli}} muuttuu. Mutta palataan siihen myöhemmin.

Nyt kun ympyrätyökalu on valittu, voit piirtää ympyröitä {{l|Canvas Window|kangasikkunaan}}. Se toimii odotetusti — näppää kankaalle, muuta säteen pituutta raahaamalla ja päästä hiiren nappi, kun olet valmis. Kokeile itse, ja piirrä pari ympyrää (tai enemmän, jos siltä tuntuu). Jos päästät hiiren napin vahingossa ennen raahaamista, on tuloksena nollasäteinen ympyrä, joka on käytännössä näkymätön! Ei syytä huoleen, se on helppo korjata.

With the Circle Tool selected, you can now create circles in the {{l|Canvas Window}}. This works as you might expect — click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

{{Note|Note|Some users might experience the following problem: when you click and drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. To fix this go to {{c|File|Input Devices}} and '''disable all the devices''' you can find there. If you have an extended input device that you want to use, such as a pressure-sensitive pen, then enable it in this screen. After this change Synfig will work as expected.}}
Now go back to the toolbox and click on the {{l|Transform Tool}} (the blue circle with the arrow on it). After you do this, click on one of your circles. You will see a bounding box (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called "{{l|duck|ducks}}". If you want to modify the circle, grab a duck and drag it around. Easy!

You can select a {{l|layer}} by clicking on it. If you want to select more than one layer, hold down {{Shortcut|ctrl}} key while you are clicking — this works in both the Canvas Window and the {{l|Layers Panel}}. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method — just create a selection box by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks.


{{Note|Note|Synfig Studio has an autorecovery feature. If it crashes, even if the current file has not been saved, you will not lose more than 5 minutes of work. At restart it will automatically prompt to recover the unsaved changes. Unfortunately history isn't recovered yet.}}
The {{l|Rotate Tool|rotate}} and {{l|Scale Tool|scale}} tools work much like the Transform Tool, except in the case where you have multiple ducks selected. It is much easier just to try, than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.

{{DevNotesBegin}}
You may find that Synfig Studio is SLOW, making it practically unusable on the old hardware. The biggest reason for this is that all of the color calculations are done in floating point — to enable High-Dynamic-Range Imaging.

However, some major re-implementations and optimizations are planned to be made that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, but at least a '''2000% speed increase'''. Currently there is a work in progress in development branch implementing those optimization via OpenGL. It already shows very promising results, but is not ready for usage yet.
{{DevNotesEnd}}

== Linking ==

Now let's try {{l|linking|linking}}. Suppose we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).

To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the {{Shortcut|ctrl}} key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Select {{Literal|Link}}. Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius — the other one will change as well. Neat stuff, eh? This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} — but I'm getting ahead of myself.

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the Params panel, and selecting {{Literal|Link}}.

== Color selection ==

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect — you can click on the fill color, and a modest color chooser will appear. Now you can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in.

{{DevNotesBegin}}
Its functionality isn't quite 100% yet (saving and loading custom palettes is not implemented), but the default palette is pretty decent.
{{DevNotesEnd}}

Click on the Palette Editor panel tab and have a look — it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.

That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the Canvas Window. Boom. Circle changes color. This works with more than just circles. Also, you can select the circle layer you want to modify, go to the Params panel, right-click on the Color parameter and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Or simply double-click on the {{Literal|Color}} parameter - a color selector dialog will show up, and you can just tweak away.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the {{l|Feather Parameter}} to 5.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next section}}.

Doc:Getting Started/fi

2010-10-17T11:19:30Z

Mikalaari:

{{Title|Vasta-alkajille}}
{{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}


== Käyttöliittymä ==
Kun käynnistät Synfig-studion, avautuu näyttöön alla olevassa kuvassa näkyvät ikkunat.

[[Image:Interface.png|600px|thumb|center|border|Synfig-studion käyttöliittymän vakiokokoonpano]]

Synfig-studion käyttöliittymän tärkeimmät osat ovat:

* {{l|Toolbox|Työkalupakki}} — on Synfig-studion pääikkuna. Siihen kuuluvat järjestelmävalikko, painikkeita, työkaluja ja muuta tarpeellista, joilla voit luoda ja muokata animaatioita. Tämän ikkunan sulkeminen lopettaa ohjelman.
* {{l|Canvas|Kangas}} — tekemäsi grafiikka ja animaatio ilmestyy tänne.
* {{l|Category:Panels|Paneeleissa}} — on työkaluja ja tietoja projektisi tietyistä osista. Joittenkin paneeleitten kautta voit jopa muokata näitä osia.

{{Note|Huomio|Jos Synfig-studion käyttöliittymä on sinulla erilainen, voit palauttaa sen kuvassa näkyvään vakiokokoonpanoon. Valitse Työkalupakin {{Literal|Tiedosto}}-valikosta {{c|Paneelit|Palauta ikkunat vakiokokoonpanoon}}.}}

Keskellä olevaa ikkunaa kutsutaan {{L|Canvas Window|Kangasikkunaksi}}. Aina, kun käynnistät Synfig-studion, se avaa uuden Kangasikkunan. Se ilmentää {{l|Root Canvas|juurikangasta}}, mikä ei ehkä sano sinulle mitään, mutta se ei haittaa — meneillään on vasta tutustumiskierros. Kangasikkunan vasemmassa yläkulmassa näkyy painike, jossa on {{l|Canvas Menu Caret|väkänen}}. Jos napsautat väkäpainiketta, putkahtaa esiin {{l|Canvas Menu Caret|kangasikkunavalikko}}. Sama valikko tulee näkyviin, jos kangas-alueella hiiren alla ei ole {{l|layer|tasoa}} ja napsautat oikeaa nappia. Nyt siis tiedät missä kaikkein tärkein kangasvalikko on. Hyvä.

Kaksi muuta ikkunaa (toinen alhaalla, toinen oikealla) o vat mukautettavia {{l|dock dialogs|telakkaikkunoita}}. Kussakin telakassa on joukko {{L|panel|paneeleita}}, jotka on järjestetty joko vaaka- tai pystysuuntaisesti. Jotkut paneelit jakavat saman tilan telakan sisällä, ja voit vaihdella niiden välillä napsauttamalla niiden {{l|panel tab|välilehtien korvakkeita}}. Voit järjestää telakan sisällön makusi mukaan raahaamalla välilehtiä korvakkeesta haluamaasi paikkaan. Voit jopa tehdä uuden telakkaikkunan raahaamalla paneelin ulos entisestä telakasta.

Vaikka sattuisit vahingossa sulkemaan {{l|panel|paneelin}} (raahaamalla sen ulos telakasta ja sulkemalla uuden ikkunan), ei ole syytä huoleen. Saat sen takaisin {{l|Toolbox|Työkalupakista}}, kun valitset sen valikosta {{c|Tiedosto|Paneelit}} ja napsautat kyseisen paneelin nimeä.

Tärkeimmät paneelit ovat:

* {{l|Layers Panel|Tasopaneeli}} — näyttää työstämälläsi kankaalla olevien tasojen hierarkian. Sen kautta voit myös käsitellä tasoja eri tavoin.
* {{l|Params Panel|Ominaisuuspaneeli}} — näyttää valitun tason ominaisuudet. Jos valittuna on useita tasoja, näytetään vain ne ominaisuudet, jotka ovat niillä kaikilla.
* {{l|Categorical Help#Synfig Dialogs|Työkalusäätöpaneeli}} — näyttää käytössä olevaa työkalua koskevat säädöt, mikäli sillä niitä on.
* {{l|Navigator|Kartta}} — näyttää valitun kankaan pienoiskuvan, jota voi lähentää ja loitontaa (zoomata) ja josta voi siirtyä eri puolille kangasta.
* {{l|History Panel|Historiapaneeli}} — näyttää teokseen tehdyt toimenpiteet luettelona. Historiasta voit myös muokata tapahtumia.

Näiden lisäksi Synfig-studiossa on monia muita {{l|panel|paneeleita}}. Mikäli sinulla ei ole harmainta aavistusta mitä jokin paneeli tekee, pidä hiirtä sen kuvakkeen päällä, niin esiin ponnahtaa työkaluvihje, joka selittää paneelin toimintaa.

== Konepellin alla ==

[[Image:Adding-layers-tutorial-12.png|right|frame|Tasopaneeli]]

Synfig-studio, kuten useimmat muutkin pätevät grafiikkaohjelmat, jakaa {{l|canvas|kankaalla}} olevat yksittäiset elementit {{l|layer|tasoiksi}}. Se eroaa kuitenkin muista ohjelmista kahdella merkittävällä tavalla:

# Yksittäinen taso Synfigissä esittää yleensä yhtä "alkeisoliota", kuten yhtä aluetta, alueen ääriviivaa, tuotua kuvaa, jne. Tämä antaa sinulle runsaasti jouston varaa ja vaikutusmahdollisuuksia. Ei ole mitenkään tavatonta, että teoksessa on satoja tasoja (taiteilijan mielenterveyden takaamiseksi tietysti hierarkisesti järjestettynä).
# Tasoja ei käytetä pelkästään lisäämään informaatiota alla olevan kuvan päälle, vaan niillä voi myös muovata tai vääristää sitä eri tavoin. Tässä mielessä Synfigin tasot toimivat pitkälti Adobe Photoshopin tai GIMPin suodattimien tapaan. Esimerkkeinä mainittakoon {{l|Blur Layer|Sumennustaso}}, {{l|Radial Blur Layer|Säteissumennustaso}}, {{l|Spherize Layer|Palloistustaso}}, {{l|Color Correct Layer|Värikorjaustaso}} ja {{l|Bevel Layer|Viistetaso}}.

Kaikilla tasoilla on joukko parametreja, jotka säätelevät sen käyttäytymistä. Kun napsautat tasoa (joko Kangasikkunassa tai viereisen kuvan {{l|Layers Panel|Tasopaneelissa}}), sen säädöt näytetään {{l|Params Panel|Ominaisuuspaneelissa}}.
Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the Canvas Window, or in the illustrated {{l|Layers Panel}}), you will see its parameters in the {{l|Params Panel}}.

== Ensiaskeleet ==

Tehdäänpä jotain kivaa, että päästään näpräämään ohjelmaa!

Mene ensin työkalupakkiin ja näppää {{l|Circle Tool|ympyrätyökalua}}. (Jos et tiedä mikä se niistä on, pidä vain hiirtä paikallaan nappuloiden päällä, kunnes esiin putkahtaa vihjeteksti "Ympyrätyökalu".)

Kun napsautat ympyrätyökalua, pane merkille, että {{l|Tool Options Panel|Työkalusäätöpaneeli}} muuttuu. Mutta palataan siihen myöhemmin.

With the Circle Tool selected, you can now create circles in the {{l|Canvas Window}}. This works as you might expect — click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

{{Note|Note|Some users might experience the following problem: when you click and drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. To fix this go to {{c|File|Input Devices}} and '''disable all the devices''' you can find there. If you have an extended input device that you want to use, such as a pressure-sensitive pen, then enable it in this screen. After this change Synfig will work as expected.}}
Now go back to the toolbox and click on the {{l|Transform Tool}} (the blue circle with the arrow on it). After you do this, click on one of your circles. You will see a bounding box (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called "{{l|duck|ducks}}". If you want to modify the circle, grab a duck and drag it around. Easy!

You can select a {{l|layer}} by clicking on it. If you want to select more than one layer, hold down {{Shortcut|ctrl}} key while you are clicking — this works in both the Canvas Window and the {{l|Layers Panel}}. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method — just create a selection box by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks.


{{Note|Note|Synfig Studio has an autorecovery feature. If it crashes, even if the current file has not been saved, you will not lose more than 5 minutes of work. At restart it will automatically prompt to recover the unsaved changes. Unfortunately history isn't recovered yet.}}
The {{l|Rotate Tool|rotate}} and {{l|Scale Tool|scale}} tools work much like the Transform Tool, except in the case where you have multiple ducks selected. It is much easier just to try, than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.

{{DevNotesBegin}}
You may find that Synfig Studio is SLOW, making it practically unusable on the old hardware. The biggest reason for this is that all of the color calculations are done in floating point — to enable High-Dynamic-Range Imaging.

However, some major re-implementations and optimizations are planned to be made that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, but at least a '''2000% speed increase'''. Currently there is a work in progress in development branch implementing those optimization via OpenGL. It already shows very promising results, but is not ready for usage yet.
{{DevNotesEnd}}

== Linking ==

Now let's try {{l|linking|linking}}. Suppose we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).

To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the {{Shortcut|ctrl}} key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Select {{Literal|Link}}. Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius — the other one will change as well. Neat stuff, eh? This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} — but I'm getting ahead of myself.

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the Params panel, and selecting {{Literal|Link}}.

== Color selection ==

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect — you can click on the fill color, and a modest color chooser will appear. Now you can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in.

{{DevNotesBegin}}
Its functionality isn't quite 100% yet (saving and loading custom palettes is not implemented), but the default palette is pretty decent.
{{DevNotesEnd}}

Click on the Palette Editor panel tab and have a look — it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.

That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the Canvas Window. Boom. Circle changes color. This works with more than just circles. Also, you can select the circle layer you want to modify, go to the Params panel, right-click on the Color parameter and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Or simply double-click on the {{Literal|Color}} parameter - a color selector dialog will show up, and you can just tweak away.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the {{l|Feather Parameter}} to 5.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next section}}.

Doc:Getting Started/fi

2010-10-16T20:38:39Z

Mikalaari: Created page with ' {{Title|Vasta-alkajille}} {{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}} {{Category|Manual}} {{Category|Tutorials}} {{Category|Tutorials Basic}} {{C…'

{{Title|Vasta-alkajille}}
{{Navigation|Category:Manual/fi|Doc:Animation_Basics/fi}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}


== Käyttöliittymä ==
Kun käynnistät Synfig-studion, avautuu näyttöön alla olevassa kuvassa näkyvät ikkunat.

[[Image:Interface.png|600px|thumb|center|border|Default interface layout of Synfig Studio]]

Synfig-studion käyttöliittymän tärkeimmät osat ovat:

* {{l|Toolbox|Työkalupakki}} — on Synfig-studion pääikkuna. Siihen kuuluvat järjestelmävalikko, painikkeita, työkaluja ja muuta tarpeellista, joilla voit luoda ja muokata animaatioita. Tämän ikkunan sulkeminen lopettaa ohjelman.
* {{l|Canvas|Kangas}} — tekemäsi grafiikka ja animaatio ilmestyy tänne.
* {{l|Category:Panels|Paneeleissa}} — on työkaluja ja tietoja projektisi tietyistä osista. Joittenkin paneeleitten kautta voit jopa muokata näitä osia.

{{Note|Note|If your Synfig Studio interface layout looks different, you can reset it to the default arrangement shown on the screenshot. In the {{Literal|File}} menu from the Toolbox select {{c|Panels|Reset Windows to Original Layout}}.}}
The window at the center is called {{L|Canvas Window}}. Each time you start Synfig Studio, a new Canvas Window is opened. This window represents the {{l|Root Canvas}}, not that it means much to you at the moment, but that's OK — we're just trying to show you around. In the upper left corner of the Canvas Window, you'll see a button with a {{l|Canvas Menu Caret|caret}}. If you click on this caret button, the {{l|Canvas Menu Caret|canvas window menu}} will pop up. If you right-click in the canvas area and there is no {{l|layer}} under the mouse position, this menu will also appear. So now you know where the most important canvas menu is. Good.

The other two windows (one on the bottom, and one to the right) are customizable {{l|dock dialogs|dock dialogs}}. Each dock dialog contains a set of {{L|panel|panels}}, arranged horizontally or vertically. Some panels share the same space inside the dock dialog and you can switch between them by clicking on their {{l|panel tab|tabs}}. You can rearrange the contents of dock dialogs as you wish by dragging the panel tab to where you want it. You can even create a new dock dialog by dragging a tab out of its dock dialog.

If you accidentally close a {{l|panel|panel}} (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply go to the {{l|Toolbox}}, select {{c|File|Panels}} in menu right there and then click on the name of the panel you need.

The most important panels are:

* {{l|Layers Panel}} — shows you the hierarchy of layer of your working canvas. It also allows you to manipulate these layers.
* {{l|Params Panel}} — shows you the parameters of the layer currently selected. When multiple layers are selected, only the parameters that the selected layers have in common are displayed.
* {{l|Categorical Help#Synfig Dialogs|Tool Options Panel}} — shows you any options specific to the currently selected tool.
* {{l|Navigator|Navigator}} — shows a thumbnail image of what the currently selected canvas looks like. You can also zoom in and move the focus around with this panel.
* {{l|History Panel}} — shows you the history stack for the current composition. You can also edit the actions in history.

There are also many other {{l|panel|panels}} in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.

== Under the hood ==

[[Image:Adding-layers-tutorial-12.png|right|frame|Layers Panel]]

Synfig Studio, like most every other competent graphics program, breaks down individual elements of a {{l|canvas|canvas}} into {{l|layer|layers}}. However, it differs from other programs in two major ways:

# An individual layer in Synfig usually represents a single "Primitive". I.e. a single region, an outline of a region, an imported image, etc... This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers (organized into a hierarchy for artist's sanity of course).
# A layer can not only composite information on top of the image below it, but also distorts and/or modify it in some other way. In this sense, Synfig's Layers act much like filters do in Adobe Photoshop or GIMP. For example, we have a {{l|Blur Layer}}, {{l|Radial Blur Layer}}, {{l|Spherize Layer}}, {{l|Color Correct Layer}}, {{l|Bevel Layer}}, etc...

Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the Canvas Window, or in the illustrated {{l|Layers Panel}}), you will see its parameters in the {{l|Params Panel}}.

== First steps ==

Let's create something fun so that we can play with it!

First, go over to the toolbox and click on the {{l|Circle Tool}} (if you don't know which one it is, just mouse over them until you find the one with the tooltip that says "Circle Tool").

When you click on the Circle Tool, you should notice that the {{l|Tool Options Panel}} changed. But we'll get to that later.

With the Circle Tool selected, you can now create circles in the {{l|Canvas Window}}. This works as you might expect — click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

{{Note|Note|Some users might experience the following problem: when you click and drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. To fix this go to {{c|File|Input Devices}} and '''disable all the devices''' you can find there. If you have an extended input device that you want to use, such as a pressure-sensitive pen, then enable it in this screen. After this change Synfig will work as expected.}}
Now go back to the toolbox and click on the {{l|Transform Tool}} (the blue circle with the arrow on it). After you do this, click on one of your circles. You will see a bounding box (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called "{{l|duck|ducks}}". If you want to modify the circle, grab a duck and drag it around. Easy!

You can select a {{l|layer}} by clicking on it. If you want to select more than one layer, hold down {{Shortcut|ctrl}} key while you are clicking — this works in both the Canvas Window and the {{l|Layers Panel}}. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method — just create a selection box by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks.


{{Note|Note|Synfig Studio has an autorecovery feature. If it crashes, even if the current file has not been saved, you will not lose more than 5 minutes of work. At restart it will automatically prompt to recover the unsaved changes. Unfortunately history isn't recovered yet.}}
The {{l|Rotate Tool|rotate}} and {{l|Scale Tool|scale}} tools work much like the Transform Tool, except in the case where you have multiple ducks selected. It is much easier just to try, than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.

{{DevNotesBegin}}
You may find that Synfig Studio is SLOW, making it practically unusable on the old hardware. The biggest reason for this is that all of the color calculations are done in floating point — to enable High-Dynamic-Range Imaging.

However, some major re-implementations and optimizations are planned to be made that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, but at least a '''2000% speed increase'''. Currently there is a work in progress in development branch implementing those optimization via OpenGL. It already shows very promising results, but is not ready for usage yet.
{{DevNotesEnd}}

== Linking ==

Now let's try {{l|linking|linking}}. Suppose we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).

To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the {{Shortcut|ctrl}} key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Select {{Literal|Link}}. Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius — the other one will change as well. Neat stuff, eh? This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} — but I'm getting ahead of myself.

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the Params panel, and selecting {{Literal|Link}}.

== Color selection ==

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect — you can click on the fill color, and a modest color chooser will appear. Now you can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in.

{{DevNotesBegin}}
Its functionality isn't quite 100% yet (saving and loading custom palettes is not implemented), but the default palette is pretty decent.
{{DevNotesEnd}}

Click on the Palette Editor panel tab and have a look — it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.

That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the Canvas Window. Boom. Circle changes color. This works with more than just circles. Also, you can select the circle layer you want to modify, go to the Params panel, right-click on the Color parameter and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Or simply double-click on the {{Literal|Color}} parameter - a color selector dialog will show up, and you can just tweak away.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the {{l|Feather Parameter}} to 5.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next section}}.

Doc:Overview/fi

2010-10-16T20:01:34Z

Mikalaari:

{{Title|Yleiskatsaus}}
{{Navigation|Category:Manual/fi|Doc:Getting Started/fi}}
[[Category:Manual]]
[[Category:Unverified]]

Synfig-studio on avolähteinen ohjelma, jolla voi tehdä kaksiulotteista vektorianimaatiota. Se on suunniteltu elokuvalaatuisen animaation tuottamiseen tavallista vähemmällä väellä ja resursseilla.

Kuten varmaan tiedät, animaatio luo illuusion liikkeestä näyttämällä kuvia nopeasti peräkkäin. Perinteisesti kaksiulotteisia animaatioita on valmistettu piirtämällä kaikki sen kuvat yksitellen. Näitä kuvia kutsutaan ruuduiksi. Hyvän liikkeen vaikutelman luomiseksi tarvitaan lukuisia ruutuja, ja siksi tähän menetelmään tarvitaan paljon aikaa ja resursseja.


Synfig-studion periaate on, ettei kaikkia ruutuja tarvitse piirtää. Siihen on kaksi tekniikkaa:
* Muodonmuutosanimaatio
* Pala-animaatio

'''Muodonmuutos''' on tekniikka, jossa kahden kuvan välille luodaan pehmeä siirtymä. Siirtymän edetessä toinen muoto muuttuu toiseksi, ja muutos määräytyy yleensä ohjauspisteiden avulla. Synfig-studiossa kuvat rakentuvat vektorimuodoista, joten muodonmuutos voidaan toteuttaa automaattisesti. Näin animaatio voidaan tehdä piirtämällä ainoastaan avainasennot suhteellisen pitkin aikavälein. Voit piirtää ruutuja vain sen verran kuin kohtauksessa on tarpeen perustavan liikkeen tunnun luomiseksi, ja Synfig-studio huolehtii väliruutujen tekemisestä.


'''Pala-animaatio''' valmistetaan jakamalla kappaleet osiin ja tekemällä niille joitain yksinkertaisia muunnoksia (kuten siirto, kierto tai skaalaus) eri ajankohtina. Synfig-studio interpoloi väliruudut näiden arvojen pohjalta. Pala-animaatio voidaan tehdä bittikarttakuvista tai vektorigrafiikasta.


Kummassakin tapauksessa Synfig-studion tehtävä on täyttää piirrettyjen ruutujen (eli ''avainruutujen'') väliset aukot ja tuottaa pehmeä ja sulava animaatio. Väliruudutus ei kuitenkaan ole Synfig-studion ainoa hyöty.

Vaikka Synfig-studiota ei olekaan varsinaisesti tarkoitettu ruutu ruudulta -animaation piirtämiseen, sitä voidaan käyttää käsin piirretyn täysruutuanimaation saattamiseen elokuvatasoiseksi muuntamalla kunkin ruudun bittikartta vektoriformaattiin. Toimenpiteen nimi on ''jäljitys'', ja se tehdään tavallisesti käsin rakentamalla vektorikuviot bittikartakuvan päälle. Jäljitystä tehdessä voit lisätä animaatioon paljon kiehtovia Synfig-studion tehosteita ammattimaisen vaikutelman saavuttamiseksi.


Piirsit ruudut yksitellen tai et, Synfig-studion avulla voit vaikuttaa toistuvan datan lukuisiin ominaisuuksiin kuten väreihin, ääriviivoihin, tekstuuriin, kuviin ja moniin muihin – jopa animaation kulkuratoihin ja niiden joukkoihin (toimintoihin). Toistuvaa dataa voidaan käyttää uudelleen linkittämällä. Tämä on Synfig-studion vahvuus, joka on eritysen tärkeä isoissa animaatioprojekteissa.

Tavanomaisen grafiikan osien linkittämisen lisäksi voit määrittää niiden välille myös relaatioita funktiojoukkojen avulla. Se mahdollistaa automaatisen animaation tekemisen määriteltyjen sääntöjen pohjalta ja nostaa koko animaatioprosessin uudelle tasolle.



Kaikkia mainittuja Synfig-studion ominaisuuksia käsitellään yksityiskohtaisesti tämän käyttöoppaan kappaleissa.


{{Navigation|Category:Manual/fi|Doc:Getting Started/fi}}

Category:Manual/fi

2010-10-16T18:14:04Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Vasta-alkajille}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method|Sekoitustoiminto}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-parametri}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Doc:Overview/fi

2010-10-16T18:12:45Z

Mikalaari: Created page with ' {{Title|Yleiskatsaus}} {{Navigation|Category:Manual/fi|Doc:Getting Started/fi}} Category:Manual Category:Unverified  Synfig-studi…'

{{Title|Yleiskatsaus}}
{{Navigation|Category:Manual/fi|Doc:Getting Started/fi}}
[[Category:Manual]]
[[Category:Unverified]]

Synfig-studio on avolähteinen ohjelma, jolla voi tehdä kaksiulotteista vektorianimaatiota. Se on suunniteltu elokuvalaatuisen animaation tuottamiseen tavallista vähemmällä väellä ja resursseilla.

Kuten varmaan tiedät, animaatio luo illuusion liikkeestä näyttämällä kuvia nopeasti peräkkäin. Perinteisesti kaksiulotteisia animaatioita on valmistettu piirtämällä kaikki sen kuvat yksitellen. Näitä kuvia kutsutaan ruuduiksi. Hyvän liikkeen vaikutelman luomiseksi tarvitaan lukuisia ruutuja, ja siksi tähän menetelmään tarvitaan paljon aikaa ja resursseja.


Synfig-studion periaate on, ettei kaikkia ruutuja tarvitse piirtää. Siihen on kaksi tekniikkaa:
* Muodonmuutosanimaatio
* Pala-animaatio

'''Muodonmuutos''' on tekniikka, jossa kahden kuvan välille luodaan pehmeä siirtymä. Siirtymän edetessä toinen muoto muuttuu toiseksi, ja muutos määräytyy yleensä ohjauspisteiden avulla. Synfig-studiossa kuvat rakentuvat vektorimuodoista, joten muodonmuutos voidaan toteuttaa automaattisesti. Näin animaatio voidaan tehdä piirtämällä ainoastaan avainasennot suhteellisen pitkin aikavälein. Voit piirtää ruutuja vain sen verran kuin kohtauksessa on tarpeen perustavan liikkeen tunnun luomiseksi, ja Synfig-studio huolehtii väliruutujen tekemisestä.


'''Pala-animaatio''' valmistetaan jakamalla kappaleet osiin ja tekemällä niille joitain yksinkertaisia muunnoksia (kuten siirto, kierto tai skaalaus) eri ajankohtina. Synfig-studio interpoloi väliruudut näiden arvojen pohjalta. Pala-animaatio voidaan tehdä bittikarttakuvista tai vektorigrafiikasta.


Kummassakin tapauksessa Synfig-studion tehtävä on täyttää piirrettyjen ruutujen (eli ''avainruutujen'') väliset aukot ja tuottaa pehmeä ja sulava animaatio. Väliruudutus ei kuitenkaan ole Synfig-studion ainoa hyöty.

Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.


Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.

Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.



All those features of Synfig Studio are covered in detail in the chapters of this manual.


{{Navigation|Category:Manual|Doc:Getting Started}}

Category:Manual/fi

2010-10-16T17:02:56Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Ensiaskeleet}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method|Sekoitustoiminto}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-parametri}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Category:Manual/fi

2010-10-16T17:02:22Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Ensiaskeleet}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L||Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method|Sekoitustoiminto}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-parametri}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Renderöinti''' 
** {{L|Preview|Esikatselu}} 
** {{L|Render_options|Renderöinnin asetukset}} 
** {{L|Render dialog|Renderöinti-ikkuna}} 
** {{L|Sif2svg|Vienti SVG:ksi}} 
* '''Synfigin asetukset''' 
** {{L|Setup_Dialog|Asetusikkuna}} 
** {{L|Unit System|Mittayksiköt}} 
** {{L|Image_Dimensions|Kuvan koko}} 
** {{L|Canvas_Properties_Dialog|Kankaan ominaisuudet}} 
** {{L|Environment_Variables|Ympäristömuuttujat}} 
* '''Liitteet''' 
** {{L|Doc:Synfig Studio vs Synfig|Synfig Studio vs. Synfig}} 
** {{L|Doc:Synfig CLI Syntax|Synfigin komentorivin syntaksi}} 
** {{L|Doc:Build Instructions|Käännösohjeet}} 
** {{L|Doc:How Do I|Miten tehdään...}} 
** {{L|FAQ|VUKK}} 
** {{L|Window_Manager_Hints|Vinkkejä ikkunointiin}} 
** {{L|Keyboard Shortcuts|Näppäinkomennot}} 
** {{L|Mouse_Shortcuts|Hiirikomennot}} 
** {{L|Doc:Examples|Esimerkkejä}}

Category:Manual/fi

2010-10-16T14:27:09Z

Mikalaari:

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Overview|Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Getting Started|Ensiaskeleet}} 
** {{L|Doc:Animation Basics|Animaation perusasiat}} 
** {{L|Doc:Adding Layers|Tasojen lisääminen}} 
** {{L|Doc:Creating Shapes|Kuvioiden tekeminen}} 
** {{L|Doc:Flower Animation|Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Quick Overview|Pikavilkaisu}} 
** {{L|Doc:Interface|Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine tool|BViiva-työkalu}} 
** {{L|Outline Layer|Ääriviivataso}} 
** {{L|Area Layer|Aluetaso}} 
** {{L||Color_Editor_Dialog|Värimuokkain}} 
** {{L|Draw Tool|Piirtotyökalu}} 
** {{L|Width Tool|Leveystyökalu}} 
** {{L|Paste Canvas Layer|Leikekangastaso}} 
** {{L|Children Lock|Lapsilukko}} 
** {{L|Gradient Tool|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Blend Method|Sekoitustoiminto}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Datan linkittäminen''' 
** {{L|Linking|Linkittäminen}} 
** {{L|Export|Vienti}} 
** {{L|Convert|Muunto}} 
** {{L|Sewing_BLines|BViivojen ompelu}} 
** {{L|Link to BLine|Linkki BViivaan}} 
** {{L|ValueNodes|Arvosolmu}} 
** {{L|Reuse_Exported_ValueNodes|Vietyjen arvosolmujen kierrätys}} 
** {{L|Switching_Scenes|Siirtyminen kohtauksesta toiseen}} 
* '''Pidemmälle ehtineille ...''' 
** {{L|Slideshow_Tutorial|Diaesitys}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Monistetaso}} 
** {{L|Doc:Brushes|Siveltimet}} 
* '''Animaatio''' 
** {{L|Keyframe|Avainruutu}} 
** {{L|Timetrack_Panel|Aikaraita}} 
** {{L|Waypoint|Merkki}} 
** {{L|Doc:Reuse Animations|Animaation uusiokäyttö}} 
** {{L|Lock_Keyframes|Avainruudun lukitus}} 
** {{L|Toggle_Onion_Skin|Sipulinkuori}} 
** {{L|Doc:Following a BLine|BViivan seuranta}} 
** {{L|Z_Depth_Parameter|Z-indeksi}} 
** {{L|Time_Loop_Layer|Aikasilmukkataso}} 
** {{L|Doc:Rescale Animations|Animaation skaalaus}} 
** {{L|Time_Offset_Parameter|Aikasiirros-parametri}} 
* '''Animaatiotekniikat''' 
** {{L|Walk_Cycle|Muodonmuutos}} 
** {{L|Doc:Cut-out Animation|Pala-anamaatio}} 
* '''Output''' 
** {{L|Preview|}} 
** {{L|Render_options|}} 
** {{L|Render dialog|}} 
** {{L|Sif2svg|SVG export}} 
* '''Configuring Synfig''' 
** {{L|Setup_Dialog|}} 
** {{L|Unit System|}} 
** {{L|Image_Dimensions|}} 
** {{L|Canvas_Properties_Dialog|Canvas Properties}} 
** {{L|Environment_Variables|}} 
* '''Appendix''' 
** {{L|Doc:Synfig Studio vs Synfig|}} 
** {{L|Doc:Synfig CLI Syntax|}} 
** {{L|Doc:Build Instructions|}} 
** {{L|Doc:How Do I|}} 
** {{L|FAQ|}} 
** {{L|Window_Manager_Hints|}} (merge to FAQ?) 
** {{L|Keyboard Shortcuts|}} 
** {{L|Mouse_Shortcuts|}} 
** {{L|Doc:Examples|}}

Sewing Splines

2010-10-16T13:53:25Z

Mikalaari: /* Solution */ split too long preformatted rows

{{Title|Sewing BLines}}
{{Category|Tutorials}}
{{Category|Tutorials Advanced}}


This is a small tutorial that describes how to join any layers based on the BLine object by their edges. Such layers include the {{l|Region Layer|Region Layers}}, {{l|Outline Layer|Outline Layers}}, {{l|Plant Layer}} and {{l|Curve Gradient Layer}}.

==Problem Definition==
It is not always possible to link the edges of the {{l|BLine|BLines}}, because they may have been constructed in opposite directions (clockwise and counter clockwise), causing the tangents not to be appropriate for linking to each other.

If you're lucky you can link the tangents and the Regions will display properly. In the following example the direction of region construction is shown by the red arrow. You can see that the yellow tangent ducks are on the same side of the vertex (the orange ducks). Similarly with the red ducks. It is not so obvious when the tangents are not parallel.

{{l|Image:SewBlines1.png}}

Select the vertex ducks and right click and select the context menu "Link"

{{l|Image:Link1.png}}

{{l|Image:Link2.png}}

Then repeat the same procedure with the tangents (only one of the pairs of tangents needs linking unless the tangents are split)

{{l|Image:Link3.png}}

Now watch this situation. The Regions are constructed with the same clockwise direction. The result is that the shared edge become incompatible for linking properly. The tangents are opposite each other (its yellow or red ducks are not at the same side of the vertex duck).

{{l|Image:SewBlines2.png}}

Repeat the same steps as before. First link the vertex ducks and then link the tangent ducks. No matter what tangent ducks you link together (same color or different color), it always gives the same result:

{{l|Image:Link4.png}}

{{l|Image:Link5.png}}

== Solution ==

To solve this problem there is a smart solution. Since the tangents of each Bline are placed opposite each other, the solution comes from converting one of the tangents to a scaled one. The scale should be exactly -1. This allows us to link opposite tangents together since we are going to link one of the tangents to the other tangent, but this last one would be displayed as its inverse by the scale conversion (so the Bline has not the loop when rendered).
(Recently has been commited a new convert type {{l|Convert#Reverse Tangent|Reverse Tangent}}
which might allow simplification of this task, but it's not yet clear whether that's the case.)
In the example, let's chose to make the right Region the one that we are going to modify with the scale conversion. Here are the steps you should perform before you link the tangents. You can do it later but should repeat the linking operations.

# Select the vertex from the vertices list in the Parameter Dialog. It will be marked with a red square around it in the workarea.
# Open the Vertex definition and search for the tangent you want to modify. If they are merged you can do it with either of them.
# Right click and select Convert->Scale
# Open the converted tangent and see that there are two new parameters: Link and Scale.
# Right click over the Link parameter and Export it giving a proper name (for example 't4' if it is the vertex number 4)
# Go to the Child list and Select the Value node you just have exported.
# Now go to the other layer and search the tangent you want to link to.
# Select it, right click, and select the Connect option.
# Now you have obtained the same result as before!! :(. The Regions are looped at that point!!. Here comes the trick. :)
# Go to the converted and exported tangent, find the Scale parameter you have obtained from the Scale conversion, and set it to -1. Voila! the tangents match each other!

Alternatively, instead of converting to Scale and exporting the Link you could
convert to Reverse Tangent and link it directly. I have not tested yet.

Notice that the other vertex ducks (of the other vertices) show how they have opposite colors.

{{l|Image:Link6.png}}

== Drawbacks ==

The converted tangents lose the ability to being manipulated by tangents ducks since the tangent is no longer a Radial Composite value node which is the type of conversion that Synfig knows how manage internally with ducks interface.

You should modify the tangent of the vertex of that Region using the ducks of the other Region layer or by the numerical input of the x,y values.

== Sewing more than two Blines ==

Sewing more than two Blines is much the same as the case described because locally you are only going to stitch two tangents each time. If you need to sew more than one vertex at the same place just repeat the steps making the proper change of tangent sign as appropriate.

== Sewing corners ==

One not obvious situation happen when you have to sew two corners. In that case the tangents (almost one of them) must be split. It can happen two clearly different situations:

# The outside tangents are linked. Usually you link them to obtain an smooth surface. It is like a 180 DEG corner.
# The outside tangents aren't linked. Then you want to create a real corner with control of each tangent. This case is a particular case of the above.

So lets study the case where the outside tangents are going to be linked having opposite values (they are always 180 DEG separated).

That case can be reached by two regions with same clockwise construction or opposite. Let start with the simple one.

===Creating a smooth corner for compatible Blines===

When you want to link two vertices that are going to create a smooth corner (a 180 DEG one) you have to do the following (I assume that the vertices are already linked, if not you can do it now or later):

# As well as the regions are tangent compatible (see the first previous example) the tangent ducks have same color on same side of the vertex. First is to split the tangents of both vertices. Right click on vertex and "Split Tangents".
# Then you should directly link the two tangents ducks for the inner par of the corner. It is the tangent that points down in the following figure (the red ones)
# If you link the other two tangents (the yellow ones) you would obtain two identical tangents. That's not what we ant to achieve we want that both tangents have the opposite direction so they match smoothly.
# Repeat the steps of Convert->Scale, export Link parameter, link the exported to the other tangent and set Scale parameter to be -1. It would allow obtain this figure.

{{l|Image:Link7.png}}

There you can see that the one of the two ducks of the upper tangent is greyed. It means that it cannot be manipulated due it is the one what was converted to Scale. To manipulate that tangent you must use the left side duck.

The red ones ducks of the other tangent are overlapping and you can manage one of them at a time.

If you don't want to create an smooth corner just don't make the link of the yellow tangent ducks in this case. Set them free and make the corner you want.

===Creating a smooth corner for not compatible Blines===

If the BLines are not compatible (second example of above) you should make now only one conversion too. The inner tangent still not being compatible, so it need a conversion to Scale, an export, a link to the other tangent and a Sсale set to -1, like in the previous example. But the outer one is compatible now because they are already two inverted tangents and can be linked to create a 180 DEG corner.

So after you have split the tangents you should obtain something like this:

{{l|Image:Link10.png}}

Now, you should link the left red duck with the right yellow one but they are opposite tangents (opposite colors). Then convert one of them (the yellow one in the example) to scale, export the Link parameter, link it to the other (red) tangent duck and make the Scale parameter to be -1. It will make both regions have same rendered tangent on the sharing edge.

Once done, you simply need to join the two upper ducks (yellow left and red right). As well they are opposite they are compatible for a 180 DEG corner. The result should be this:

{{l|Image:Link11.png}}

== Dead End Corner ==

(If anyone has a better name for this kind of meeting of vertices please change it freely)

I gave this name to a a vertex that is completely surrounded by BLines so that it doesn't have any outside tangent. The inner vertex of a shared edge is the extreme example of the most general case of a Dead End Corner vertex. It has only two tangents.

Here is an example of a preparation of a Dead End Corner. The three Regions are going to be joined at the central vertex.

{{l|Image:Link12.png}}

If you have a look at the tangent ducks you can see that they match in pairs except the two upper ones. If you have followed the tutorial you can easily imagine that the tangent ducks that have matching colors can be linked directly and the ones that mismatch should be converted to scale, have their Link parameter exported, linked to the other tangent, and set the Scale parameter to -1. Like this:

{{l|Image:Link13.png}}

So making the direct linking of the lower tangent ducks and making a reversed link to the upper pair of tangent ducks the Dead End Corner is properly created. Please try it for yourself. If you have problems, please ask here in this article's Talk page.

Here is the result:

{{l|Image:Link15.png}}

== Removing thin line bug ==

There is a not solved yet [http://sourceforge.net/tracker/index.php?func=detail&aid=1844409&group_id=144022&atid=757416 bug] that makes thin lines when you sew regions with same color. It is only a pixel thick.
http://i85.photobucket.com/albums/k74/Genete/synfig/aliasing-q1-aa31.png

To workaround this bug meanwhile it is solved you can do one of the following:

*For each layer is affected, create a outline layer using same color than the region. Then select both layers and make right click over the Vertices paramter (greyed) then select "Link". Set the outline width to 1.0. It will be enough to remove the think line.
*Add a {{l|Super Sample Layer|super sample layer}} and set its value to 3x3 or 4x4 to eliminate the thin line.
*If the regions are outlined but not in the area of the thin line, you can uncheck the {{l|Antialiasing Parameter|antialiasing parameter}} and the thin line would disappear.

Spline Tool

2010-10-16T13:42:02Z

Mikalaari: /* Usage */ writing error

{{Title|BLine Tool}}
{{Category|Tools}}


{{l|Image:Bline_icon.png|64px}} <span style="font-size:150%">'''ALT-B'''</span>

==Introduction==

{{l|BLine|Blines}} are the most used object in any normal animation done with Synfig, and the Bline tool allows you to create them.

==Usage==

The Bline tool button puts you in a create Bline mode. To leave that mode just select another tool from the toolbox.
It is easy to use this tool:

* Single click creates new vertices. Tangent value is set to (0,0) and the vertex becomes a sharp corner.
* Click and drag creates new vertices and allows the modification of the tangent value at that vertex. Extending the tangent smooths the corners.
* Each new vertex is attached to the previous by a Bezier spline defined by the vertices's position and it's tangents.
* The BLine is created sequentially; One vertex follows another.
* The end point of the previous Bezier arc guides the next arc created until you close it. The next created BLine will be independent of the previously created BLine.
* You can tweak the newly created vertices by clicking on ducks and dragging them.
* You can also right click on a vertex duck or a tangent duck and it will provide a context menu:
** For tangent ducks: "Split tangents" will split the tangent so that you can independently modify the arch of an end point of a beizer curve. "Merge tangents" will merge the independent tangents so that you can align the arches of the end points of two connecting beizer curves.
** For vertex ducks: "Loop Bline" or "UnLoop Bline" (depending on if it is already looped or not) allows you to close or open the bline. "Delete vertex" allows you to delete the vertex.
* You can also right click in the middle of a beizer curve. "Insert vertex" allows insertion of a vertex (and set its tangents intelligently according to the neighboring vertices' values) where you clicked.

To finish the Bline:
# Select other tool.
# Or click on the gear button of the Tool Options panel.

To clear out the working Bline, press the "Esc" button.

==Options==

This tool has the following options:

{{l|Image:Tool_Options.png}}

* BLine layer name. The name of the Bline that you will create is set by the text input box. In this case it is "Bline141". This input text will parse the end of the string if any integer number is found, increasing that number for the next time you create other Bline. If not number is found it adds a three digit number for the next Bline created.
* Outline check box. If checked it creates an {{l|Outline Layer}}.
* Fill check box. If checked it creates a {{l|Region Layer}}.
* Plant check box. If checked it creates a {{l|Plant Layer}}.
* Gradient check box. If checked it creates a {{l|Curve Gradient Layer|Curved Gradient}}.
* Link Offsets check box. If enabled it links the {{l|Offset Parameter}} for the Plant, Region or Outline if two of them (or all them) are checked.
* Auto Export check box. If checked it automatically exports the {{l|Vertices Parameter| Vertices parameter}} (that's a {{l|BLine|BLine}} type parameter)
* Feather numerical input field. There you set the {{l|Feather Parameter|feather paramter}} of the Region Layer or Outline Layer created.

==Other sources of information==

See this {{l|Video Tutorials|video tutorial}} to see it in action.

Read {{l|Creating Shapes}} which talks a little about the BLine tool.

Read {{l|Bline Speed}} which explains about variations in the Amount parameter of BLines.

Category:Manual/fi

2010-10-16T10:38:27Z

Mikalaari: Created page with '{{Title|Käyttöohje}}  * '''Johdanto'''  ** {{L|Do…'

{{Title|Käyttöohje}}


* '''Johdanto''' 
** {{L|Doc:Yleiskatsaus}} 
 
* '''Tositoimiin''' 
** {{L|Doc:Ensiaskeleet}} 
** {{L|Doc:Animaation perusasiat}} 
** {{L|Doc:Tasojen lisääminen}} 
** {{L|Doc:Kuvioiden tekeminen}} 
** {{L|Doc:Kukka-animaatio}} 
* '''Käyttöliittymä''' 
** {{L|Doc:Pikavilkaisu}} 
** {{L|Doc:Käyttöliittymä}} 
* '''Grafiikan tuonti''' 
** {{L|Gimp2synfig|Tuonti GIMPistä}} 
** {{L|Svg2synfig|SVG:n tuonti}} 
** {{L|Doc:ListImporter|Listan tuonti}} (Kuvasarjan tuonti) 
* '''Grafiikan tekeminen''' 
** {{L|BLine-työkalu}} 
** {{L|Ääriviivataso}} 
** {{L|Aluetaso}} 
** {{L|Color_Editor_Dialog|Värimuokkain}} 
** {{L|Piirtotyökalu}} 
** {{L|Leveystyökalu}} 
** {{L|Liimakangastaso}} 
** {{L|Lapsilukko}} 
** {{L|Gradienttityökalu}} 
** {{L|Gradient_Editor_Dialog|Gradienttimuokkain}} 
** {{L|Sekoitustoiminto}} ??? 
** {{L|Doc:Basic Masking|Peittäminen}} 
* '''Data Linking''' 
** {{L|Linking}} 
** {{L|Export}} 
** {{L|Convert}} 
** {{L|Sewing_BLines}} 
** {{L|Link to BLine}} 
** {{L|ValueNodes}} 
** {{L|Reuse_Exported_ValueNodes}} 
** {{L|Switching_Scenes}} 
* '''Advanced ...''' 
** {{L|Slideshow_Tutorial|Slideshows}} 
** {{L|Snowflake_with_the_Duplicate_Layer|Duplicate Layer}} 
** {{L|Doc:Brushes}} 
* '''Animation''' 
** {{L|Keyframe}} 
** {{L|Timetrack_Panel}} 
** {{L|Waypoint}} 
** {{L|Doc:Reuse Animations}} 
** {{L|Lock_Keyframes}} 
** {{L|Toggle_Onion_Skin|Onion Skin}} 
** {{L|Doc:Following a BLine}} 
** {{L|Z_Depth_Parameter|Z-Depth}} 
** {{L|Time_Loop_Layer}} 
** {{L|Doc:Rescale Animations}} 
** {{L|Time_Offset_Parameter}} 
* '''Animation Techniques''' 
** {{L|Walk_Cycle|Morphing}} 
** {{L|Doc:Cut-out Animation|Cut-out}} 
* '''Output''' 
** {{L|Preview}} 
** {{L|Render_options}} 
** {{L|Render dialog}} 
** {{L|Sif2svg|SVG export}} 
* '''Configuring Synfig''' 
** {{L|Setup_Dialog}} 
** {{L|Unit System}} 
** {{L|Image_Dimensions}} 
** {{L|Canvas_Properties_Dialog|Canvas Properties}} 
** {{L|Environment_Variables}} 
* '''Appendix''' 
** {{L|Doc:Synfig Studio vs Synfig}} 
** {{L|Doc:Synfig CLI Syntax}} 
** {{L|Doc:Build Instructions}} 
** {{L|Doc:How Do I}} 
** {{L|FAQ}} 
** {{L|Window_Manager_Hints}} (merge to FAQ?) 
** {{L|Keyboard Shortcuts}} 
** {{L|Mouse_Shortcuts}} 
** {{L|Doc:Examples}}