<?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%3AOverview%2Ffi</id>
		<title>Doc:Overview/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%3AOverview%2Ffi"/>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Overview/fi&amp;action=history"/>
		<updated>2026-05-08T22:53:05Z</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:Overview/fi&amp;diff=13293&amp;oldid=prev</id>
		<title>Mikalaari at 20:01, 16 October 2010</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Overview/fi&amp;diff=13293&amp;oldid=prev"/>
				<updated>2010-10-16T20:01:34Z</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 20:01, 16 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-l22&quot; &gt;Line 22:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 22:&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;Kummassakin tapauksessa Synfig-studion tehtävä on täyttää piirrettyjen ruutujen (eli ''avainruutujen'') väliset aukot ja tuottaa pehmeä ja sulava animaatio. Väliruudutus ei kuitenkaan ole Synfig-studion ainoa hyöty.&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;Kummassakin tapauksessa Synfig-studion tehtävä on täyttää piirrettyjen ruutujen (eli ''avainruutujen'') väliset aukot ja tuottaa pehmeä ja sulava animaatio. Väliruudutus ei kuitenkaan ole Synfig-studion ainoa hyöty.&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;Although &lt;/del&gt;Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio is not directly intended to draw animation frame&lt;/del&gt;-&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;by&lt;/del&gt;-&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;frame&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;This process is called &amp;quot;tracing&amp;quot; and usually done by hand by constructing vector shapes &lt;/del&gt;on &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;top of bitmap image&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;In the process of construction you can apply a lot of fascinating effects built into &lt;/del&gt;Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio to achieve a professional look for your animations&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;Vaikka &lt;/ins&gt;Synfig-&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;studiota ei olekaan varsinaisesti tarkoitettu ruutu ruudulta &lt;/ins&gt;-&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;animaation piirtämiseen&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sitä voidaan käyttää käsin piirretyn täysruutuanimaation saattamiseen elokuvatasoiseksi muuntamalla kunkin ruudun bittikartta vektoriformaattiin&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Toimenpiteen nimi &lt;/ins&gt;on &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''jäljitys'', ja se tehdään tavallisesti käsin rakentamalla vektorikuviot bittikartakuvan päälle&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Jäljitystä tehdessä voit lisätä animaatioon paljon kiehtovia &lt;/ins&gt;Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studion tehosteita ammattimaisen vaikutelman saavuttamiseksi&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;&amp;lt;!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --&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;!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --&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;/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;Whether you do&amp;#160; frame-by frame animation or not&lt;/del&gt;, Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio gives you&amp;#160; flexible control over the repeated data&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;such as colors&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;outline characteristics&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;textures, images and many more - even animation trajectories and their sets &lt;/del&gt;(&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;actions&lt;/del&gt;). &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Reusing repeated data is achieved via linking&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;This is a power of &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;which is especially important for big animation projects&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;Piirsit ruudut yksitellen tai et&lt;/ins&gt;, Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studion avulla voit vaikuttaa toistuvan datan lukuisiin ominaisuuksiin kuten väreihin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ääriviivoihin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tekstuuriin&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;kuviin ja moniin muihin – jopa animaation kulkuratoihin ja niiden joukkoihin &lt;/ins&gt;(&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;toimintoihin&lt;/ins&gt;). &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Toistuvaa dataa voidaan käyttää uudelleen linkittämällä&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Tämä on &lt;/ins&gt;Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studion vahvuus&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;joka on eritysen tärkeä isoissa animaatioprojekteissa&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;Among the plain linking pieces of artwork data you can also define relations between them using a set of functions&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;That allows to create automatic animation based on the defined laws and bring whole animation process to the new level&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;Tavanomaisen grafiikan osien linkittämisen lisäksi voit määrittää niiden välille myös relaatioita funktiojoukkojen avulla&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Se mahdollistaa automaatisen animaation tekemisen määriteltyjen sääntöjen pohjalta ja nostaa koko animaatioprosessin uudelle tasolle&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;&amp;lt;!-- TODO: Example illustration of parabolic shot --&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;!-- TODO: Example illustration of parabolic shot --&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;&amp;lt;!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --&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;!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --&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;/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;All those features of &lt;/del&gt;Synfig &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Studio are covered in detail in the chapters of this manual&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;Kaikkia mainittuja &lt;/ins&gt;Synfig&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-studion ominaisuuksia käsitellään yksityiskohtaisesti tämän käyttöoppaan kappaleissa&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;/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;lt;!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --&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;!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --&amp;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;{{Navigation|Category:Manual|Doc:Getting Started}}&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&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;|Doc:Getting Started&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/fi&lt;/ins&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

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

	<entry>
		<id>https://www.wiki.synfig.org/index.php?title=Doc:Overview/fi&amp;diff=13291&amp;oldid=prev</id>
		<title>Mikalaari: Created page with '&lt;!-- Page info --&gt; {{Title|Yleiskatsaus}} {{Navigation|Category:Manual/fi|Doc:Getting Started/fi}} Category:Manual Category:Unverified &lt;!-- Page info end --&gt; Synfig-studi…'</title>
		<link rel="alternate" type="text/html" href="https://www.wiki.synfig.org/index.php?title=Doc:Overview/fi&amp;diff=13291&amp;oldid=prev"/>
				<updated>2010-10-16T18:12:45Z</updated>
		
		<summary type="html">&lt;p&gt;Created page with &amp;#039;&amp;lt;!-- Page info --&amp;gt; {{Title|Yleiskatsaus}} {{Navigation|Category:Manual/fi|Doc:Getting Started/fi}} &lt;a href=&quot;/Category:Manual&quot; title=&quot;Category:Manual&quot;&gt;Category:Manual&lt;/a&gt; &lt;a href=&quot;/Category:Unverified&quot; title=&quot;Category:Unverified&quot;&gt;Category:Unverified&lt;/a&gt; &amp;lt;!-- Page info end --&amp;gt; Synfig-studi…&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;!-- Page info --&amp;gt;&lt;br /&gt;
{{Title|Yleiskatsaus}}&lt;br /&gt;
{{Navigation|Category:Manual/fi|Doc:Getting Started/fi}}&lt;br /&gt;
[[Category:Manual]]&lt;br /&gt;
[[Category:Unverified]]&lt;br /&gt;
&amp;lt;!-- Page info end --&amp;gt;&lt;br /&gt;
Synfig-studio on avolähteinen ohjelma, jolla voi tehdä kaksiulotteista vektorianimaatiota. Se on suunniteltu elokuvalaatuisen animaation tuottamiseen tavallista vähemmällä väellä ja resursseilla.&lt;br /&gt;
&lt;br /&gt;
Kuten varmaan tiedät, animaatio luo illuusion liikkeestä näyttämällä kuvia nopeasti peräkkäin. Perinteisesti kaksiulotteisia animaatioita on valmistettu piirtämällä kaikki sen kuvat yksitellen. Näitä kuvia kutsutaan ruuduiksi. Hyvän liikkeen vaikutelman luomiseksi tarvitaan lukuisia ruutuja, ja siksi tähän menetelmään tarvitaan paljon aikaa ja resursseja.&lt;br /&gt;
&amp;lt;!-- TODO: Insert illustration of frame-by-frame animation here --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Synfig-studion periaate on, ettei kaikkia ruutuja tarvitse piirtää. Siihen on kaksi tekniikkaa:&lt;br /&gt;
* Muodonmuutosanimaatio&lt;br /&gt;
* Pala-animaatio&lt;br /&gt;
&lt;br /&gt;
'''Muodonmuutos''' on tekniikka, jossa kahden kuvan välille luodaan pehmeä siirtymä. Siirtymän edetessä toinen muoto muuttuu toiseksi, ja muutos määräytyy yleensä ohjauspisteiden avulla. Synfig-studiossa kuvat rakentuvat vektorimuodoista, joten muodonmuutos voidaan toteuttaa automaattisesti. Näin animaatio voidaan tehdä piirtämällä ainoastaan avainasennot suhteellisen pitkin aikavälein. Voit piirtää ruutuja vain sen verran kuin kohtauksessa on tarpeen perustavan liikkeen tunnun luomiseksi, ja Synfig-studio huolehtii väliruutujen tekemisestä.&lt;br /&gt;
&amp;lt;!-- TODO: Insert illustration of morphing animation here --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
'''Pala-animaatio''' valmistetaan jakamalla kappaleet osiin ja tekemällä niille joitain yksinkertaisia muunnoksia (kuten siirto, kierto tai skaalaus) eri ajankohtina. Synfig-studio interpoloi väliruudut näiden arvojen pohjalta. Pala-animaatio voidaan tehdä bittikarttakuvista tai vektorigrafiikasta.&lt;br /&gt;
&amp;lt;!-- TODO: Insert illustration of cutout animation here --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Kummassakin tapauksessa Synfig-studion tehtävä on täyttää piirrettyjen ruutujen (eli ''avainruutujen'') väliset aukot ja tuottaa pehmeä ja sulava animaatio. Väliruudutus ei kuitenkaan ole Synfig-studion ainoa hyöty.&lt;br /&gt;
&lt;br /&gt;
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called &amp;quot;tracing&amp;quot; and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.&lt;br /&gt;
&amp;lt;!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Whether you do  frame-by frame animation or not, Synfig Studio gives you  flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.&lt;br /&gt;
&lt;br /&gt;
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.&lt;br /&gt;
&amp;lt;!-- TODO: Example illustration of parabolic shot --&amp;gt;&lt;br /&gt;
&amp;lt;!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
All those features of Synfig Studio are covered in detail in the chapters of this manual.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --&amp;gt;&lt;br /&gt;
{{Navigation|Category:Manual|Doc:Getting Started}}&lt;/div&gt;</summary>
		<author><name>Mikalaari</name></author>	</entry>

	</feed>