https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&feed=atom&action=historyDoc:Getting Started/nl - Revision history2024-03-28T11:41:59ZRevision history for this page on the wikiMediaWiki 1.26.3https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13921&oldid=prevZENODotus at 12:24, 26 February 20112011-02-26T12:24:58Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='en'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 12:24, 26 February 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l90" >Line 90:</td>
<td colspan="2" class="diff-lineno">Line 90:</td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>== Selectie van kleuren ==</div></td><td class='diff-marker'> </td><td style="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;"><div>== Selectie van kleuren ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Laten we ervan uitgaan dat je wilt dat de cirkels een verschillende kleur hebben. Als je in de gereedschapskist onder het gereedschap kijkt, zal je de outlining/fill color selector, de outline width <del class="diffchange diffchange-inline">selecter</del>, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &mdash; je kunt klikken op vul kleur, en een venster om de kleur te bepalen zal verschijnen. Op die manier kun je de kleuren gemakkelijk aanpassen.  </div></td><td class='diff-marker'>+</td><td style="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;"><div>Laten we ervan uitgaan dat je wilt dat de cirkels een verschillende kleur hebben. Als je in de gereedschapskist onder het gereedschap kijkt, zal je de outlining/fill color selector, de outline width <ins class="diffchange diffchange-inline">selector</ins>, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &mdash; je kunt klikken op vul kleur, en een venster om de kleur te bepalen zal verschijnen. Op die manier kun je de kleuren gemakkelijk aanpassen.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Maar soms wil je gewoon op een kleur klikken en de veranderingen doorgevoerd zien. De palette editor is hier een handig <del class="diffchange diffchange-inline">gebruiksmiddel </del>voor.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Maar soms wil je gewoon op een kleur klikken en de veranderingen doorgevoerd zien. De palette editor is hier een handig <ins class="diffchange diffchange-inline">middel </ins>voor.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>{{DevNotesBegin}}</div></td><td class='diff-marker'> </td><td style="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;"><div>{{DevNotesBegin}}</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l100" >Line 100:</td>
<td colspan="2" class="diff-lineno">Line 100:</td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>Klik op de Palette editor en neem een kijkje &mdash; het is degene met het icoon van een palet. De standaard uitlijningskleur wordt meteen aangepast door met de linkermuisknop op een kleur te klikken, de vulkleur wordt aangepast met de middelste muisknop.</div></td><td class='diff-marker'> </td><td style="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;"><div>Klik op de Palette editor en neem een kijkje &mdash; het is degene met het icoon van een palet. De standaard uitlijningskleur wordt meteen aangepast door met de linkermuisknop op een kleur te klikken, de vulkleur wordt aangepast met de middelste muisknop.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Dat is allemaal geweldig, maar we hebben nog <del class="diffchange diffchange-inline">steeeds </del>niet de kleur van de cirkel aangepast. Er zijn drie manieren om dit te doen. De eerste is door op <del class="diffchange diffchange-inline">de </del>{{Literal|<del class="diffchange diffchange-inline">Fill Tool</del>}} <del class="diffchange diffchange-inline">van het gereedschapsvenster </del>te klikken, en dan op de cirkel in het canvasvenster <del class="diffchange diffchange-inline">te klikken</del>. De cirkel zal dan van kleur veranderen. Dit werkt met meer dan alleen cirkels. Je kunt ook de cirkellaag die je wilt veranderen selecteren, naar het <del class="diffchange diffchange-inline">Paramspaneel </del>gaan, vervolgens rechtsklikken op de kleurparameter en {{Literal|Apply Fill Color}} of {{Literal|Apply OUtline Color}} selecteren. Je kunt ook gewoon op de {{Literal|Color}} parameters dubbelklikken - een venster waarin je een kleur kunt selecteren zal verschijnen, en daar kun je dan de kleur van je voorkeur kiezen.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Dat is allemaal geweldig, maar we hebben nog <ins class="diffchange diffchange-inline">steeds </ins>niet de kleur van de cirkel aangepast. Er zijn drie manieren om dit te doen. De eerste is door op <ins class="diffchange diffchange-inline">het </ins>{{Literal|<ins class="diffchange diffchange-inline">vulgereedschap</ins>}} <ins class="diffchange diffchange-inline">in de gereedschapskist </ins>te klikken, en dan op de cirkel in het canvasvenster. De cirkel zal dan van kleur veranderen. Dit werkt met meer dan alleen cirkels. Je kunt ook de cirkellaag die je wilt veranderen selecteren, naar het <ins class="diffchange diffchange-inline">Parameterpaneel </ins>gaan, vervolgens rechtsklikken op de kleurparameter en {{Literal|Apply Fill Color}} of {{Literal|Apply OUtline Color}} selecteren. Je kunt ook gewoon op de {{Literal|Color}} parameters dubbelklikken - een venster waarin je een kleur kunt selecteren zal verschijnen, en daar kun je dan de kleur van je voorkeur kiezen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Probeer wat te experimenteren met de cirkels. Pas de <del class="diffchange diffchange-inline">paramters </del>aan, en bekijk wat er gebeurt. Probeer om de {{l|Feather parameter}} op 5 te plaatsen, om je op weg te helpen.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Probeer wat te experimenteren met de cirkels. Pas de <ins class="diffchange diffchange-inline">parameters </ins>aan, en bekijk wat er gebeurt. Probeer om de {{l|Feather parameter}} op 5 te plaatsen, om je op weg te helpen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>== En verder ==</div></td><td class='diff-marker'> </td><td style="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;"><div>== En verder ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Op het ogenblik heb je uiteraard enkel met de basiskenmerken van Synfig <del class="diffchange diffchange-inline">studio </del>leren werken, zonder dat je hebt geleerd een afbeelding te animeren. Dit komt aan bod in het {{l|Doc:Animaton_Basics|volgende hoofdstuk}}.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Op het ogenblik heb je uiteraard enkel met de basiskenmerken van Synfig <ins class="diffchange diffchange-inline">Studio </ins>leren werken, zonder dat je hebt geleerd een afbeelding te animeren. Dit komt aan bod in het {{l|Doc:Animaton_Basics|volgende hoofdstuk}}.</div></td></tr>
</table>ZENODotushttps://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13913&oldid=prevZENODotus at 15:57, 23 February 20112011-02-23T15:57:46Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='en'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 15:57, 23 February 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l84" >Line 84:</td>
<td colspan="2" class="diff-lineno">Line 84:</td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>Laten we nu eens {{l|linking|linking}} proberen. Laten we ervan uitgaan dat we willen dat deze twee cirkels steeds dezelfde grootte hebben. Selecteer de twee cirkels en selecteer dan van beide de radiusducks (de blauwe punten).</div></td><td class='diff-marker'> </td><td style="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;"><div>Laten we nu eens {{l|linking|linking}} proberen. Laten we ervan uitgaan dat we willen dat deze twee cirkels steeds dezelfde grootte hebben. Selecteer de twee cirkels en selecteer dan van beide de radiusducks (de blauwe punten).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Om verschillende ducks te selecteren, kun je ofwel een rechthoek over hen slepen, of selecteer je de eerste<del class="diffchange diffchange-inline">, </del>houd je dan de {{Shortcut|ctrl}} toets ingedrukt bij het selecteren van de <del class="diffchange diffchange-inline">rest</del>. Als je de twee radiusducks geselecteerd hebt, rechtsklik dan op één van de ducks en een menu zal verschijnen. Selecteer {{Literal|Link}}. En dat is het. De parameters worden nu aan elkaar gelinkt. Je kan het voor jezelf bewijzen door gewoon één cirkel te selecteren en zijn radius te veranderen &mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &mdash; maar ik loop op de zaken vooruit.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Om verschillende ducks te selecteren, kun je ofwel een rechthoek over hen slepen, of selecteer je de eerste <ins class="diffchange diffchange-inline">en </ins>houd je dan de {{Shortcut|ctrl}} toets ingedrukt bij het selecteren van de <ins class="diffchange diffchange-inline">tweede</ins>. Als je de twee radiusducks geselecteerd hebt, rechtsklik dan op één van de ducks en een menu zal verschijnen. Selecteer {{Literal|Link}}. En dat is het. De parameters worden nu aan elkaar gelinkt. Je kan het voor jezelf bewijzen door gewoon één cirkel te selecteren en zijn radius te veranderen &mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &mdash; maar ik loop op de zaken vooruit.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Linking is een fundamenteel concept van Synfig. Je kunt niet alleen links creëren tussen ducks, maar ook tussen parameters door verschillende lagen te selecteren, rechts te klikken op een parameter in het <del class="diffchange diffchange-inline">paramspaneel</del>, en door {{Literal|Link}} te selecteren.</div></td><td class='diff-marker'>+</td><td style="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;"><div>Linking is een fundamenteel concept van Synfig. Je kunt niet alleen links creëren tussen ducks, maar ook tussen parameters door verschillende lagen te selecteren, rechts te klikken op een parameter in het <ins class="diffchange diffchange-inline">parameterspaneel</ins>, en door {{Literal|Link}} te selecteren.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>== Selectie van kleuren ==</div></td><td class='diff-marker'> </td><td style="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;"><div>== Selectie van kleuren ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="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;"><div>Laten we ervan uitgaan dat je wilt dat de cirkels een <del class="diffchange diffchange-inline">verschillend </del>kleur hebben. Als je in <del class="diffchange diffchange-inline">het gereedschapsvenster </del>onder het gereedschap kijkt, zal je de outlining/fill color selector, de outline width selecter, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &mdash; je kunt klikken op vul kleur, en een venster om de kleur te bepalen zal verschijnen. Op die manier kun je de kleuren gemakkelijk aanpassen.  </div></td><td class='diff-marker'>+</td><td style="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;"><div>Laten we ervan uitgaan dat je wilt dat de cirkels een <ins class="diffchange diffchange-inline">verschillende </ins>kleur hebben. Als je in <ins class="diffchange diffchange-inline">de gereedschapskist </ins>onder het gereedschap kijkt, zal je de outlining/fill color selector, de outline width selecter, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &mdash; je kunt klikken op vul kleur, en een venster om de kleur te bepalen zal verschijnen. Op die manier kun je de kleuren gemakkelijk aanpassen.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"></td><td class='diff-marker'> </td><td style="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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="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;"><div>Maar soms wil je gewoon op een kleur klikken en de veranderingen doorgevoerd zien. De palette editor is hier een handig gebruiksmiddel voor.</div></td><td class='diff-marker'> </td><td style="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;"><div>Maar soms wil je gewoon op een kleur klikken en de veranderingen doorgevoerd zien. De palette editor is hier een handig gebruiksmiddel voor.</div></td></tr>
</table>ZENODotushttps://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13875&oldid=prevZENODotus at 14:02, 20 February 20112011-02-20T14:02:53Z<p></p>
<a href="https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13875&oldid=13846">Show changes</a>ZENODotushttps://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13846&oldid=prevZENODotus: Created page with '<!-- Page info --> {{Title|Getting Started}} {{Navigation|Category:Manual|Doc:Animation_Basics}} {{Category|Manual}} {{Category|Tutorials}} {{Category|Tutorials Basic}} {{Categor…'2011-02-18T11:59:38Z<p>Created page with '<!-- Page info --> {{Title|Getting Started}} {{Navigation|Category:Manual|Doc:Animation_Basics}} {{Category|Manual}} {{Category|Tutorials}} {{Category|Tutorials Basic}} {{Categor…'</p>
<p><b>New page</b></p><div><!-- Page info --><br />
{{Title|Getting Started}}<br />
{{Navigation|Category:Manual|Doc:Animation_Basics}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Basic}}<br />
{{Category|Updated}}<br />
<!-- Page info end --><br />
<br />
== De gebruikersinterface ==<br />
De onderstaande afbeelding toont het vensterlayout van Synfig Studio:<br />
<br />
[[Image:Interface.png|600px|thumb|center|border|De standaard interface layout van Synfig Studio]]<br />
<br />
De componenten van de hoofdinterface van Synfig Studio zijn:<br />
<br />
* {{l|Toolbox}} &mdash; dit is het hoofdvenster van Synfig Studio. Het bevat het systeemmenu en knoppen, gereedschap en meer om nieuw werk te creëren en bestaand werk te bewerken. Door het sluiten van dit venster wordt het programma afgesloten. <br />
* {{l|Canvas}} &mdash; Toont je werk en animatie. <br />
* {{l|Category:Panels}} &mdash; bevat gereedschap en informatie over bepaalde elementen van je project. Sommige panelen zullen je toelaten deze elementen te wijzigen. <br />
<br />
{{Note|Opmerking|Synfig Studio kan naar de standaardinstellingen terug gezet worden (zoals getoond op de afbeelding). Selecteer in het {{Literal|File}} menu van het gereedschapsvenster {{c|Panels|Reset Windows to Orignal Layout}}.}}<br />
<br />
The center window is the {{L|Canvas Window}}. A new Canvas Window appears each time Synfig Studio starts. The window represents the {{l|Root Canvas}}, not that it means much to you at the moment, but that's OK &mdash; we're just trying to show you around. In the upper left corner of the Canvas Window, you'll see a button with a {{l|Canvas Menu Caret|caret}}. If you click on this caret button, the {{l|Canvas Menu Caret|canvas window menu}} will pop up. If you right-click in the canvas area and there is no {{l|layer}} under the mouse position, this menu will also appear. So now you know where the most important canvas menu is. Good.<br />
<br />
Het middelste venster is het {{L|Canvas Window}}. Telkens Synfig Studio wordt opgestart verschijnt er een nieuw Canvas venster. Niet dat het op het ogenblik veel voor je betekent, maar dit venster vertegenwoordigt het {{l|Root Canvas}}. Dat is uiteraard niet erg &mdash; daar we je op het ogenblik gewoon maar wegwijs willen maken. In de linkerbovenhoek van het Canvasvenster, zie je een knop met een {{Canvas Menu Caret|caret}}. Wanneer je op deze caret knop klikt, zal het {{l|Canvas Menu Caret|canvas window menu}} verschijnen. Als je in de canvas omgeving rechtsklikt en er is geen {{l|laag}} onder de positie van de muis, zal dit menu ook verschijnen. Nu weet je waar zich het belangrijkste canvasmenu bevindt. Goed.<br />
<br />
De twee andere venster (één onderaan, en één rechts) zijn aanpasbaar {{l|dock dialogs|dock dialogs}}. Elk dockvenster bevat een aantal {{L|panel|panelen}}, die horizontaal en verticaal zijn gerangschikt. Sommige panelen delen dezelfde ruimte binnen een dockvenster en door op hun {{l|panel tab|tabs}} te klikken kun je tussen hen wisselen. Je kunt de inhoud van dockvensters herschikken zoals je wilt door de paneeltab te verslepen naar waar je het wilt. Je kunt zelfs een nieuw dockvenster maken door een tabel uit zijn dockvenster te slepen.<br />
<br />
Als je per ongeluk een {{l|panel|paneel}} sluit (door ze uit het dockvenster te slepen en het nieuw dockvenster die gemaakt wordt te sluiten), hoef je niet te panikeren. Ga gewoon naar de {{l|Toolbox}}, selecteer {{c|File|Panels}} in het menu en klik dan op de naam van het paneel dat je nodig hebt.<br />
<br />
De belangrijkste panelen zijn:<br />
<br />
* {{l|Layers Panel}} &mdash; Toont je de hiërarchie van de laag op het canvas waaraan je werkt. Het laat je ook toe deze lagen te manipuleren.<br />
* {{l|Params Panel}} &mdash; Toont je de parameters van de laag die op dat moment geselecteerd is. Wanneer meerdere lagen geselecteerd zijn zullen enkel de paramters die de geselecteerde lagen gemeenschappelijk hebben, getoond worden.<br />
* {{l|Categorical Help#Synfig Dialogs|Tool Options Panel}} &mdash; Toont de specifieke opties van het geselecteerde gereedschap.<br />
* {{l|Navigator|Navigator}} &mdash; toont een kleine afbeelding van hoe het geselecteerde canvas eruit ziet. Je kunt inzoomen en met dit paneel de focus verschuiven. <br />
* {{l|History Panel}} &mdash; Toont de geschiedenis van de verichte bewerkingen op de huidige compositie. Je kunt tevens de acties in de geschiedenis bewerken. <br />
<br />
There are also many other {{l|panel|panels}} in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.<br />
<br />
Er zijn tevens vele andere {{l|panel|panelen}} in Synfig Studio. Als je geen idee hebt van wat een paneel doet, dien je enkel de muis over het icoon te houden en er zal een helptekst verschijnen die zijn functie beschrijft.<br />
<br />
== Dieperliggende componenten ==<br />
<br />
[[Image:Adding-layers-tutorial-12.png|right|frame|Het lagenpaneel]]<br />
<br />
Zoals bijna elk ander degelijk grafisch programma splitst Synfig Studio individuele elementen van een {{l|canvas|canvas}} in {{l|layer|lagen}}. Synfig Studio verschilt hierin echter grondig op twee manieren van andere programma's:<br />
<br />
# In Synfig stelt een individuele laag over een algemeen een enkele "Primitief" voor. Dit is een enkele regio, een samenvatting van een regio, een geïmporteerde afbeelding, etc... Dit geeft je heel wat flexibiliteit en controle. Het is niet ongewoon voor een compositie om vaak honderen lagen te hebben (die georganiseerd zijn in een hiërachie naar de logica van de artiest uiteraard).<br />
#Een laag kan niet aleen informatie geven aan de afbeelding die eronder ligt, het kan de afbeelding ook vervormen of veranderen. Op die manier handelen de lagen in Synfig ongeveer zoals filters in Adobe Photoshop of GIMP. Zo hebben we b.v. een {{l|Blur Layer}}, {{l|Radial Blur Layer}}, {{l|Spherize Layer}}, {{l|Color Correct Layer}}, {{l|Bevel Layer}}, etc..<br />
<br />
Elke laag heeft enkele parameters die het gedrag van die laag bepalen. Wanneer je op een laag klikt (dat kan in het Canvas venster, of in de geïllustreerde {{l|Layers panel}}), zal je zijn parameters in het {{l|Params panel}} zien.<br />
<br />
== Eerste stappen ==<br />
<br />
Laten we iets maken zodat we er verder mee kunnen experimenteren!<br />
<br />
Verplaats eerst de muis over het gereedschapsvenster en klik op het {{l|Cirkelgereedschap}} (Als je niet weet welke dit is, ga dan met je muis over de gereedschapsicoontjes tot je degene vindt waar de bijtekst "Cirkle Tool" vermeld wordt). <br />
<br />
Wanneer je op het Cirkelgereedschap klikt, zou je moeten merken dat de {{l|Tool Options Panel}} veranderd. Daarover echter later meer.<br />
<br />
Wanneer het CirkelGereedscap geselecteerd is kun je cirkeles op het {{l|Canvasvenster}} tekenen. Dit werkt op de manier zoals je waarschijnlijk verwacht &mdash; klik op het canas, sleep om de graad van de cirkel aan te passen, en laat de muisknop los wanneer je klaar bent. Creëer nu twee cirkels (of meer, als je dat wilt). Als je per ongeluk de muisknop loslaat voordat je de graad hebt aangepast, maakt je een cirkel met een radius van 0 graden en is het praktisch onzichtbaar! Je kunt dit echter gemakkelijk verbeteren. Het is mogelijk om de paremeters van het geselecteerde object aan te passen in het parameterpaneel. Als je pas een cirkel van 0 graden hebt gemaakt zou dit het geselecteerde object moeten zijn. Je kunt zijn radius dan ook aanpassen, b.v. naar 10 graden, later kun je het dan aanpassen naar de gewenste parameters met het Canvas docks.<br />
<br />
{{Note|Opmerking|Sommige gebruikers kunnen geconfronteerd worden met volgend probleem: Het kan zijn dat wanneer je op het canvas met het cirkelgereedschap klikt en sleept dat er ofwel niets lijkt te gebeuren, of dat je verschrikkelijk grote cirkels maakt. Om dit aan te passen, ga naar {{c|File|Input Devices}} en vink '''disable all the devices''' die je daar kunt vinden aan. Als je een invoerapparaat gebruikt zoals een druk-gevoelige pen, kun je het afvinken in dit venster. Na deze verandering zal Synfig werken zoals verwacht.}}<br />
Ga nu terug naar het gereedschapsvenster en klik op de {{l|Transform Tool}} (de blauwe cirkel met de pijl erop). Als je de transform tool hebt geselecteerd, klik je op één van je cirkels. Je zult een bounding box zien (wat op het ogenlijk nogal zinloos is), een groene punt in het midden, en een blauwe punt op de radius. Deze punten worden "{{l|duck|ducks}}" genoemd. Klik op een duck en versleep het als je een cirkel wilt aanpassen.<br />
<br />
Je kunt een {{l|laag}} selecteren door erop te klikken. Als je meer dan één laag wilt selecteren druk dan bij het klikken op de {{Shortcut|ctrl}} toets &mdash; dit werkt zowel in het Canvasvenster als in de {{l|Lagenpaneel}}. Probeer het!<br />
<br />
You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method &mdash; just create a selection box by clicking the mouse and dragging it over the area of ducks that you want selected. <br />
<br />
Je kunt ook meerdere ducks selecteren. Dit kan op verschillende manieren. Je kunt de {{Shortcut|ctrl}} toets indrukken en op de individuele ducks klikken die je wilt selecteren, maar dat is omslachtig. Er is echter een veel snellere methode &mdash; creëer gewoon een selectievenster door met de muis over de omgeving van de ducks die je wilt selecteren te slepen.<br />
<br />
<!-- TODO: About rotating and scaling with Ctrl and Alt keys --> <br />
<br />
Selecteer nu twee cirkels en al hun ducks. Wanneer verschillende ducks geslecteerd zijn, zal het verplaatsen van één duck, alle ducks verplaatsen.<br />
<br />
{{Note|Opmerking|Synfig Studio heeft een automatische herstelmogelijkheid. Als het programma faalt, zelfs zonder dat het huidige bestand is opgeslagen, zul je niet meer dan 5 minuten van je werk verliezen. Bij het herstarten zal het je automatisch vragen om de niet opgeslagen veranderingen te herstellen. Helaas wordt het herstellen van de geschiedenis nog niet ondersteund.}}<br />
De {{l|Rotate Tool|rotate}} en {{l|Scale Tool|scale}}, werken ongeveer zoals de transform tool, behalve in het geval als je meerdere ducks geselecteerd hebt. Het is veel gemakkelijker het gewoon te proberen, dan erover te lezen. Selecteer een paar cirkels, selecteer al hun ducks, en probeer de draai- en schaalmogelijkheden uit.<br />
<br />
Merk op dat duckmanipulatiegereedschap opties met zich meebrengen. Als een bepaald gereedschap niet doet wat je wilt, kijk dan even bij {{l|Tool Options Panel}} om te zien of het ingesteld is zoals jij wilt.<br />
<br />
{{DevNotesBegin}}<br />
Het kan zijn dat je Sinfyg Studio als TRAAG ervaart, wat het bijna onbruikbaar maakt op oudere hardware. De belangrijkste reden hiervoor is dat alle kleurberekeningen in decimale getallen wordt gedaan &mdash; om High-Dynamic-Range Imaging mogelijk te maken.<br />
<br />
Er zijn echter enkele belangrijke implementaties en optimalisaties gepland die de prestaties van Synfig op alle platformen drastisch zou moeten verhogen. Het doel is geen snelheidstoename van 200% maar tenminste een ''''snelheidstoename van 2000%'''. Op het ogenblik is men in de ontwikkelingsgroep bezig met het implementeren van deze optimalisaties via OpenGL. Het is nog niet algemeen bruikbaar, maar het toont wel al veelbelovende resultaten.<br />
{{DevNotesEnd}}<br />
<br />
== Linking ==<br />
<br />
Laten we nu eens {{l|linking|linking}} proberen. Laten we ervan uitgaan dat we willen dat deze twee cirkels steeds dezelfde grootte hebben. Selecteer de twee cirkels en selecteer dan van beide de radiusducks (de blauwe punten).<br />
<br />
Om verschillende ducks te selecteren, kun je ofwel een rechthoek over hen slepen, of selecteer je de eerste, houd je dan de {{Shortcut|ctrl}} toets ingedrukt bij het selecteren van de rest. Als je de twee radiusducks geselecteerd hebt, rechtsklik dan op één van de ducks en een menu zal verschijnen. Selecteer {{Literal|Link}}. En dat is het. De parameters worden nu aan elkaar gelinkt. Je kan het voor jezelf bewijzen door gewoon één cirkel te selecteren en zijn radius te veranderen &mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &mdash; maar ik loop op de zaken vooruit.<br />
<br />
Linking is een fundamenteel concept van Synfig. Je kunt niet alleen links creëren tussen ducks, maar ook tussen parameters door verschillende lagen te selecteren, rechts te klikken op een parameter in het paramspaneel, en door {{Literal|Link}} te selecteren.<br />
<br />
== Selectie van kleuren ==<br />
<br />
Laten we ervan uitgaan dat je wilt dat de cirkels een verschillend kleur hebben. Als je in het gereedschapsvenster onder het gereedschap kijkt, zal je de outlining/fill color selector, de outline width selecter, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &mdash; je kunt klikken op vul kleur, en een venster om de kleur te bepalen zal verschijnen. Op die manier kun je de kleuren gemakkelijk aanpassen. <br />
<br />
Maar soms wil je gewoon op een kleur klikken en de veranderingen doorgevoerd zien. De palette editor is hier een handig gebruiksmiddel voor.<br />
<br />
{{DevNotesBegin}}<br />
Deze mogelijkheid is nog geen 100 %, (het opslaan en laden van aangepaste paletten is nog niet geïmplementeerd), maar de standaardpalet is al danig bruikbaar.<br />
{{DevNotesEnd}}<br />
<br />
Klik op de Palette editor en neem een kijkje &mdash; het is degene met het icoon van een palet. De standaard uitlijningskleur wordt meteen aangepast door met de linkermuisknop op een kleur te klikken, de vulkleur wordt aangepast met de middelste muisknop.<br />
<br />
Dat is allemaal geweldig, maar we hebben nog steeeds niet de kleur van de cirkel aangepast. Er zijn drie manieren om dit te doen. De eerste is door op de {{Literal|Fill Tool}} van het gereedschapsvenster te klikken, en dan op de cirkel in het canvasvenster te klikken. De cirkel zal dan van kleur veranderen. Dit werkt met meer dan alleen cirkels. Je kunt ook de cirkellaag die je wilt veranderen selecteren, naar het Paramspaneel gaan, vervolgens rechtsklikken op de kleurparameter en {{Literal|Apply Fill Color}} of {{Literal|Apply OUtline Color}} selecteren. Je kunt ook gewoon op de {{Literal|Color}} parameters dubbelklikken - een venster waarin je een kleur kunt selecteren zal verschijnen, en daar kun je dan de kleur van je voorkeur kiezen.<br />
<br />
Probeer wat te experimenteren met de cirkels. Pas de paramters aan, en bekijk wat er gebeurt. Probeer om de {{l|Feather parameter}} op 5 te plaatsen, om je op weg te helpen.<br />
<br />
== En verder ==<br />
<br />
Op het ogenblik heb je uiteraard enkel met de basiskenmerken van Synfig studio leren werken, zonder dat je hebt geleerd een afbeelding te animeren. Dit komt aan bod in het {{l|Doc:Animaton_Basics|volgende hoofdstuk}}.</div>ZENODotus