<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>https://www.wiki.synfig.org/index.php?action=history&amp;feed=atom&amp;title=Doc%3AAnimation_Basics%2Ffi</id>
		<title>Doc:Animation Basics/fi - Revision history</title>
		<link rel="self" type="application/atom+xml" href="https://www.wiki.synfig.org/index.php?action=history&amp;feed=atom&amp;title=Doc%3AAnimation_Basics%2Ffi"/>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;action=history"/>
		<updated>2026-05-04T07:31:06Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.26.3</generator>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13524&amp;oldid=prev</id>
		<title>Genete: Fix categories to don't show this page in English version</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13524&amp;oldid=prev"/>
				<updated>2011-01-12T19:07:59Z</updated>
		
		<summary type="html">&lt;p&gt;Fix categories to don&amp;#039;t show this page in English version&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 19:07, 12 January 2011&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l2&quot; &gt;Line 2:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 2:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Title|Animaation perusteet}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Title|Animaation perusteet}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Navigation|Category:Manual|Doc:Adding Layers/fi}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Navigation|Category:Manual|Doc:Adding Layers/fi}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Manual]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Manual&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials Basic]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials Basic&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Updated]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Updated]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;!-- Page info end --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;!-- Page info end --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13324:newid:13524 --&gt;
&lt;/table&gt;</summary>
		<author><name>Genete</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13324&amp;oldid=prev</id>
		<title>Mikalaari at 18:31, 21 October 2010</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13324&amp;oldid=prev"/>
				<updated>2010-10-21T18:31:13Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 18:31, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot; &gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;!-- Page info --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;!-- Page info --&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Title|Animaation perusteet}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Title|Animaation perusteet}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Navigation|Category:Manual|Doc:Adding Layers}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Navigation|Category:Manual|Doc:Adding Layers&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Manual]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Manual]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Tutorials]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l46&quot; &gt;Line 46:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 46:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_4.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_4.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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ää.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse '''ei''' ole samasta asiasta!) Avainruutu on kuva hetkellä, jolla kuvioille tapahtuu jotain tärkeää.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään &amp;quot;0f&amp;quot;. Mene Avainruutu-paneeliin &amp;amp;mdash; eli napsauta pienen avaimen sisältävää välilehden korvaketta &amp;amp;mdash; jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään &amp;quot;0f&amp;quot;. Mene Avainruutu-paneeliin &amp;amp;mdash; eli napsauta pienen avaimen sisältävää välilehden korvaketta &amp;amp;mdash; jotta pääset muokkaamaan avainruutuja. Paina sitten pientä plussanmuotoista kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l75&quot; &gt;Line 75:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 75:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ai missä se animaatio piileskelee? Napsautapa sattumanvaraiseen kohtaan aikapalkissa: saat huomaata, että punainen ympyrä siirtyy uuteen paikkaan &amp;amp;mdash; 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.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ai missä se animaatio piileskelee? Napsautapa sattumanvaraiseen kohtaan aikapalkissa: saat huomaata, että punainen ympyrä siirtyy uuteen paikkaan &amp;amp;mdash; 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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Huomaa, ettei sinun tarvitse mennä kohdassa &amp;quot;2s&amp;quot; sijaitsevaan viimeiseen avainruutuun siirtämään ympyrää takaisin vasemmalle. Avainruudut saavat Synfigin muistamaan kuvan tilan tietyllä hetkellä. Siksi ympyrä pysyi vasemmalla kohdassa &amp;quot;2s&amp;quot; (ja kohdassa &amp;quot;0f&amp;quot;), vaikka siirsimme sitä oikealle kohdassa &amp;quot;1s&amp;quot;. 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.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Huomaa, ettei sinun tarvitse mennä kohdassa &amp;quot;2s&amp;quot; sijaitsevaan viimeiseen avainruutuun siirtämään ympyrää takaisin vasemmalle. Avainruudut saavat Synfigin muistamaan kuvan tilan tietyllä hetkellä. Siksi ympyrä pysyi vasemmalla kohdassa &amp;quot;2s&amp;quot; (ja kohdassa &amp;quot;0f&amp;quot;), vaikka siirsimme sitä oikealle kohdassa &amp;quot;1s&amp;quot;. Jos menet takaisin Ominaisuudet-paneeliin, niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän {{Literal|Origo}}-ominaisuuden oikealla puolella. Niitä kutsutaan {{L|Waypoints&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;|merkkipaaluiksi}}, ja niillä merkitään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13323:newid:13324 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13323&amp;oldid=prev</id>
		<title>Mikalaari: /* Yhteenveto */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13323&amp;oldid=prev"/>
				<updated>2010-10-21T18:27:51Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Yhteenveto&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 18:27, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l105&quot; &gt;Line 105:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 105:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Yhteenveto ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Yhteenveto ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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 &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kaivautumaan &lt;/del&gt;syvemmälle ohjelman mahdollisuuksiin.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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 &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;porautumaan &lt;/ins&gt;syvemmälle ohjelman mahdollisuuksiin.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13322:newid:13323 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13322&amp;oldid=prev</id>
		<title>Mikalaari: /* Animaation renderöinti */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13322&amp;oldid=prev"/>
				<updated>2010-10-21T18:27:21Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Animaation renderöinti&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 18:27, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l81&quot; &gt;Line 81:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 81:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Animaation renderöinti ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Animaation renderöinti ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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 &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;olet tehnyt&lt;/del&gt;) tai komentorivin kautta ''synfig''-nimisellä ohjelmalla.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä &amp;quot;PerusRitariÄssä.sifz&amp;quot;. Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi &amp;quot;PerusRitariÄssä.gif&amp;quot; (samaan kansioon &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;hetkeä &lt;/del&gt;aiemmin tallentamasi &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;teidoston &lt;/del&gt;kanssa), ja valitse kohdeformaatiksi &amp;quot;gif&amp;quot; ohjelman tarjoaman &amp;quot;Auto&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;-valinnan &lt;/del&gt;tilalle. Napsauta sitten &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;{{Literal|&lt;/del&gt;Renderöi&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;}}&lt;/del&gt;. Suorittimesi nopeudesta riippuen aikaa kuluu &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;hetki tai kaksi&lt;/del&gt;, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa &amp;quot;Tiedosto &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;renderöitu &lt;/del&gt;onnistuneesti&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kokeillaan ensimmäistä tapaa. Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä, ja tallenna tiedosto, vaikkapa nimellä &amp;quot;PerusRitariÄssä.sifz&amp;quot;. Avaa sitten kangasikkunan valikko (vasemman yläkulman väkäpainikkeesta), ja valitse {{c|Tiedosto|Renderöi}}. Muuta tiedoston nimeksi &amp;quot;PerusRitariÄssä.gif&amp;quot; (samaan kansioon aiemmin tallentamasi &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tiedoston &lt;/ins&gt;kanssa), ja valitse kohdeformaatiksi &amp;quot;gif&amp;quot; ohjelman tarjoaman &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;arvon &lt;/ins&gt;&amp;quot;Auto&amp;quot; tilalle. Napsauta sitten Renderöi&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-painiketta&lt;/ins&gt;. Suorittimesi nopeudesta riippuen aikaa kuluu &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jokunen tovi&lt;/ins&gt;, mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa &amp;quot;Tiedosto &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;renderöity &lt;/ins&gt;onnistuneesti&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_6.png|618px|thumb|center|Calling &amp;quot;Render&amp;quot; from menu in Synfig Studio]] &amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_6.png|618px|thumb|center|Calling &amp;quot;Render&amp;quot; from menu in Synfig Studio]] &amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l89&quot; &gt;Line 89:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 89:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|&amp;quot;Magick++&amp;quot;-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin &amp;quot;gif&amp;quot;-formaatti, koska se osaa optimoida kuvan paletin.}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|&amp;quot;Magick++&amp;quot;-formaatti (jos se on tarjolla) tuottaa paljon parempia gif-tiedostoja kuin &amp;quot;gif&amp;quot;-formaatti, koska se osaa optimoida kuvan paletin.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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 &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;valmistanut &lt;/del&gt;ensimmäisen animaatiosi!&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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 &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;saanut valmiiksi &lt;/ins&gt;ensimmäisen animaatiosi!&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;yläkulmastaja &lt;/del&gt;valitse {{c|Tiedosto|Esikatselu}}.}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|Voit myös esikatsella animaatiota. Paina väkäspainiketta kangasikkunan vasemmasta &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;yläkulmasta ja &lt;/ins&gt;valitse {{c|Tiedosto|Esikatselu}}.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l97&quot; &gt;Line 97:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 97:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; synfig -t gif BasicKnightRider.sifz&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; synfig -t gif BasicKnightRider.sifz&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jokunen &lt;/del&gt;hetki, mutta &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;lopulta &lt;/del&gt;ikkunaan ilmestyy seuraavanlainen rivi:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää. Suorittimesi nopeudesta riippuen aikaa kuluu hetki &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jos toinenkin&lt;/ins&gt;, mutta &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ennen pitkää &lt;/ins&gt;ikkunaan ilmestyy seuraavanlainen rivi:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; BasicKnightRider.sif ==&amp;gt; BasicKnightRider.gif: DONE&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; BasicKnightRider.sif ==&amp;gt; BasicKnightRider.gif: DONE&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13321:newid:13322 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13321&amp;oldid=prev</id>
		<title>Mikalaari: /* Avainruutu-lista */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13321&amp;oldid=prev"/>
				<updated>2010-10-21T18:09:05Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Avainruutu-lista&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 18:09, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l67&quot; &gt;Line 67:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 67:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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ä.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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ä.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;No, nyt saatat &lt;/del&gt;ihmetellä avainruuduissa &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;esiintyviä &lt;/del&gt;{{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;&amp;quot;avaa&amp;quot; &lt;/del&gt;niistä &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jokin, &lt;/del&gt;niin aikapalkin viisari siirtyy &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;oikeaan &lt;/del&gt;kohtaan.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Saatat &lt;/ins&gt;ihmetellä avainruuduissa &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;näkyviä &lt;/ins&gt;{{Literal|(JMP)}}-tekstejä. Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;napsauta &lt;/ins&gt;niistä &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jotakin &lt;/ins&gt;niin aikapalkin viisari siirtyy &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;vastaavaan &lt;/ins&gt;kohtaan.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voit käyttää toimintoa siirtyäksesi &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;animaatiossa &lt;/del&gt;tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;No niin&lt;/del&gt;! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;ensimmäin &lt;/del&gt;animaatiosi Synfigillä!&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voit käyttää toimintoa siirtyäksesi &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;animaation &lt;/ins&gt;tiettyyn kohtaan. Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Noin&lt;/ins&gt;! Olet juuri tehnyt ensimmäisen liikkeesi ja samalla &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ensimmäisen &lt;/ins&gt;animaatiosi Synfigillä!&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ai missä se animaatio piileskelee? &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Napsauta &lt;/del&gt;sattumanvaraiseen kohtaan aikapalkissa: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;tulet huomaamaan&lt;/del&gt;, että punainen ympyrä siirtyy uuteen paikkaan &amp;amp;mdash; sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;tarkoituksesi &lt;/del&gt;oli tehdä&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, nimittäin &lt;/del&gt;liikuttaa ympyrää&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/del&gt;ja piirsi kaikki kuvat &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;asettamiesi &lt;/del&gt;tilojen välille. Kukin kuva &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;vastaa &lt;/del&gt;yhtä ruutua &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;tulevassa &lt;/del&gt;animaatiossasi, ja ympyrä vaikuttaa liikkuvan.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ai missä se animaatio piileskelee? &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Napsautapa &lt;/ins&gt;sattumanvaraiseen kohtaan aikapalkissa: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;saat huomaata&lt;/ins&gt;, että punainen ympyrä siirtyy uuteen paikkaan &amp;amp;mdash; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;siis &lt;/ins&gt;sellaiseen, jota sinä et ole asettanut! Mitä siis on tapahtunut? Synfig hoksasi mitä &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tarkoituksenasi &lt;/ins&gt;oli tehdä &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;(eli &lt;/ins&gt;liikuttaa ympyrää&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;) &lt;/ins&gt;ja piirsi kaikki kuvat &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sinun määrittämien &lt;/ins&gt;tilojen välille. Kukin kuva &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tulee vastaamaan &lt;/ins&gt;yhtä ruutua animaatiossasi, ja ympyrä vaikuttaa liikkuvan.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Huomaa, ettei sinun tarvitse mennä &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;viimeisen avainruutuun &lt;/del&gt;kohdassa &amp;quot;2s&amp;quot; siirtämään ympyrää takaisin vasemmalle. Avainruudut &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;panevat &lt;/del&gt;Synfigin muistamaan kuvan tilan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;tietyssä ajankohdassa&lt;/del&gt;. Siksi ympyrä pysyi vasemmalla kohdassa &amp;quot;2s&amp;quot; (ja &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;samoin kohdaassa &lt;/del&gt;&amp;quot;0f&amp;quot;), &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kun &lt;/del&gt;siirsimme sitä oikealle kohdassa &amp;quot;1s&amp;quot;. 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 &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;niitä käytetään merkitsemään &lt;/del&gt;muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Huomaa, ettei sinun tarvitse mennä kohdassa &amp;quot;2s&amp;quot; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sijaitsevaan viimeiseen avainruutuun &lt;/ins&gt;siirtämään ympyrää takaisin vasemmalle. Avainruudut &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;saavat &lt;/ins&gt;Synfigin muistamaan kuvan tilan &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tietyllä hetkellä&lt;/ins&gt;. Siksi ympyrä pysyi vasemmalla kohdassa &amp;quot;2s&amp;quot; (ja &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;kohdassa &lt;/ins&gt;&amp;quot;0f&amp;quot;), &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;vaikka &lt;/ins&gt;siirsimme sitä oikealle kohdassa &amp;quot;1s&amp;quot;. 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 &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;niillä merkitään &lt;/ins&gt;muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13320:newid:13321 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13320&amp;oldid=prev</id>
		<title>Mikalaari: /* Liikeen lisääminen */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13320&amp;oldid=prev"/>
				<updated>2010-10-21T17:25:04Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Liikeen lisääminen&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 17:25, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l38&quot; &gt;Line 38:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 38:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Liikeen lisääminen ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Liikeen lisääminen ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;liu'utin ajan säätämiseen&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Voit napsauttaa &lt;/del&gt;siihen, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;ja &lt;/del&gt;pieni &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;punainen &lt;/del&gt;viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;aikaliu'utinta &lt;/del&gt;muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kuten &lt;/del&gt;&amp;quot;12f&amp;quot;, &amp;quot;1s 15f&amp;quot;, jne. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Voit &lt;/del&gt;asettaa &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;liukupalkin &lt;/del&gt;ajankohdan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;muuttamalla kentän arvoa&lt;/del&gt;. Esimerkiksi jos kirjoitat siihen &amp;quot;1s&amp;quot; ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon &amp;quot;2s&amp;quot; syöttäminen siirtää sen aikaliu'uttimen loppuun.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Alussa syötit arvon ''2 sekuntia'' ominaisuusikkunaan. Koska animaation pituus eroaa nollasta, on kangasikkunasi (sen mihin piirrät) alareunaan tullut harmaa &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;liukusäädin, jolla muutetaan aikaa&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kun napsautat &lt;/ins&gt;siihen, pieni &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;oranssi &lt;/ins&gt;viisari ilmestyy osoittamaan missä ajankohdassa olet. Napsauttele &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;liukupalkkia &lt;/ins&gt;muutamiin kohtiin, ja katso miten sen vasemmalla puolella oleva kenttä saa eri arvoja &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tyyliin &lt;/ins&gt;&amp;quot;12f&amp;quot;, &amp;quot;1s 15f&amp;quot;, jne. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kentän arvoa muuttamalla voit puolestasi &lt;/ins&gt;asettaa &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;liu'uttimen &lt;/ins&gt;ajankohdan. Esimerkiksi jos kirjoitat siihen &amp;quot;1s&amp;quot; ja painat {{Shortcut|enter}}-näppäintä, siirtyy oranssi viisari keskelle palkkia, ja arvon &amp;quot;2s&amp;quot; syöttäminen siirtää sen aikaliu'uttimen loppuun.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;menee &lt;/del&gt;näkymättömiin, koska &amp;quot;2s&amp;quot; on aivan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;liu'uttimen &lt;/del&gt;reunalla, mutta luota sanaamme: siellä se on.}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|Huomio|Viimeksi mainitussa tapauksessa oranssi viisari &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;katoaa &lt;/ins&gt;näkymättömiin, koska &amp;quot;2s&amp;quot; on aivan &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;liukupalkin &lt;/ins&gt;reunalla, mutta luota sanaamme: siellä se on.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kankaalla ei kuitenkaan tapahdu &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;vielä &lt;/del&gt;mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;liukupalkista &lt;/del&gt;oikealla olevaa vihreää nappia &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;painamalla&lt;/del&gt;. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kankaalla ei &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;vielä &lt;/ins&gt;kuitenkaan tapahdu mitään, vaikka siirtelet ajankohtaa liu'uttimella. Alkajaisiksi sinun pitää siirtyä {{Literal|Animaatiomuokkaus}}-tilaan &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;painamalla liukupalkin &lt;/ins&gt;oikealla &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;puolella &lt;/ins&gt;olevaa vihreää nappia. Pane merkille kankaan ympärille ilmestyvä punainen ääriviiva. Se muistuttaa sinua siitä, että kuvioiden muokkaus vaikuttaa nyt animaatioon.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_4.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_4.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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ä, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jolloin &lt;/del&gt;kuvioille tapahtuu jotain tärkeää.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Aiemmin mainitsimme kolme askelta tai vaihetta. Niitä ilmentävät niin sanotut {{l|Keyframe|avainruudut}}. (Siltä varalta että videokoodekit ovat sinulle tuttuja: kyse &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'''&lt;/ins&gt;ei&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''' &lt;/ins&gt;ole samasta asiasta!) Avainruutu on kuva hetkellä, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jolla &lt;/ins&gt;kuvioille tapahtuu jotain tärkeää.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään &amp;quot;0f&amp;quot;. Mene Avainruutu-paneeliin &amp;amp;mdash; eli napsauta välilehden korvaketta&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, jossa on pieni avain &lt;/del&gt;&amp;amp;mdash; jotta pääset muokkaamaan avainruutuja. Paina sitten pientä &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;plussan muotoista &lt;/del&gt;kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ensimmäinen avainruutu laitetaan animaation alkuun. Siirrä oranssi viisari aikapalkin vasempaan laitaan tai kirjoita aikakenttään &amp;quot;0f&amp;quot;. Mene Avainruutu-paneeliin &amp;amp;mdash; eli napsauta &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;pienen avaimen sisältävää &lt;/ins&gt;välilehden korvaketta &amp;amp;mdash; jotta pääset muokkaamaan avainruutuja. Paina sitten pientä &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;plussanmuotoista &lt;/ins&gt;kuvaketta, ja listaan pitäisi ilmestyä uusi rivi, jolla lukee {{Literal|0f, 0f, (JMP)}}.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Keyframes Panel.png|center|frame]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Keyframes Panel.png|center|frame]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13319:newid:13320 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13319&amp;oldid=prev</id>
		<title>Mikalaari: /* Työtilan valmistelu */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13319&amp;oldid=prev"/>
				<updated>2010-10-21T17:07:05Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Työtilan valmistelu&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 17:07, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l20&quot; &gt;Line 20:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 20:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Työtilan valmistelu ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Työtilan valmistelu ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ei muuta kuin toimeen. Käynnistä Synfig-studio. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Heti &lt;/del&gt;aluksi &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;luodaan uusi tiedosto &lt;/del&gt;automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;ilmestyy &lt;/del&gt;ikkuna, jossa &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;on &lt;/del&gt;kankaan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;ominaisuuksia&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ei muuta kuin toimeen. Käynnistä Synfig-studio. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Se luo heti &lt;/ins&gt;aluksi &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;uuden tiedoston &lt;/ins&gt;automaattisesti. Napsauta väkäsvalikkoa (vaaka- ja pystyviivaimen välissä, kankaan vasemmassa ylänurkassa), ja valitse {{c|Muokkaa|Ominaisuudet}}. Näytölle &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;avautuu &lt;/ins&gt;ikkuna, jossa &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;näkyy &lt;/ins&gt;kankaan &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ominaisuudet&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta &amp;amp;mdash; tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda &amp;quot;5s&amp;quot; arvoon &amp;quot;2s&amp;quot; &amp;amp;mdash; näin saamme animaatiosta kahden sekunnin pituisen.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Anna kankaallesi nimi ja kuvaus, ja paina sitten {{Literal|Toteuta}}-nappia (älä paina vielä {{Literal|OK}}:ta &amp;amp;mdash; tarvitsemme vielä ominaisuusikkunaa). Siirry {{Literal|Aika}}-välilehdelle muokkaamaan {{Literal|Loppuaika}}-kenttää. Vaihda &amp;quot;5s&amp;quot; arvoon &amp;quot;2s&amp;quot; &amp;amp;mdash; näin saamme animaatiosta kahden sekunnin pituisen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Ominaisuudet-ikkuna&lt;/del&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:File Properties Dialog - End Time.png|center|frame|Kankaan &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ominaisuusikkuna&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Piirrä &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;seuraavaksi &lt;/del&gt;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ä &amp;amp;mdash; näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Piirrä &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;nyt &lt;/ins&gt;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ä &amp;amp;mdash; näin kuvasi näyttää tarkemmalta. Yleisesti ottaen sen rastittaminen nopeuttaa kankaalle piirtämistä, mutta nyt meillä ei ole siihen tarvetta.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_2.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_2.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Nyt &lt;/del&gt;tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;se ole täydellinen: &lt;/del&gt;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ä.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Seuraavaksi &lt;/ins&gt;tarvitaan ympyrä. Laita täyttöväriksi punainen, ja piirrä ympyrä. Ei haittaa, vaikkei &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;siitä tule täydellistä &amp;amp;mdash; &lt;/ins&gt;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ä.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_3.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_3.png|450px|center|thumb]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nämä olivat ensimmäiset vaiheet &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kuvion piirtämiseen &lt;/del&gt;ja &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;sen liikuttamiseen &lt;/del&gt;&amp;amp;mdash; mutta ei &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;sen animoimiseen&lt;/del&gt;, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nämä olivat ensimmäiset vaiheet&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, joilla piirrettiin kuvio &lt;/ins&gt;ja &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sitä liikutettiin &lt;/ins&gt;&amp;amp;mdash; mutta ei &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;animoitu&lt;/ins&gt;, saatat ajatella. Totta. Katsotaankin nyt miten se tapahtuu.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Liikeen lisääminen ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Liikeen lisääminen ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13318:newid:13319 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13318&amp;oldid=prev</id>
		<title>Mikalaari: /* Johdanto */</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13318&amp;oldid=prev"/>
				<updated>2010-10-21T16:33:10Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Johdanto&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 16:33, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l12&quot; &gt;Line 12:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 12:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista &amp;amp;mdash; sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Animaation tekeminen Synfig-studiossa on todella helppoa. Se tarkoittaa käytännössä piirroksen muuttamista &amp;amp;mdash; sinun tarvitsee piirtää vain muutoksen alku- ja lopputilanne, ja Synfig huolehtii siitä, mitä niiden välissä tapahtuu.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Tarkastellaan yksinkertaista esimerkkiä. Ajattele sellaista liikkuvaa valoa kuin on vaikkapa Ritari Ässän auton keulassa. Kun unohdetaan turha todenmukaisuus, saadaan vasemmalta oikealla ja &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;taas &lt;/del&gt;takaisin liikkuva ympyrä. Toisin sanoen tarvitaan kolme askelta tai vaihetta:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Ympyrä on vasemmalla.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Ympyrä on vasemmalla.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13317:newid:13318 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13317&amp;oldid=prev</id>
		<title>Mikalaari at 08:31, 21 October 2010</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13317&amp;oldid=prev"/>
				<updated>2010-10-21T08:31:50Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 08:31, 21 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l73&quot; &gt;Line 73:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 73:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Wondering where the animation is&lt;/del&gt;? &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Just click to an arbitrary position on the timeslider&lt;/del&gt;: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;You will note that the red circle is in a new position&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;one that you didn't specify&lt;/del&gt;! &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;So what happened&lt;/del&gt;? Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;figured out what you would like to do&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;namely move the circle&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and drew all the images between these states&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Each image will later make a frame in your animation and the circle will appear to be moving&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Ai missä se animaatio piileskelee&lt;/ins&gt;? &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Napsauta sattumanvaraiseen kohtaan aikapalkissa&lt;/ins&gt;: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tulet huomaamaan&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;että punainen ympyrä siirtyy uuteen paikkaan &amp;amp;mdash; sellaiseen, jota sinä et ole asettanut&lt;/ins&gt;! &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Mitä siis on tapahtunut&lt;/ins&gt;? Synfig &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;hoksasi mitä tarkoituksesi oli tehdä&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;nimittäin liikuttaa ympyrää&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ja piirsi kaikki kuvat asettamiesi tilojen välille&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kukin kuva vastaa yhtä ruutua tulevassa animaatiossasi, ja ympyrä vaikuttaa liikkuvan&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Notice&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;that you don't need to go to the last keyframe at &lt;/del&gt;&amp;quot;2s&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and move your circle back to the left&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Keyframes make Synfig remember image state at particular time&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;That's why when we modified circle position at &amp;quot;1s&amp;quot;, it stays on the left at &lt;/del&gt;&amp;quot;2s&amp;quot; (&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;as well as at &lt;/del&gt;&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;0s&lt;/del&gt;&amp;quot;). &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;If you switch back to Params Panel&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and look at the Timetrack Panel you'll notice a three green dots appeared on the right of &lt;/del&gt;{{Literal|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Origin&lt;/del&gt;}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;parameter&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Those are called &lt;/del&gt;{{L|Waypoints}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and they used to indicate changes of parameter over time&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Huomaa&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ettei sinun tarvitse mennä viimeisen avainruutuun kohdassa &lt;/ins&gt;&amp;quot;2s&amp;quot; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;siirtämään ympyrää takaisin vasemmalle&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Avainruudut panevat Synfigin muistamaan kuvan tilan tietyssä ajankohdassa&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Siksi ympyrä pysyi vasemmalla kohdassa &lt;/ins&gt;&amp;quot;2s&amp;quot; (&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ja samoin kohdaassa &lt;/ins&gt;&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;0f&lt;/ins&gt;&amp;quot;)&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, kun siirsimme sitä oikealle kohdassa &amp;quot;1s&amp;quot;&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Jos menet takaisin Ominaisuudet-paneeliin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;niin näet kolme vihreää pistettä Aikaraita-paneelissa ympyrän &lt;/ins&gt;{{Literal|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Origo&lt;/ins&gt;}}&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-ominaisuuden oikealla puolella&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Niitä kutsutaan &lt;/ins&gt;{{L|Waypoints&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|merkkipaaluiksi&lt;/ins&gt;}}&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, ja niitä käytetään merkitsemään muutoksia, joita ominaisuuksissa tapahtuu ajan kuluessa&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Rendering your animation &lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Animaation renderöinti &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Before you can see your animation&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;you need to render your work&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;There are two ways to do so&lt;/del&gt;: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;using the &lt;/del&gt;Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio &lt;/del&gt;(&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;what you have been using so far&lt;/del&gt;) &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;or the command-line program called &amp;quot;&lt;/del&gt;synfig&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;&amp;quot;&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Ennen kuin voit katsella animaatiotasi&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sinun täytyy tehdä siitä toteutus eli renderöidä se&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Siihen on olemassa kaksi tapaa&lt;/ins&gt;: Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studiota käyttäen &lt;/ins&gt;(&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;niin kuin tähän asti olet tehnyt&lt;/ins&gt;) &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tai komentorivin kautta ''&lt;/ins&gt;synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''-nimisellä ohjelmalla&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Let's try the first way&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Leave the animate editing mode by clicking on the red dot in the timeline editing widget&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and save your file; for instance under the name &lt;/del&gt;&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;BasicKnightRider&lt;/del&gt;.sifz&amp;quot;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Then go to menu in the Canvas Window &lt;/del&gt;(&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;&amp;quot;caret&amp;quot; button in the upper left corner&lt;/del&gt;) &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and select &lt;/del&gt;{{c|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;File&lt;/del&gt;|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Render&lt;/del&gt;}}. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Change the filename to &lt;/del&gt;&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;BasicKnightRider&lt;/del&gt;.gif&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;in the same location where you saved &amp;quot;BasicKnightRider.sifz&amp;quot; and choose &lt;/del&gt;&amp;quot;gif&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;target format instead of &lt;/del&gt;&amp;quot;Auto&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, then click Render&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Depending on your processor speed it should take a few moments&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;but finally the image window status bar should say &lt;/del&gt;&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;File rendered successfully&lt;/del&gt;&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kokeillaan ensimmäistä tapaa&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Poistu animaatiomuokkaus-tilasta napsauttamalla aikapalkin yhteydessä olevaa punaista pistettä&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ja tallenna tiedosto, vaikkapa nimellä &lt;/ins&gt;&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;PerusRitariÄssä&lt;/ins&gt;.sifz&amp;quot;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Avaa sitten kangasikkunan valikko &lt;/ins&gt;(&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;vasemman yläkulman väkäpainikkeesta&lt;/ins&gt;)&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, ja valitse &lt;/ins&gt;{{c|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Tiedosto&lt;/ins&gt;|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Renderöi&lt;/ins&gt;}}. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Muuta tiedoston nimeksi &lt;/ins&gt;&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;PerusRitariÄssä&lt;/ins&gt;.gif&amp;quot; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;(samaan kansioon hetkeä aiemmin tallentamasi teidoston kanssa), ja valitse kohdeformaatiksi &lt;/ins&gt;&amp;quot;gif&amp;quot; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ohjelman tarjoaman &lt;/ins&gt;&amp;quot;Auto&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-valinnan tilalle. Napsauta sitten {{Literal|Renderöi}}&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Suorittimesi nopeudesta riippuen aikaa kuluu hetki tai kaksi&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;mutta lopulta kuvaikkunan tilarivin pitäisi ilmoittaa &lt;/ins&gt;&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Tiedosto renderöitu onnistuneesti&lt;/ins&gt;&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_6.png|618px|thumb|center|Calling &amp;quot;Render&amp;quot; from menu in Synfig Studio]] &amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:synfig_tut_6.png|618px|thumb|center|Calling &amp;quot;Render&amp;quot; from menu in Synfig Studio]] &amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Note&lt;/del&gt;|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;The &lt;/del&gt;&amp;quot;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;magick&lt;/del&gt;++&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;target &lt;/del&gt;(&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;if it is available&lt;/del&gt;) &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;produces much better &lt;/del&gt;gif &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;files than the &lt;/del&gt;&amp;quot;gif&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;target because it can optimise the palette for the image&lt;/del&gt;.}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Note|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Huomio&lt;/ins&gt;|&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Magick&lt;/ins&gt;++&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-formaatti &lt;/ins&gt;(&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jos se on tarjolla&lt;/ins&gt;) &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tuottaa paljon parempia &lt;/ins&gt;gif&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-tiedostoja kuin &lt;/ins&gt;&amp;quot;gif&amp;quot;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-formaatti, koska se osaa optimoida kuvan paletin&lt;/ins&gt;.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;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!&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;{{Note|Note|You can also preview your animation&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Press the &amp;quot;caret&amp;quot; menu button in the upper left corner of the Canvas Window and choose {{c|File|Preview}}&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;}}&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Avaa PeruRitariÄssä&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;gif Firefoxiin tai johonkin muuhun animoituja giffejä näyttävään ohjelmaan&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Firefoxissa &lt;/ins&gt;on &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;se hyvä puoli&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;että se toistaa gif-animaatiota loputtomiin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;mikä tekee lyhyestä animaatiostasi melkoisen pitkän. Jos näet nyt punaisen ympyrän liikkuvan vasemmalta oikealle ja takaisin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;voit onnitella itseäsi. Olet juuri valmistanut ensimmäisen animaatiosi!&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;If you would rather use the command line instead of the menu to render your animation, then open a terminal (&lt;/del&gt;on &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Windows&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;go to {{c|Start|Run}}&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;type {{Literal|cmd}} and press {{Shortcut|enter}})&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;change to the directory you saved the file, and type something like this:&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt; synfig -t gif BasicKnightRider&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;sif&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;{{Note|Huomio|Voit myös esikatsella animaatiota&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Paina väkäspainiketta kangasikkunan vasemmasta yläkulmastaja valitse {{c|Tiedosto|Esikatselu}}.}}&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;A few messages appear that don'&lt;/del&gt;t &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;matter right now&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Depending on your processor speed it should take a few moments&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;but finally a line like this will appear&lt;/del&gt;:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;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:&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt; synfig -&lt;/ins&gt;t &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;gif BasicKnightRider.sifz&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Ruutuun tulee joukko viestejä, joista ei tässä vaiheessa tarvitse välittää&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Suorittimesi nopeudesta riippuen aikaa kuluu jokunen hetki&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;mutta lopulta ikkunaan ilmestyy seuraavanlainen rivi&lt;/ins&gt;:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; BasicKnightRider.sif ==&amp;gt; BasicKnightRider.gif: DONE&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; BasicKnightRider.sif ==&amp;gt; BasicKnightRider.gif: DONE&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Then you are done and can view your animated gif using Firefox or another program as mentioned above&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Nyt homma on tehty, ja voit katsella animaatiotasi Firefoxilla tai jollain muulla ohjelmalla niin kuin aiemmin totesimme&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Conclusion &lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Yhteenveto &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Of course, the position of an object is not the only thing you can change with &lt;/del&gt;Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Other possibilities incude its size&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;its outline&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;its color&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;etc&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Synfig comes with several example files that should let you dig deeper into the possibilities&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kuvion paikka ei tietenkään ole ainoa asia mitä voit muuttaa &lt;/ins&gt;Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studiossa&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Muita mahdollisuuksia ovat sen koko&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ääriviiva&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;väri&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jne&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Synfigin mukana tulee useita esimerkkitiedostoja, joita tutkimalla pääset varmasti kaivautumaan syvemmälle ohjelman mahdollisuuksiin&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13314:newid:13317 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13314&amp;oldid=prev</id>
		<title>Mikalaari at 11:38, 20 October 2010</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fi&amp;diff=13314&amp;oldid=prev"/>
				<updated>2010-10-20T11:38:25Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 11:38, 20 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l63&quot; &gt;Line 63:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 63:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on &amp;quot;5s 3f&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Esimerkiksi kun animaatio on edennyt viisi sekuntia ja kolme ruutua, aikajanan merkintä on &amp;quot;5s 3f&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;The Keyframe List &lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Avainruutu-lista &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;The keyframe list is rather easy to understand&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;It displays &lt;/del&gt;{{Literal|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Time&lt;/del&gt;}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;which is basically the start time&lt;/del&gt;, {{Literal|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Length&lt;/del&gt;}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;which is self-explanatory&lt;/del&gt;, {{Literal|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Jump&lt;/del&gt;}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;which we'll cover next&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and &lt;/del&gt;{{Literal|&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Description&lt;/del&gt;}} &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;which is&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;again, self-explanatory&lt;/del&gt;. &amp;#160;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Avainruutu-lista on helppo ymmärtää&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Sen sarakkeina on &lt;/ins&gt;{{Literal|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Aika&lt;/ins&gt;}}&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, mikä on käytännössä alkuaika&lt;/ins&gt;, {{Literal|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Pituus&lt;/ins&gt;}}&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, mikä on itsestään selvä&lt;/ins&gt;, {{Literal|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Hyppy&lt;/ins&gt;}}, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;mitä käsitellään seuraavaksi, ja &lt;/ins&gt;{{Literal|&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kuvaus&lt;/ins&gt;}}, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;mikä on sekin itsestään selvä&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Now&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;you might be wondering about the entries called &lt;/del&gt;{{Literal|(JMP)}}. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;In fact, these are links just like web links&lt;/del&gt;: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;click them&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;and the indicator in your timeslider will jump to the correct time&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;No&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;nyt saatat ihmetellä avainruuduissa esiintyviä &lt;/ins&gt;{{Literal|(JMP)}}&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-tekstejä&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Itse asiassa ne ovat linkkejä aivan kuten veppisivujen linkit&lt;/ins&gt;: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;quot;avaa&amp;quot; niistä jokin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;niin aikapalkin viisari siirtyy oikeaan kohtaan&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;You can use this to edit your image for a given moment in time&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;For instance, you can now jump to the first second, and move the red circle to the right&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;There&lt;/del&gt;! &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;You made your first movement, your first animation with Synfig&lt;/del&gt;!&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Voit käyttää toimintoa siirtyäksesi animaatiossa tiettyyn kohtaan&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Nyt voit esimerkiksi hypätä ensimmäiseen sekuntiin ja siirtää punaisen ympyrän oikealle&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;No niin&lt;/ins&gt;! &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Olet juuri tehnyt ensimmäisen liikkeesi ja samalla ensimmäin animaatiosi Synfigillä&lt;/ins&gt;!&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{l|Image:synfig_tut_5.png|center|frame}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key synfigru_wiki:diff:version:1.11a:oldid:13313:newid:13314 --&gt;
&lt;/table&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	</feed>