https://wiki.synfig.org/api.php?action=feedcontributions&feedformat=atom&user=ZENODotus 2026-05-30T14:25:42Z User contributions MediaWiki 1.26.3 https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14520 2011-09-28T00:44:58Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> {{Category|Manual}}<br /> {{Category|Tutorials}}<br /> {{Category|Tutorials Basic}}<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{l|Doc:Animation_Basics|vorige les}}, maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een kleurverloopeffect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met het rechthoekgereedschap.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|kleurverloopgereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de kleurverloop aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|Layers Panel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen kleurverloop ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de kleurverloopducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het kleurverloop tevoorschijn komt.}}<br /> Nu heb je een kleurverloop, maar het is niet wat je wilde: het heeft zich over het hele canvas verspreid. Het doel was om een kleurverloop te hebben in de rechthoek. Laten we dit dus aanpassen.<br /> <br /> In het {{l|Layers Panel}} selecteer je zowel de kleurverloop- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorige lagen: het kleurverloop en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; je kunt het verplaatsen, dupliceren, kopiëren en plakken. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: het kleurverloop beslaat nog steeds heel het canvas terwijl we enkel wilden dat het de rechthoek besloeg. Activeer daarom de kleurverlooplaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Klik op de waarde en kies uit de keuzelijst {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou het kleurverloop beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en het kleurverloop) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag er binnenin (dat zou de kleurverlooplaag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de kleurverlooplaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|vorige animatieles}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|laatste les}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14519 2011-09-28T00:43:51Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> {{Category|Manual}}<br /> {{Category|Tutorials}}<br /> {{Category|Tutorials Basic}}<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{l|Doc:Animation_Basics|vorige les}}, maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een kleurverloopeffect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met het rechthoekgereedschap.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|kleurverloopgereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de kleurverloop aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|Layer Panel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen kleurverloop ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de kleurverloopducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het kleurverloop tevoorschijn komt.}}<br /> Nu heb je een kleurverloop, maar het is niet wat je wilde: het heeft zich over het hele canvas verspreid. Het doel was om een kleurverloop te hebben in de rechthoek. Laten we dit dus aanpassen.<br /> <br /> In het {{l|Layer Panel}} selecteer je zowel de kleurverloop- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorige lagen: het kleurverloop en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; je kunt het verplaatsen, dupliceren, kopiëren en plakken. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: het kleurverloop beslaat nog steeds heel het canvas terwijl we enkel wilden dat het de rechthoek besloeg. Activeer daarom de kleurverlooplaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Klik op de waarde en kies uit de keuzelijst {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou het kleurverloop beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en het kleurverloop) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag er binnenin (dat zou de kleurverlooplaag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de kleurverlooplaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|vorige animatieles}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|laatste les}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14518 2011-09-28T00:41:02Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> {{Category|Manual}}<br /> {{Category|Tutorials}}<br /> {{Category|Tutorials Basic}}<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{l|Doc:Animation_Basics|vorige les}}, maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een kleurverloopeffect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met het rechthoekgereedschap.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|kleurverloopgereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de kleurverloop aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen kleurverloop ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de kleurverloopducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het kleurverloop tevoorschijn komt.}}<br /> Nu heb je een kleurverloop, maar het is niet wat je wilde: het heeft zich over het hele canvas verspreid. Het doel was om een kleurverloop te hebben in de rechthoek. Laten we dit dus aanpassen.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de kleurverloop- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorige lagen: het kleurverloop en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; je kunt het verplaatsen, dupliceren, kopiëren en plakken. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: het kleurverloop beslaat nog steeds heel het canvas terwijl we enkel wilden dat het de rechthoek besloeg. Activeer daarom de kleurverlooplaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Klik op de waarde en kies uit de keuzelijst {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou het kleurverloop beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|blur layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en het kleurverloop) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag er binnenin (dat zou de kleurverlooplaag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de kleurverlooplaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|vorige animatieles}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|laatste les}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14517 2011-09-28T00:08:32Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> {{Category|Manual}}<br /> {{Category|Tutorials}}<br /> {{Category|Tutorials Basic}}<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{l|Doc:Animation_Basics|vorige les}}, maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met de Rectangel tool.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|gradient gereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de gradient aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen gradient ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de gradientsducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het gradient tevoorschijn komt.}}<br /> Nu heb je een gradient, maar het is niet wat je wilde: Het heeft zich over het hele canvas verspreid. Het doel was om een gradient te hebben in de rechthoek. Laten we dit dus verbeteren.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de gradient- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorigen lagen: de gradient en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; verplaats het, dupliceer het, kopiëer en plak het. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: De gradient beslaat nog steeds heel het canvas terwijl we enkel wilden dat het enkel de rechthoek besloeg. Activeer daarom de gradientlaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Dubbelklik erop en selecteer uit het verschenen menu {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou de gradient beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag erbinnenin (dat zou de gradient laag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de gradientlaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|previous animation tutorial}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|last tutorial}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14436 2011-09-07T10:55:31Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{l|Doc:Animation_Basics|vorige les}}, maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur, en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met de Rectangel tool.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|gradient gereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de gradient aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen gradient ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de gradientsducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het gradient tevoorschijn komt.}}<br /> Nu heb je een gradient, maar het is niet wat je wilde: Het heeft zich over het hele canvas verspreid. Het doel was om een gradient te hebben in de rechthoek. Laten we dit dus verbeteren.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de gradient- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorigen lagen: de gradient en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; verplaats het, dupliceer het, kopiëer en plak het. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: De gradient beslaat nog steeds heel het canvas terwijl we enkel wilden dat het enkel de rechthoek besloeg. Activeer daarom de gradientlaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Dubbelklik erop en selecteer uit het verschenen menu {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou de gradient beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag erbinnenin (dat zou de gradient laag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de gradientlaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|previous animation tutorial}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|last tutorial}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14435 2011-09-07T10:53:42Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{Doc:Animation_Basics|previous tutorial}} maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur, en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met de Rectangel tool.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|gradient gereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de gradient aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen gradient ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de gradientsducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het gradient tevoorschijn komt.}}<br /> Nu heb je een gradient, maar het is niet wat je wilde: Het heeft zich over het hele canvas verspreid. Het doel was om een gradient te hebben in de rechthoek. Laten we dit dus verbeteren.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de gradient- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorigen lagen: de gradient en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; verplaats het, dupliceer het, kopiëer en plak het. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: De gradient beslaat nog steeds heel het canvas terwijl we enkel wilden dat het enkel de rechthoek besloeg. Activeer daarom de gradientlaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Dubbelklik erop en selecteer uit het verschenen menu {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou de gradient beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag erbinnenin (dat zou de gradient laag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de gradientlaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|previous animation tutorial}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|last tutorial}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14434 2011-09-07T10:53:04Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur, en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met de Rectangel tool.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|gradient gereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de gradient aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen gradient ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de gradientsducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het gradient tevoorschijn komt.}}<br /> Nu heb je een gradient, maar het is niet wat je wilde: Het heeft zich over het hele canvas verspreid. Het doel was om een gradient te hebben in de rechthoek. Laten we dit dus verbeteren.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de gradient- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorigen lagen: de gradient en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; verplaats het, dupliceer het, kopiëer en plak het. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: De gradient beslaat nog steeds heel het canvas terwijl we enkel wilden dat het enkel de rechthoek besloeg. Activeer daarom de gradientlaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Dubbelklik erop en selecteer uit het verschenen menu {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou de gradient beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag erbinnenin (dat zou de gradient laag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de gradientlaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|previous animation tutorial}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|last tutorial}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14433 2011-09-07T10:50:22Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Toevoegen van lagen}}<br /> {{Navigation|Category:Manual|Doc:Creating_Shapes}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> In de {{Doc:Animation_Basics|previous tutorial}} maakte je je eerste simpele animatie door het veranderen van de attributen van primitieve objecten, zoals: positie, kleur, en grootte. Deze simpele methodes zijn echter zelden voldoende om geavanceerde karakters en objecten te creëren. Om dit te doen gebruikt Synfig {{l|Layer|lagen}}. Ze zijn gelijkaardig aan lagen die in andere tekenprogramma's worden gebruikt in die zin dat het mogelijk wordt verschillende elementen van een afbeelding van elkaar te scheiden.<br /> <br /> Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:<br /> # Elk object, element of effect krijgt zijn eigen laag.<br /> # Je kunt lagen organiseren in hiërarchische groepen.<br /> # Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.<br /> <br /> Zoals je zult zien zijn lagen een enorm belangrijk aspect van Synfig, veel meer dan in de meeste grafische programma's. Het begrip van het concept van lagen is belangrijk om te begrijpen hoe Synfig werkt.<br /> <br /> == Lagen combineren ==<br /> <br /> Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.<br /> <br /> Creëer een nieuw bestand met een duurtijd van 0 seconden. Het is niet nodig ons nu bezig te houden met een tijdslijn. Creëer vervolgens een simpele rechthoek met de Rectangel tool.<br /> <br /> [[Image:Adding-layers-tutorial-1.png|frame|center]]<br /> <br /> Selecteer het {{l|Gradient Tool|gradient gereedschap}} uit de {{l|category:Toolbox|gereedschapskist}}, klik met de linkermuisknop op het canvas, sleep de muis om de richting van de gradient aan te passen en laat de knop los wanneer je klaar bent. Je zou moeten merken dat een nieuwe laag in het {{l|lagenpaneel}} is toegevoegd met de naam '''Gradient'''. Dit is niets bijzonders.<br /> <br /> [[Image:Adding-layers-tutorial-2.png|frame|center]]<br /> <br /> {{Note|Opmerking|Als je geen gradient ziet maar gewoon een kleur, dan betekent dit dat je waarschijnlijk op het canvas hebt geklikt zonder te slepen met de muis. Om dit te verhelpen neem je het {{l|Transform Tool|vervormingsgereedschap}}, en klik in het canvas om de gradientsducks te activeren. Je dient degene vast te nemen die je een klein beetje ziet bewegen totdat het gradient tevoorschijn komt.}}<br /> Nu heb je een gradient, maar het is niet wat je wilde: Het heeft zich over het hele canvas verspreid. Het doel was om een gradient te hebben in de rechthoek. Laten we dit dus verbeteren.<br /> <br /> In het {{l|lagenpaneel}} selecteer je zowel de gradient- als de rechthoeklaag. Rechtsklik dan en selecteer {{Literal|Encapsulate}} uit het menu. Het zicht van de lagenpaneel zou nu moeten veranderen, zodat er een kleine rechthoek tevoorschijn komt, een {{l|Paste Canvas|Inline Canvas}} genoemd met een pijl in het midden. Door op de pijl te klikken kun je het inline canvas vergroten om zijn omgeving te zien, namelijk je twee vorigen lagen: de gradient en de rechthoek.<br /> <br /> [[Image:Adding-layers-tutorial-3.png|frame|center]]<br /> <br /> Je kunt deze laag op dezelfde manier behandelen als elke andere laag &amp;mdash; verplaats het, dupliceer het, kopiëer en plak het. Als je de naam wilt veranderen in iets meer beschrijvend, selecteer dan gewoon de laag in de laagtab en klik op zijn label. Dan bewerk je het gewoon ter plaatse. Je kunt dit doen voor elke laag, en wordt ook sterk aangemoedigd dit te doen.<br /> <br /> == Gebruik van lokalisatie ==<br /> <br /> Er is echter nog steeds een probleem: De gradient beslaat nog steeds heel het canvas terwijl we enkel wilden dat het enkel de rechthoek besloeg. Activeer daarom de gradientlaag in het lagenpaneel. Ga nu naar de {{l|Params Panel}} (standaard staat dit onderaan het venster) en zoek voor het attribuut {{Literal|Blend Method}} genaamd. Dubbelklik erop en selecteer uit het verschenen menu {{Literal|Onto}}.<br /> <br /> [[Image:Adding-layers-tutorial-4.png|frame|center]]<br /> <br /> Nu zou de gradient beperkt moeten zijn tot de rechthoek. Proficiat! Je hebt net je eerste effect gemaakt door gebruik te maken van lagen in Synfig.<br /> <br /> [[Image:Adding-layers-tutorial-5.png|frame|center]]<br /> <br /> Al is het enkel voor de weergave, het inkapselen van lagen in inline canvassen verbetert de eenvoud van het gebruik van Synfig Studio. Maar vele programma's kunnen dit. Het concept van het gebruik van ''omgeving'' zoals zonet gedemonstreerd maakt van synfig een volledig ander programma dan andere programma's die gebruik maken van lagenhiërarchie. Het sleutelconcept is dat een laag ''enkel'' data kan aanpassen die het krijgt van '''direct onder''' hem. Met andere woorden, als je een {{l|Blur Layer}} zou plaatsen bovenop de lagen in de {{l|Paste Canvas|inline canvas}} die we hebben gemaakt, zou het enkel &amp;mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.<br /> <br /> == Het gebruik van lagen om andere lagen aan te passen ==<br /> <br /> Zorg ervoor dat je de inline canvaslaag geselecteerd hebt en creëer twee rode {{l|Circle Tool|Cirkels}}. Ze zullen bovenop het inline canvas verschijnen. Selecteer de inline canvaslaag en gebruik the {{Literal|Raise Layer}} knop in het lagenpaneel om het bovenop de cirkels te plaatsen.<br /> <br /> [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br /> <br /> Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.<br /> <br /> [[Image:Adding-layers-tutorial-7.png|center|frame]]<br /> <br /> Ontvouw het inline canvas om zijn inhoud te tonen, en selecteer de toplaag erbinnenin (dat zou de gradient laag moeten zijn). Dat is waar we de nieuwe laag willen plaatsen. Creëer een andere cirkel gevuld met een zwarte kleur. De zwarte cirkellaag zal gecreëerd worden boven de gradientlaag maar binnen het inline canvas.<br /> <br /> [[Image:Adding-layers-tutorial-8.png|center|frame]]<br /> <br /> Rechtsklik nu op de zwarte cirkellaag in de lagenpaneel en er zal een menu verschijnen. Het eerste item in dit menu is {{Literal|New Layer}}. In het {{Literal|New Layer}} menu, zul je verschillende categorieën zien die je kunt creëren, maar wat wij willen is een vervaging, ga dus naar de vervagingscategorie en selecteer de {{Literal|Blur}} laag (dat zou {{c|New Layer|Blurs|Blur}} moeten zijn).<br /> <br /> [[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br /> <br /> Het is dus nu vervaagd... Maar iets is niet helemaal correct &amp;mdash; de buitenste rand van de inhoud van het inline canvas is nog steeds scherp. Dit gebeurt omdat de blend methode van de standaard vervaagd is naar {{Literal|Composite}} (je kunt dit aanpassen met de {{l|New Layer Defaults#Default Blend Method|Default blend method}} voor nieuwe lagen van de {{l|New Layer Defaults}} sectie van de gereedschapskist). Wat we willen is een blend methode van {{Literal|Straight}}. Selecteer gewoon de vervagingslaag, en verander de blend methode naar {{Literal|Straight}} in het Paramspaneel.<br /> <br /> [[Image:Adding-layers-tutorial-11.png|frame|center]]<br /> <br /> {{Note|Opmerking|In de Synfig versie {{Literal|0.62.02}}, is de blend methode voor pas gecreëerde vervagingslagen {{Literal|straight}} als de standaard blend methode in de gereedschapskist naar {{Literal|By Layer Default}} is geplaatst.}}<br /> <br /> Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.<br /> <br /> == Verder graven... ==<br /> <br /> Als je de moeite neemt om in het hoofdmenu van Synfig onder {{c|Layer|New Layer}} te kijken, zul je opmerken dat er nogal wat verschillende mogelijkheden bestaan om lagen te maken. Verschillende onder hen klinken nogal ongewoon, zoals {{c|Transform|Rotate}} b.v. Je kunt dit gebruiken om nieuwe attributen aan je objecten toe te voegen. En net zoals andere basisattributen in de {{L|Doc:Animation Basics|previous animation tutorial}}, kun je hen aanpassen om verschillend op sommige {{L|Keyframe|keyframes}} te reageren. Synfig neemt het interpoleren van de stappen ertussenin voor zijn rekening.<br /> <br /> B.v. je zou een {{L|Doc:Creating Shapes|shape}} kunnen creëren en een {{L|Rotate Layer}} erover kunnen toevoegen. Combineer dit met de les geleerd in de {{L|Doc:Animation Basics|last tutorial}} en je kunt een roterend effect creëren. Deze techniek wordt gebruikt voor het aanmaken van {{L|Doc:Cut-out Animation}}.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Animation_Basics/nl&diff=14428 2011-09-06T12:28:55Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Animatie basis}}<br /> {{Navigation|Category:Manual|Doc:Adding Layers}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> Het is zeer gemakkelijk in Synfig Studio om een animatie te maken. Het betekent eigenlijk gewoon om een afbeelding te veranderen &amp;mdash; Je dient gewoon de eerste en de laatste fase van een verandering aan te geven, en Synfig neemt de tussenstappen voor zijn rekening.<br /> <br /> Laten we een eenvoudig voorbeeld uitproberen. Neem eens een bewegend licht zoals dat van Kit van de Knight Rider auto. Als je het realisme laat voor wat het is heb je een cirkel die van links naar rechts beweegt en terug. Met andere woorden, je dient drie &quot;stappen&quot; of &quot;stages&quot; te maken.<br /> <br /> # De cirkel staat links<br /> # De cirkel staat rechts<br /> # De cirkel staat terug links<br /> <br /> == De werkplaats opstellen ==<br /> <br /> Laten we dat uitvoeren. Start Synfig Studio. Een nieuw bestand wordt bij het starten automatisch aangemaakt. Klik op het menu 'caret' (dit bevindt zich tussen de horizontale en verticale lignaal, in de linkderbovenhoek van het canvas) selecteer dan {{c|Edit|Properties}}. Een venster met canvasopties zal verschijnen.<br /> <br /> Geef je canvas een naam en omschrijving, klik dan op {{Literal|Apply}} (klik nog niet op {{Literal|OK}} &amp;mdash; we zijn nog niet klaar met het eigenschappenvenster. Ga naar de tab {{Literal|Time}} en bewerk de {{Literal|eindtijd}}. Verander &quot;5s&quot; in &quot;2s&quot; &amp;mdash; dat zorgt ervoor dat onze animatie twee seconden duurt.<br /> <br /> [[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialoogvenster]]<br /> <br /> Klik nu op &quot;OK&quot;, en maak een eenvoudige zwarte rechthoek dat als onze achtergrond dienst zal doen. Het is niet nodig om deze achtergrond over het hele canvas te vullen. Vink ook {{Literal|Low Res}} af die je bovenaan het canvasvenster vindt om de view mode van lage resolutie uit te schakelen - dit zorgt ervoor dat je afbeelding er beter afgewerkt uitziet. In het algemeen zorgt deze optie dat de snelheid voor het hertekenen van het canvas sneller verloopt, maar dat hebben wij hier niet nodig.<br /> <br /> [[Image:synfig_tut_2.png|450px|center|thumb]]<br /> <br /> Nu hebben we een cirkel nodig. Verander de vulkleur in rood en maak een cirkel. Het doet er niet toe als het niet perfect is: je kunt het steeds aanpassen. Activeer het vervormgereedschap, en klik op de cirkel. Het verandert naar een soort verwerkingsmodus wat gemakkelijk te zien aan de kleine groene punt in het midden en de witte rechthoek rond de cirkel. Je kunt de cirkel verplaatsen door het beet te nemen aan zijn groene punt in het midden.<br /> <br /> [[Image:synfig_tut_3.png|450px|center|thumb]]<br /> <br /> Dit zijn de eerste stappen om een object te tekenen en het te verplaatsen, maar is nog geen animatie. Laten we nu eens kijken hoe dat werkt.<br /> <br /> == Beweging toevoegen ==<br /> <br /> In het eigenschappenvenster heb je in het begin een waarde van twee seconden ingegeven. Daar de lengte van je animatie niet nul is heeft je canvasvenster (datgene waarin je tekent) onderaan een grijze tijdsglijder. Je kunt hierop klikken en een smalle oranje indicator geeft je positie in de tijd aan. Probeer om op verschillende plaaten op de tijdsglijder te klikken en merkt op dat het tekstveld aan de linkerzijde van de tijdsglijder steeds van waarde verandert. Je kunt je positie op de tijdsglijder aanpassen door de waardes in dat tekstveld te veranderen. Als je b.v. &quot;ls&quot; invult en op {{shortcut|enter}} drukt, zal de oranje indicator naar het midden van de tijdsglijder springen, &quot;2s&quot; invullen zal de indicator naar het einde van de tijdsglijder verplaatsen. <br /> <br /> {{Note|Opmerking|Op 2s zal de oranje indicator niet zichtbaar zijn. Dit komt omdat &quot;2s&quot; aan het rechteruiteinde van de tijdsglijder ligt, waardoor de indicator als het ware onzichtbaar wordt.}}<br /> Je merkt op dat er nog niets op het canvas verandert. Verander naar {{Literal|animeer verwerkingsmodus}} door op de groene punt te klikken aan de rechterkant van de grijze tijdsglijder (als je met versie 0.62.02 werkt, kun je een groene checkmark zien). De canvas zal nu een rode outline tonen; Dit herinnert je eraan dat veranderingen die je maakt aan de objecten je animatie aanpassen.<br /> <br /> [[Image:synfig_tut_4.png|450px|center|thumb]]<br /> <br /> Voorheen hebben we gemeld dat er drie &quot;stappen&quot; of &quot;stages&quot; nodig zijn. Deze worden voorgesteld door zogenaamde {{l|keyframe|keyframes}}. (In geval je bekend bent met videoencoding: Neen, het is niet hetzelfde!) Een keyframe is een afbeelding in de tijd waarop iets belangrijks met het object gebeurt.<br /> <br /> Ga naar het keyframespaneel &amp;mdash; klik op het kleine tabje met het icoon van een sleutel onderaan het venster &amp;mdash; om keyframes aan te passen. Klik nu op de kleine knop met het &quot;plus&quot; teken en je zou een nieuwe ingang moeten krijgen in de lijst die aangeeft {{Literal|0f, 0f, (JMP)}}.<br /> <br /> [[Image:Keyframes Panel.png|center|frame]]<br /> <br /> Ga nu naar het &quot;1s&quot; teken in de tijdsglijder. De kleine oranje indicator zou zich naar daar moeten verplaatsen. Voeg dan nog een keyframe toe door op het kleine plusteken te klikken. Herhaal deze handelingen wanneer de indicator van de tijdsglijder op &quot;2s&quot; staat (dit is aan het einde van je animatie). Nu zou je drie keyframes in de lijst moeten hebben.<br /> <br /> [[Image:Keyframes Panel 2.png|center|frame]]<br /> <br /> == De s'en en f'en: de tijdslijn begrijpen ==<br /> Misschien heb je al ontdekt wat die mysterieuze &quot;1s 10f&quot; type markeringen willen zeggen. Ze geven een specifiek punt op de tijdslijn aan, door een locatie in seconden (s) of in frames (f) weer te geven.<br /> <br /> Standaard wordt elke seconde in 24 frames verdeeld, zoals een meter op een meetlint is onderverdeeld in 100 centimeters. De framemarkeringen beginnen bij nul en gaan tot 24, waarna een nieuwe seconde wordt weergegeven en de teller van de frames terug op nul wordt geplaatst.<br /> <br /> B.v. wanneer er vijf hele seconden en drie frames gepasseerd zijn, zou de notatie door gebruik te maken van deze tijdslijn &quot;5s 3f&quot; moeten zijn.<br /> <br /> == De keyframe lijst ==<br /> <br /> De keyframe lijst is tamelijk gemakkelijk te begrijpen. Het toont de {{Literal|Time}} wat ongeveer gelijk is aan de starttijd, de {{Literal|Length}} wat zichzelf uitwijst, {{Literal|Jump}} die we in het volgende stuk zullen bespreken, en {{Literal|Description}} die opnieuw zichzelf uitwijst.<br /> <br /> Misschien vraag je je nu af wat de &quot;entries&quot; {{Literal|(JMP)}} betekenen. Dit zijn in feite links zoals weblinks: klik erop en de indicator in je tijdsglijder zal verspringen naar de correcte tijd.<br /> <br /> Je kunt dit gebruiken om je afbeeldingen voor een bepaald tijdstip te bewerken. B.v. je kunt nu springen naar de eerste seconde en de rode cirkel naar rechts verplaatsen. Zo, je hebt je eerste beweging, je eerste animatie met Synfig gemaakt!<br /> <br /> {{l|Image:synfig_tut_5.png|center|frame}}<br /> <br /> Waar bevindt zich nu deze animatie? Klik gewoon op een vrije positie op de tijdsglijder: je zult zien dat de rode cirkel op een nieuwe positie staat, één die je niet zelf hebt aangegeven! Dus wat is er gebeurd? Synfig wist wat je wilde doen, namelijk de cirkel verplaatsen, en tekende alle afbeeldingen tussen de keyframes. Elke afbeelding zal later een frame voorstellen in je animatie en de cirkel zal bewegen.<br /> <br /> Merk op dat het niet nodig is naar de laatste keyframe op &quot;2s&quot; te gaan en de cirkel terug naar links te verplaatsen. Keyframes laten Synfig toe de afbeeldingsplaatsen op een bepaald tijdstip te herinneren. Dat is waarom bij het verplaatsen van de positie van de cirkel op &quot;1s&quot;, het links bleef staan op &quot;2s&quot; (zoals ook op &quot;0s&quot;). Als je terug naar het parameterspaneel gaat, en kijkt naar de TimeTrackpanel, zul je merken dat er drie groene punten verschenen zijn aan de rechterkant van de {{Literal|Origin}} parameter. Deze worden {{L|Waypoints}} genoemd, en worden gebruikt om veranderingen van de parameterwaarden over de tijd aan te geven.<br /> <br /> [[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]<br /> <br /> == Het renderen van je animatie ==<br /> <br /> Voordat je de animatie kunt tonen, dien je je werk te renderen. Er zijn twee manieren om dit te doen: gebruik van Synfig Studio (zoals je tot nu toe steeds hebt gedaan) of het consoleprogramma &quot;Synfig&quot; uitvoeren.<br /> <br /> Laten we de eerste manier proberen. Verlaat de animatiebewerkingsmodus door op de rode punt in de tijdslijn editing widget te klikken, en sla je bestand op; b.v. onder de naam &quot;BasicKnighRider.sifz&quot;. Ga dan naar het menu in het Canvasvenster (de &quot;caret&quot;knop in de linkerbovenhoek) en selecteer {{c|File|Render}}. Verander de bestandsnaam in &quot;BasicKnighRider.gif&quot; in dezelfde map als waar je &quot;BasicKnighRider.sifz&quot; hebt opgeslagen en kies als formaat &quot;Gif in plaats van &quot;Auto&quot;, klik daarna op Render. Naargelang je processorsnelheid zal het een paar seconden duren, maar uiteindelijk zal de statusbalk in de afbeeldingsvenster (onderaan het venster) moeten vermelden &quot;File rendered succesfully&quot;.<br /> <br /> [[Image:synfig_tut_6.png|618px|thumb|center|&quot;Render&quot; oproepen vanuit het menu in Synfig Studio]] <br /> <br /> {{Note|Opmerking|De &quot;magick++&quot; target (als het beschikbaar is) maakt veel betere gifbestanden dan de &quot;gif&quot; target omdat het het palet voor de afbeelding kan optimaliseren.}}<br /> Open nu BasicKnighRider.gif in Firefox of een andere applicatie dat geanimeerde gifs kan weergeven. Firefox echter zal de gif voortdurend opnieuw spelen zodat je korte animatie langer wordt. Als je nu een rode cirkel ziet die van links naar rechts beweegt en terug, proficiat! Je hebt net je eerste animatie gemaakt.<br /> <br /> {{Note|Opmerking|Je kunt een preview zien van je animatie. Druk op de &quot;Caret&quot; menuknop in de linkerbovenhoek van het canvasvenster en kies {{c|File|Preview}}.}}<br /> Als je liever de console zou gebruiken om je animatie te renderen, open dan een console (op Windows, ga naar {{c|Start|Uitvoeren}}, typ {{Literal|cmd}} en druk op {{Shortcut|enter}}), ga naar de map waar je het bestand in opgeslagen hebt, en typ iets zoals:<br /> <br /> synfig -t gif BasicKnightRider.sifz<br /> <br /> Er verschijnen enkele boodschappen die op het ogenblik niet ter zake doen. Na een tijdje, naargelang je processorsnelheid, zal er uiteindelijk een regel verschijnen met de boodschap:<br /> <br /> BasicKnightRider.sifz ==&gt; BasicKnightRider.gif: DONE<br /> <br /> Dan ben je klaar en kun je de geanimeerde gif zien door gebruik te maken van Firefox of een ander programma zoals hierboven vermeld.<br /> <br /> == Besluit ==<br /> <br /> Het aanpassen van de positie van een object is natuurlijk niet het enige wat je met Synfig Studio kunt aanpassen. Andere mogelijkheden zijn het veranderen van de grootte, de outline, de kleur, etc... Synfig wordt verscheept met verschillende voorbeeldbestanden die je toelaten om verder de mogelijkheden te onderzoeken.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14427 2011-09-05T14:30:00Z

<p>ZENODotus: Blanked the page</p> <hr /> <div></div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Animation_Basics/nl&diff=14426 2011-09-05T14:28:31Z

<p>ZENODotus: Created page with &quot;&lt;!-- Page info --&gt; {{Title|Animatie basis}} {{Navigation|Category:Manual|Doc:Adding Layers}} Category:Manual Category:Tutorials Category:Tutorials Basic [[Category:Up...&quot;</p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Animatie basis}}<br /> {{Navigation|Category:Manual|Doc:Adding Layers}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> Het is zeer gemakkelijk in Synfig Studio om een animatie te maken. Het betekent eigenlijk gewoon om een afbeelding te veranderen &amp;mdash; Je dient gewoon de eerste en de laatste fase van een verandering aan te geven, en Synfig neemt de tussenstappen voor zijn rekening.<br /> <br /> Laten we een eenvoudig voorbeeld uitproberen. Neem eens een bewegend licht zoals dat van Kit van de Knight Rider auto. Als je het realisme laat voor wat het is heb je een cirkel die van links naar rechts beweegt en terug. Met andere woorden, je dient drie &quot;stappen&quot; of &quot;stages&quot; te maken.<br /> <br /> # De cirkel staat links<br /> # De cirkel staat rechts<br /> # De cirkel staat terug links<br /> <br /> == De werkplaats opstellen ==<br /> <br /> Laten we dat uitvoeren. Start Synfig Studio. Een nieuw bestand wordt bij het starten automatisch aangemaakt. Klik op het menu 'caret' (dit bevindt zich tussen de horizontale en verticale lignaal, in de linkderbovenhoek van het canvas) selecteer dan {{c|Edit|Properties}}. Een venster met canvasopties zal verschijnen.<br /> <br /> Geef je canvas een naam en omschrijving, klik dan op {{Literal|Apply}} (klik nog niet op {{Literal|OK}} &amp;mdash; we zijn nog niet klaar met het eigenschappenvenster. Ga naar de tab {{Literal|Time}} en bewerk de {{Literal|eindtijd}}. Verander &quot;5s&quot; in &quot;2s&quot; &amp;mdash; dat zorgt ervoor dat onze animatie twee seconden duurt.<br /> <br /> [[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialoogvenster]]<br /> <br /> Klik nu op &quot;OK&quot;, en maak een eenvoudige zwarte rechthoek dat als onze achtergrond dienst zal doen. Het is niet nodig om deze achtergrond over het hele canvas te vullen. Vink ook {{Literal|Low Res}} af die je bovenaan het canvasvenster vindt om de view mode van lage resolutie uit te schakelen - dit zorgt ervoor dat je afbeelding er beter afgewerkt uitziet. In het algemeen zorgt deze optie dat de snelheid voor het hertekenen van het canvas sneller verloopt, maar dat hebben wij hier niet nodig.<br /> <br /> [[Image:synfig_tut_2.png|450px|center|thumb]]<br /> <br /> Nu hebben we een cirkel nodig. Verander de vulkleur in rood en maak een cirkel. Het doet er niet toe als het niet perfect is: je kunt het steeds aanpassen. Activeer het vervormgereedschap, en klik op de cirkel. Het verandert naar een soort verwerkingsmodus wat gemakkelijk te zien aan de kleine groene punt in het midden en de witte rechthoek rond de cirkel. Je kunt de cirkel verplaatsen door het beet te nemen aan zijn groene punt in het midden.<br /> <br /> [[Image:synfig_tut_3.png|450px|center|thumb]]<br /> <br /> Dit zijn de eerste stappen om een object te tekenen en het te verplaatsen, maar is nog geen animatie. Laten we nu eens kijken hoe dat werkt.<br /> <br /> == Beweging toevoegen ==<br /> <br /> In het eigenschappenvenster heb je in het begin een waarde van twee seconden ingegeven. Daar de lengte van je animatie niet nul is heeft je canvasvenster (degene waarin je tekent) onderaan een grijze tijdsglijder. Je kunt hierop klikken en een smalle oranje indicator geeft je positie in de tijd aan. Probeer om op verschillende plaaten op de tijdsgelijder te klikken en merkt op dat het tekstveld aan de linkerzijde van de tijdsglijder steeds van waarde verandert. Je kunt je positie op de tijdgelijder aanpassen door de waardes in dat tekstveld te veranderen. Als je b.v. &quot;ls&quot; invult en op {{shortcut|enter}} drukt, zal de oranje indcator naar het midden van de tijdsgelijder springen, &quot;2s&quot; invullen zal de indicator naar het einde van de tijdsglijder verplaatsen. <br /> <br /> {{Note|Opmerking|Op 2s zal de oranje indicator niet zichtbaar zijn. Dit komt omdat &quot;2s&quot; aan het rechteruiteinde van de tijdsglijder ligt, waardoor de indicator als het ware onzichtbaar wordt.}}<br /> Je merkt op dat er nog niets op het canvas verandert. Verander naar {{Literal|animeer verwerkingsmodus}} door op de groene punt te klikken aan de rechterkant van de grijze tijdsglijder (als je met versie 0.62.02 werkt, kun je een groene checkmark zien). De canvas zal nu een rode outline tonen; Dit herinnert je eraan dat veranderingen die je maakt aan de objecten je animatie aanpassen.<br /> <br /> [[Image:synfig_tut_4.png|450px|center|thumb]]<br /> <br /> Voorheen hebben we gemeld dat er drie &quot;stappen&quot; of &quot;stages&quot; nodig zijn. Deze worden voorgesteld door zogenaamde {{l|keyframe|keyframes}}. (In geval je bekedt bent met videoencoding: Neen, het is niet hetzelfde!) Een keyframe is een afbeelding in de tijd waarop iets belangrijks met het object gebeurt.<br /> <br /> Ga naar het keyframespaneel &amp;mdash; klik op het kleine tabje met het icoon van een sleutel onderaan het venster &amp;mdash; om keyframes aan te passen. Klik nu op de kleine knop met het &quot;plus&quot; teken en je zou een nieuwe ingang moeten krijgen in de lijst die aangeeft {{Literal|0f, 0f, (JMP)}}.<br /> <br /> [[Image:Keyframes Panel.png|center|frame]]<br /> <br /> Ga nu naar het &quot;1s&quot; teken in de tijdsglijder. De kleine oranje indicator zou zich naar daar moeten verplaatsen. Voeg dan nog een keyframe toe door op het kleine plusteken te klikken. Herhaal deze handelingen wanneer de indicator van de tijdsglijder op &quot;2s&quot; staat (dit is aan het einde van je animatie). Nu zou je drie keyframes in de lijst moeten hebben.<br /> <br /> [[Image:Keyframes Panel 2.png|center|frame]]<br /> <br /> == De s'en en f'en: de tijdslijn begrijpen ==<br /> Misschien heb je al ontdekt wat die mysterieuze &quot;1s 10f&quot; type markeringen willen zeggen. Ze geven een specifiek punt op de tijdslijn aan, door een locatie in seconden (s) of in frames (f) weer te geven.<br /> <br /> Standaard wordt elke seconde in 24 frames verdeeld, zoals een meter op een meetlint is onderverdeeld in 100 centimeters. De frame markeringen beginnen bij nul en gaan tot 24, waarna een nieuwe seconde wordt weergegeven en de teller van de frames terug op nul wordt geplaatst.<br /> <br /> B.v. wanneer er vijf hele seconden en drie frames gepasseerd zijn, zou de notatie door gebruik te maken van deze tijdslijn &quot;5s 3f&quot; moeten zijn.<br /> <br /> == De keyframe lijst ==<br /> <br /> De keyframe lijst is tamelijk gemakkelijk te begrijpen. Het toont de {{Literal|Tijd}} wat ongeveer gelijk is aan de starttijd, de {{Literal|Length}} wat zichzelf uitwijst, {{Literal|Jump}} die we in het volgende stuk zullen bespreken, en {{Literal|Description}} die opnieuw zichzelf uitwijst.<br /> <br /> Misschien vraag je je nu af wat de &quot;entries&quot; {{Literal|(JMP)}} betekenen. Dit zijn in feite links zoals weblinks: klik erop en de indicator in je tijdsglijder zal verspringen naar de correcte tijd.<br /> <br /> Je kunt dit gebruiken om je afbeeldingen voor een bepaald tijdstip te bewerken. B.v. je kunt nu springen naar de eerste seconde en de rode cirkel naar rechts verplaatsen. Zo, je hebt je eerste beweging, je eerste animatie met Synfig gemaakt!<br /> <br /> {{l|Image:synfig_tut_5.png|center|frame}}<br /> <br /> Waar bevindt zich nu deze animatie? Klik gewoon op een vrije positie op de tijdsglijder: je zult zien dat de rode cirkel op een nieuwe positie staat, één die je niet zelf hebt aangegeven! Dus wat is er gebeurd? Synfig wist wat je wilde doen, namelijk de cirkel verplaaten, en tekende alle afbeeldingen tussen de keyframes. Elke afbeelding zal later een frame voorstellen in je animatie en de cirkel zal bewegen.<br /> <br /> Merk op dat het niet nodig is naar de laatste keyframe op &quot;2s&quot; te gaan en de cirkel terug naar links te verplaatsen. Keyframes laten Synfig toe de afbeeldingsplaatsen op een bepaald tijdstip te herinneren. Dat is waarom bij het verplaatsen van de positie van de cirkel op &quot;1s&quot;, het links bleef staan op &quot;2s&quot; (zoals ook op &quot;0s&quot;). Als je terug naar het parameterspaneel gaat, en kijkt naar de TimeTrackpanel, zul je merken dat er drie groene punten verschenen zijn aan de rechterkant van de {{Literal|Origin}} parameter. Deze worden {{L|Waypoints}} genoemd, en worden gebruikt om veranderingen van de parameterwaarden over de tijd aan te geven.<br /> <br /> [[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]<br /> <br /> == Het renderen van je animatie ==<br /> <br /> Voordat je de animatie kunt tonen, dien je je werk te renderen. Er zijn twee manieren om dit te doen: gebruik van Synfig Studio (zoals je tot nu toe steeds hebt gedaan) of het consoleprogramma &quot;Synfig&quot; uitvoeren.<br /> <br /> Laten we de eerste manier proberen. Verlaat de animatiebewerkingsmodus door op de rode punt in de tijdslijn editing widget te klikken, en sla je bestand op; b.v. onder de naam &quot;BasicKnighRider.sifz&quot;. Ga dan naar het menu in het Canvasvenster (de &quot;caret&quot;knop in de linkerbovenhoek) en selecteer {{c|File|Render}}. Verander de bestandsnaam in &quot;BasicKnighRider.gif&quot; in dezelfde map als waar je &quot;BasicKnighRider.sifz&quot; hebt opgeslagen en kies als formaat &quot;Gif in plaats van &quot;Auto&quot;, klik daarna op Render. Naargelang je processorsnelheid zal het een paar seconden duren, maar uiteindelijk zal de statusbalk in de afbeeldingsvenster (onderaan het venster) moeten vermelden &quot;File rendered succesfully&quot;.<br /> <br /> [[Image:synfig_tut_6.png|618px|thumb|center|Calling &quot;Render&quot; from menu in Synfig Studio]] <br /> <br /> {{Note|Opmerking|De &quot;magick++&quot; target (als het beschikbaar is) maakt veel betere gifbestanden dan de &quot;gif&quot; target omdat het het palet voor de afbeelding kan optimaliseren.}}<br /> Open nu BasicKnighRider.gif in Firefox of een andere applicatie dat geanimeerde gif's kan weergeven. Firefox echter zal de GIF voortdurend herspelen zodat je korte animatie langer wordt. Als je nu een rode cirkel ziet die van links naar rechts beweegt en terug, proficiat! Je hebt net je eerste animatie gemaakt.<br /> <br /> {{Note|Opmerking|Je kunt een preview zien van je animatie. Druk op de &quot;Caret&quot; menuknop in de linkerbovenhoek van het canvesvenster en kies {{c|File|Preview}}.}}<br /> Als je liever de konsole zou gebruiken om je animatie te renderen, open dan een konsole (op Windows, ga naar {{c|Start|Uitvoeren}}, typ {{Literal|cmd}} en druk op {{Shortcut|enter}}), ga naar de map waar je het bestand in opgeslagen hebt, en typ iets zoals:<br /> <br /> synfig -t gif BasicKnightRider.sifz<br /> <br /> Er verschijnen enkele boodschappen die op het ogenblik niet ter zake doen. Na een tijdje, naargelang je processorsnelheid, zal er uiteindelijk een regel verschijnen met de boodschap:<br /> <br /> BasicKnightRider.sifz ==&gt; BasicKnightRider.gif: DONE<br /> <br /> Dan ben je klaar en kun je de geanimeerde gif zien door gebruik te maken van Firefox of een ander programma zoals hierboven vermeld.<br /> <br /> == Besluit ==<br /> <br /> Het aanpassen van de positie van een object is natuurlijk niet het enige wat je met Synfig Studio kunt aanpassen. Andere mogelijkheden zijn het veranderen van de grootte, de outline, de kleur, etc... Synfig wordt verscheept met verschillende voorbeeldbestanden die je toelaten om verder de mogelijkheden te onderzoeken.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Adding_Layers/nl&diff=14425 2011-09-05T14:26:30Z

<p>ZENODotus: Created page with &quot;&lt;!-- Page info --&gt; {{Title|Animatie basis}} {{Navigation|Category:Manual|Doc:Adding Layers}} Category:Manual Category:Tutorials Category:Tutorials Basic [[Category:Up...&quot;</p> <hr /> <div>&lt;!-- Page info --&gt;<br /> {{Title|Animatie basis}}<br /> {{Navigation|Category:Manual|Doc:Adding Layers}}<br /> [[Category:Manual]]<br /> [[Category:Tutorials]]<br /> [[Category:Tutorials Basic]]<br /> [[Category:Updated]]<br /> &lt;!-- Page info end --&gt;<br /> <br /> == Inleiding ==<br /> <br /> Het is zeer gemakkelijk in Synfig Studio om een animatie te maken. Het betekent eigenlijk gewoon om een afbeelding te veranderen &amp;mdash; Je dient gewoon de eerste en de laatste fase van een verandering aan te geven, en Synfig neemt de tussenstappen voor zijn rekening.<br /> <br /> Laten we een eenvoudig voorbeeld uitproberen. Neem eens een bewegend licht zoals dat van Kit van de Knight Rider auto. Als je het realisme laat voor wat het is heb je een cirkel die van links naar rechts beweegt en terug. Met andere woorden, je dient drie &quot;stappen&quot; of &quot;stages&quot; te maken.<br /> <br /> # De cirkel staat links<br /> # De cirkel staat rechts<br /> # De cirkel staat terug links<br /> <br /> == De werkplaats opstellen ==<br /> <br /> Laten we dat uitvoeren. Start Synfig Studio. Een nieuw bestand wordt bij het starten automatisch aangemaakt. Klik op het menu 'caret' (dit bevindt zich tussen de horizontale en verticale lignaal, in de linkderbovenhoek van het canvas) selecteer dan {{c|Edit|Properties}}. Een venster met canvasopties zal verschijnen.<br /> <br /> Geef je canvas een naam en omschrijving, klik dan op {{Literal|Apply}} (klik nog niet op {{Literal|OK}} &amp;mdash; we zijn nog niet klaar met het eigenschappenvenster. Ga naar de tab {{Literal|Time}} en bewerk de {{Literal|eindtijd}}. Verander &quot;5s&quot; in &quot;2s&quot; &amp;mdash; dat zorgt ervoor dat onze animatie twee seconden duurt.<br /> <br /> [[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialoogvenster]]<br /> <br /> Klik nu op &quot;OK&quot;, en maak een eenvoudige zwarte rechthoek dat als onze achtergrond dienst zal doen. Het is niet nodig om deze achtergrond over het hele canvas te vullen. Vink ook {{Literal|Low Res}} af die je bovenaan het canvasvenster vindt om de view mode van lage resolutie uit te schakelen - dit zorgt ervoor dat je afbeelding er beter afgewerkt uitziet. In het algemeen zorgt deze optie dat de snelheid voor het hertekenen van het canvas sneller verloopt, maar dat hebben wij hier niet nodig.<br /> <br /> [[Image:synfig_tut_2.png|450px|center|thumb]]<br /> <br /> Nu hebben we een cirkel nodig. Verander de vulkleur in rood en maak een cirkel. Het doet er niet toe als het niet perfect is: je kunt het steeds aanpassen. Activeer het vervormgereedschap, en klik op de cirkel. Het verandert naar een soort verwerkingsmodus wat gemakkelijk te zien aan de kleine groene punt in het midden en de witte rechthoek rond de cirkel. Je kunt de cirkel verplaatsen door het beet te nemen aan zijn groene punt in het midden.<br /> <br /> [[Image:synfig_tut_3.png|450px|center|thumb]]<br /> <br /> Dit zijn de eerste stappen om een object te tekenen en het te verplaatsen, maar is nog geen animatie. Laten we nu eens kijken hoe dat werkt.<br /> <br /> == Beweging toevoegen ==<br /> <br /> In het eigenschappenvenster heb je in het begin een waarde van twee seconden ingegeven. Daar de lengte van je animatie niet nul is heeft je canvasvenster (degene waarin je tekent) onderaan een grijze tijdsglijder. Je kunt hierop klikken en een smalle oranje indicator geeft je positie in de tijd aan. Probeer om op verschillende plaaten op de tijdsgelijder te klikken en merkt op dat het tekstveld aan de linkerzijde van de tijdsglijder steeds van waarde verandert. Je kunt je positie op de tijdgelijder aanpassen door de waardes in dat tekstveld te veranderen. Als je b.v. &quot;ls&quot; invult en op {{shortcut|enter}} drukt, zal de oranje indcator naar het midden van de tijdsgelijder springen, &quot;2s&quot; invullen zal de indicator naar het einde van de tijdsglijder verplaatsen. <br /> <br /> {{Note|Opmerking|Op 2s zal de oranje indicator niet zichtbaar zijn. Dit komt omdat &quot;2s&quot; aan het rechteruiteinde van de tijdsglijder ligt, waardoor de indicator als het ware onzichtbaar wordt.}}<br /> Je merkt op dat er nog niets op het canvas verandert. Verander naar {{Literal|animeer verwerkingsmodus}} door op de groene punt te klikken aan de rechterkant van de grijze tijdsglijder (als je met versie 0.62.02 werkt, kun je een groene checkmark zien). De canvas zal nu een rode outline tonen; Dit herinnert je eraan dat veranderingen die je maakt aan de objecten je animatie aanpassen.<br /> <br /> [[Image:synfig_tut_4.png|450px|center|thumb]]<br /> <br /> Voorheen hebben we gemeld dat er drie &quot;stappen&quot; of &quot;stages&quot; nodig zijn. Deze worden voorgesteld door zogenaamde {{l|keyframe|keyframes}}. (In geval je bekedt bent met videoencoding: Neen, het is niet hetzelfde!) Een keyframe is een afbeelding in de tijd waarop iets belangrijks met het object gebeurt.<br /> <br /> Ga naar het keyframespaneel &amp;mdash; klik op het kleine tabje met het icoon van een sleutel onderaan het venster &amp;mdash; om keyframes aan te passen. Klik nu op de kleine knop met het &quot;plus&quot; teken en je zou een nieuwe ingang moeten krijgen in de lijst die aangeeft {{Literal|0f, 0f, (JMP)}}.<br /> <br /> [[Image:Keyframes Panel.png|center|frame]]<br /> <br /> Ga nu naar het &quot;1s&quot; teken in de tijdsglijder. De kleine oranje indicator zou zich naar daar moeten verplaatsen. Voeg dan nog een keyframe toe door op het kleine plusteken te klikken. Herhaal deze handelingen wanneer de indicator van de tijdsglijder op &quot;2s&quot; staat (dit is aan het einde van je animatie). Nu zou je drie keyframes in de lijst moeten hebben.<br /> <br /> [[Image:Keyframes Panel 2.png|center|frame]]<br /> <br /> == De s'en en f'en: de tijdslijn begrijpen ==<br /> Misschien heb je al ontdekt wat die mysterieuze &quot;1s 10f&quot; type markeringen willen zeggen. Ze geven een specifiek punt op de tijdslijn aan, door een locatie in seconden (s) of in frames (f) weer te geven.<br /> <br /> Standaard wordt elke seconde in 24 frames verdeeld, zoals een meter op een meetlint is onderverdeeld in 100 centimeters. De frame markeringen beginnen bij nul en gaan tot 24, waarna een nieuwe seconde wordt weergegeven en de teller van de frames terug op nul wordt geplaatst.<br /> <br /> B.v. wanneer er vijf hele seconden en drie frames gepasseerd zijn, zou de notatie door gebruik te maken van deze tijdslijn &quot;5s 3f&quot; moeten zijn.<br /> <br /> == De keyframe lijst ==<br /> <br /> De keyframe lijst is tamelijk gemakkelijk te begrijpen. Het toont de {{Literal|Tijd}} wat ongeveer gelijk is aan de starttijd, de {{Literal|Length}} wat zichzelf uitwijst, {{Literal|Jump}} die we in het volgende stuk zullen bespreken, en {{Literal|Description}} die opnieuw zichzelf uitwijst.<br /> <br /> Misschien vraag je je nu af wat de &quot;entries&quot; {{Literal|(JMP)}} betekenen. Dit zijn in feite links zoals weblinks: klik erop en de indicator in je tijdsglijder zal verspringen naar de correcte tijd.<br /> <br /> Je kunt dit gebruiken om je afbeeldingen voor een bepaald tijdstip te bewerken. B.v. je kunt nu springen naar de eerste seconde en de rode cirkel naar rechts verplaatsen. Zo, je hebt je eerste beweging, je eerste animatie met Synfig gemaakt!<br /> <br /> {{l|Image:synfig_tut_5.png|center|frame}}<br /> <br /> Waar bevindt zich nu deze animatie? Klik gewoon op een vrije positie op de tijdsglijder: je zult zien dat de rode cirkel op een nieuwe positie staat, één die je niet zelf hebt aangegeven! Dus wat is er gebeurd? Synfig wist wat je wilde doen, namelijk de cirkel verplaaten, en tekende alle afbeeldingen tussen de keyframes. Elke afbeelding zal later een frame voorstellen in je animatie en de cirkel zal bewegen.<br /> <br /> Merk op dat het niet nodig is naar de laatste keyframe op &quot;2s&quot; te gaan en de cirkel terug naar links te verplaatsen. Keyframes laten Synfig toe de afbeeldingsplaatsen op een bepaald tijdstip te herinneren. Dat is waarom bij het verplaatsen van de positie van de cirkel op &quot;1s&quot;, het links bleef staan op &quot;2s&quot; (zoals ook op &quot;0s&quot;). Als je terug naar het parameterspaneel gaat, en kijkt naar de TimeTrackpanel, zul je merken dat er drie groene punten verschenen zijn aan de rechterkant van de {{Literal|Origin}} parameter. Deze worden {{L|Waypoints}} genoemd, en worden gebruikt om veranderingen van de parameterwaarden over de tijd aan te geven.<br /> <br /> [[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]<br /> <br /> == Het renderen van je animatie ==<br /> <br /> Voordat je de animatie kunt tonen, dien je je werk te renderen. Er zijn twee manieren om dit te doen: gebruik van Synfig Studio (zoals je tot nu toe steeds hebt gedaan) of het consoleprogramma &quot;Synfig&quot; uitvoeren.<br /> <br /> Laten we de eerste manier proberen. Verlaat de animatiebewerkingsmodus door op de rode punt in de tijdslijn editing widget te klikken, en sla je bestand op; b.v. onder de naam &quot;BasicKnighRider.sifz&quot;. Ga dan naar het menu in het Canvasvenster (de &quot;caret&quot;knop in de linkerbovenhoek) en selecteer {{c|File|Render}}. Verander de bestandsnaam in &quot;BasicKnighRider.gif&quot; in dezelfde map als waar je &quot;BasicKnighRider.sifz&quot; hebt opgeslagen en kies als formaat &quot;Gif in plaats van &quot;Auto&quot;, klik daarna op Render. Naargelang je processorsnelheid zal het een paar seconden duren, maar uiteindelijk zal de statusbalk in de afbeeldingsvenster (onderaan het venster) moeten vermelden &quot;File rendered succesfully&quot;.<br /> <br /> [[Image:synfig_tut_6.png|618px|thumb|center|Calling &quot;Render&quot; from menu in Synfig Studio]] <br /> <br /> {{Note|Opmerking|De &quot;magick++&quot; target (als het beschikbaar is) maakt veel betere gifbestanden dan de &quot;gif&quot; target omdat het het palet voor de afbeelding kan optimaliseren.}}<br /> Open nu BasicKnighRider.gif in Firefox of een andere applicatie dat geanimeerde gif's kan weergeven. Firefox echter zal de GIF voortdurend herspelen zodat je korte animatie langer wordt. Als je nu een rode cirkel ziet die van links naar rechts beweegt en terug, proficiat! Je hebt net je eerste animatie gemaakt.<br /> <br /> {{Note|Opmerking|Je kunt een preview zien van je animatie. Druk op de &quot;Caret&quot; menuknop in de linkerbovenhoek van het canvesvenster en kies {{c|File|Preview}}.}}<br /> Als je liever de konsole zou gebruiken om je animatie te renderen, open dan een konsole (op Windows, ga naar {{c|Start|Uitvoeren}}, typ {{Literal|cmd}} en druk op {{Shortcut|enter}}), ga naar de map waar je het bestand in opgeslagen hebt, en typ iets zoals:<br /> <br /> synfig -t gif BasicKnightRider.sifz<br /> <br /> Er verschijnen enkele boodschappen die op het ogenblik niet ter zake doen. Na een tijdje, naargelang je processorsnelheid, zal er uiteindelijk een regel verschijnen met de boodschap:<br /> <br /> BasicKnightRider.sifz ==&gt; BasicKnightRider.gif: DONE<br /> <br /> Dan ben je klaar en kun je de geanimeerde gif zien door gebruik te maken van Firefox of een ander programma zoals hierboven vermeld.<br /> <br /> == Besluit ==<br /> <br /> Het aanpassen van de positie van een object is natuurlijk niet het enige wat je met Synfig Studio kunt aanpassen. Andere mogelijkheden zijn het veranderen van de grootte, de outline, de kleur, etc... Synfig wordt verscheept met verschillende voorbeeldbestanden die je toelaten om verder de mogelijkheden te onderzoeken.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13921 2011-02-26T12:24:58Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<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 /> &lt;!-- Page info end --&gt;<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|Gereedschapskist}} &amp;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}} &amp;mdash; Toont je werk en animatie. <br /> * {{l|Category:Panelen}} &amp;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 /> Het middelste venster is het {{L|Canvasvenster}}. Telkens Synfig Studio wordt opgestart verschijnt er een nieuw Canvasvenster. Niet dat het op het ogenblik veel voor je betekent, maar dit venster vertegenwoordigt de {{l|hoofdcanvas}}. Dat is uiteraard niet erg &amp;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 venstermenu}} verschijnen. Als je in de canvasomgeving 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 vensters (één onderaan, en één rechts) zijn aanpasbare {{l|dock dialogs|dockvensters}}. 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 je voorkeur. 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 nieuwe dockvenster dat gemaakt wordt te sluiten), hoef je niet te panikeren. Ga gewoon naar het {{l|Gereedschapskist}}, 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|Lagenpaneel}} &amp;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|Parameterpaneel}} &amp;mdash; Toont je de parameters van de laag die op dat moment geselecteerd is. Wanneer meerdere lagen geselecteerd zijn zullen enkel de parameters die de geselecteerde lagen gemeenschappelijk hebben, getoond worden.<br /> * {{l|Categorical Help#Synfig Dialogs|Optiepaneel}} &amp;mdash; Toont de specifieke opties van het geselecteerde gereedschap.<br /> * {{l|Navigator|Navigator}} &amp;mdash; toont een kleine afbeelding van hoe het geselecteerde canvas eruit ziet. Je kunt inzoomen en met dit paneel de focus verschuiven. <br /> * {{l|Geschiedenispaneel}} &amp;mdash; Toont de geschiedenis van de verrichte bewerkingen op de huidige compositie. Je kunt tevens de acties in de geschiedenis bewerken. <br /> <br /> Er zijn in Synfig Studio nog vele andere {{l|panel|panelen}}. Als je geen idee hebt 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 het algemeen een enkel &quot;Primitief&quot; 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 honderden lagen te hebben (die georganiseerd zijn in een hiërarchie naar de logica van de artiest uiteraard).<br /> #Een laag kan niet alleen informatie geven over de onderliggende afbeelding, 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 Canvasvenster, of in het geïllustreerde {{l|Lagenpaneel}}), zal je zijn parameters in het {{l|Parameterspaneel}} 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 de gereedschapskist 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 &quot;Circle Tool&quot; vermeld wordt). <br /> <br /> Wanneer je op het Cirkelgereedschap klikt, zou je moeten merken dat het {{l|optiepaneel van het gereedschap}} verandert. Daarover echter later meer.<br /> <br /> Wanneer het Cirkelgereedschap geselecteerd is kun je cirkels op het {{l|Canvasvenster}} tekenen. Dit werkt waarschijnlijk zoals je verwacht &amp;mdash; klik op het canvas, 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, maak 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 parameters 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 de Canvas docks.<br /> <br /> {{Note|Opmerking|Sommige gebruikers kunnen geconfronteerd worden met volgend probleem: Het kan zijn dat wanneer je met het cirkelgereeschap op het canvas 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 geef alle beschikbare invoerapparaten de waarde '''disabled'''. 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 de gereedschapskist en klik op het {{l|Vervormgereedschap}} (de blauwe cirkel met de pijl erop). Als je het vervormgereedschap hebt geselecteerd, klik je op één van je cirkels. De cirkel zal begrensd worden door een vierkant (wat op het ogenlijk nogal zinloos is), je zult een groene punt in het midden, en een blauwe punt op de radius zien. Deze punten worden &quot;{{l|duck|ducks}}&quot; 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 &amp;mdash; dit werkt zowel in het Canvasvenster als in het {{l|Lagenpaneel}}. Probeer het!<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 &amp;mdash; creëer gewoon een selectievenster door met de muis over de omgeving van de ducks die je wilt selecteren te slepen.<br /> <br /> &lt;!-- TODO: About rotating and scaling with Ctrl and Alt keys --&gt; <br /> <br /> Selecteer nu de twee cirkels en al hun ducks. Wanneer verschillende ducks geselecteerd 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 /> Het {{l|Rotate Tool|Draaien}} en {{l|Scale Tool|Schalen}}, werken ongeveer zoals het vervormen, 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 meebrengt. Als een bepaald gereedschap niet doet wat je wilt, kijk dan even in het {{l|Optiepaneel van het gereedschap}} 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 &amp;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 en houd je dan de {{Shortcut|ctrl}} toets ingedrukt bij het selecteren van de tweede. 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 &amp;mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &amp;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 parameterspaneel, en door {{Literal|Link}} te selecteren.<br /> <br /> == Selectie van kleuren ==<br /> <br /> 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 selector, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &amp;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 middel 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 &amp;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 steeds niet de kleur van de cirkel aangepast. Er zijn drie manieren om dit te doen. De eerste is door op het {{Literal|vulgereedschap}} in de gereedschapskist 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 Parameterpaneel 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 parameters 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 https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13913 2011-02-23T15:57:46Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<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 /> &lt;!-- Page info end --&gt;<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|Gereedschapskist}} &amp;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}} &amp;mdash; Toont je werk en animatie. <br /> * {{l|Category:Panelen}} &amp;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 /> Het middelste venster is het {{L|Canvasvenster}}. Telkens Synfig Studio wordt opgestart verschijnt er een nieuw Canvasvenster. Niet dat het op het ogenblik veel voor je betekent, maar dit venster vertegenwoordigt de {{l|hoofdcanvas}}. Dat is uiteraard niet erg &amp;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 venstermenu}} verschijnen. Als je in de canvasomgeving 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 vensters (één onderaan, en één rechts) zijn aanpasbare {{l|dock dialogs|dockvensters}}. 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 je voorkeur. 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 nieuwe dockvenster dat gemaakt wordt te sluiten), hoef je niet te panikeren. Ga gewoon naar het {{l|Gereedschapskist}}, 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|Lagenpaneel}} &amp;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|Parameterpaneel}} &amp;mdash; Toont je de parameters van de laag die op dat moment geselecteerd is. Wanneer meerdere lagen geselecteerd zijn zullen enkel de parameters die de geselecteerde lagen gemeenschappelijk hebben, getoond worden.<br /> * {{l|Categorical Help#Synfig Dialogs|Optiepaneel}} &amp;mdash; Toont de specifieke opties van het geselecteerde gereedschap.<br /> * {{l|Navigator|Navigator}} &amp;mdash; toont een kleine afbeelding van hoe het geselecteerde canvas eruit ziet. Je kunt inzoomen en met dit paneel de focus verschuiven. <br /> * {{l|Geschiedenispaneel}} &amp;mdash; Toont de geschiedenis van de verrichte bewerkingen op de huidige compositie. Je kunt tevens de acties in de geschiedenis bewerken. <br /> <br /> Er zijn in Synfig Studio nog vele andere {{l|panel|panelen}}. Als je geen idee hebt 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 het algemeen een enkel &quot;Primitief&quot; 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 honderden lagen te hebben (die georganiseerd zijn in een hiërarchie naar de logica van de artiest uiteraard).<br /> #Een laag kan niet alleen informatie geven over de onderliggende afbeelding, 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 Canvasvenster, of in het geïllustreerde {{l|Lagenpaneel}}), zal je zijn parameters in het {{l|Parameterspaneel}} 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 de gereedschapskist 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 &quot;Circle Tool&quot; vermeld wordt). <br /> <br /> Wanneer je op het Cirkelgereedschap klikt, zou je moeten merken dat het {{l|optiepaneel van het gereedschap}} verandert. Daarover echter later meer.<br /> <br /> Wanneer het Cirkelgereedschap geselecteerd is kun je cirkels op het {{l|Canvasvenster}} tekenen. Dit werkt waarschijnlijk zoals je verwacht &amp;mdash; klik op het canvas, 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, maak 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 parameters 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 de Canvas docks.<br /> <br /> {{Note|Opmerking|Sommige gebruikers kunnen geconfronteerd worden met volgend probleem: Het kan zijn dat wanneer je met het cirkelgereeschap op het canvas 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 geef alle beschikbare invoerapparaten de waarde '''disabled'''. 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 de gereedschapskist en klik op het {{l|Vervormgereedschap}} (de blauwe cirkel met de pijl erop). Als je het vervormgereedschap hebt geselecteerd, klik je op één van je cirkels. De cirkel zal begrensd worden door een vierkant (wat op het ogenlijk nogal zinloos is), je zult een groene punt in het midden, en een blauwe punt op de radius zien. Deze punten worden &quot;{{l|duck|ducks}}&quot; 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 &amp;mdash; dit werkt zowel in het Canvasvenster als in het {{l|Lagenpaneel}}. Probeer het!<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 &amp;mdash; creëer gewoon een selectievenster door met de muis over de omgeving van de ducks die je wilt selecteren te slepen.<br /> <br /> &lt;!-- TODO: About rotating and scaling with Ctrl and Alt keys --&gt; <br /> <br /> Selecteer nu de twee cirkels en al hun ducks. Wanneer verschillende ducks geselecteerd 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 /> Het {{l|Rotate Tool|Draaien}} en {{l|Scale Tool|Schalen}}, werken ongeveer zoals het vervormen, 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 meebrengt. Als een bepaald gereedschap niet doet wat je wilt, kijk dan even in het {{l|Optiepaneel van het gereedschap}} 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 &amp;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 en houd je dan de {{Shortcut|ctrl}} toets ingedrukt bij het selecteren van de tweede. 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 &amp;mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &amp;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 parameterspaneel, en door {{Literal|Link}} te selecteren.<br /> <br /> == Selectie van kleuren ==<br /> <br /> 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 selecter, en andere dingen zoals de standaard blend methode en gradient zien. De outline/fill color widget werkt zoals je zou mogen verwachten &amp;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 &amp;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 https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13875 2011-02-20T14:02:53Z

<p>ZENODotus: </p> <hr /> <div>&lt;!-- Page info --&gt;<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 /> &lt;!-- Page info end --&gt;<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|Gereedschapskist}} &amp;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}} &amp;mdash; Toont je werk en animatie. <br /> * {{l|Category:Panelen}} &amp;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 /> Het middelste venster is het {{L|Canvasvenster}}. Telkens Synfig Studio wordt opgestart verschijnt er een nieuw Canvasvenster. Niet dat het op het ogenblik veel voor je betekent, maar dit venster vertegenwoordigt de {{l|hoofdcanvas}}. Dat is uiteraard niet erg &amp;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 venstermenu}} verschijnen. Als je in de canvasomgeving 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 vensters (één onderaan, en één rechts) zijn aanpasbare {{l|dock dialogs|dockvensters}}. 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 je voorkeur. 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 nieuwe dockvenster dat gemaakt wordt te sluiten), hoef je niet te panikeren. Ga gewoon naar het {{l|Gereedschapskist}}, 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|Lagenpaneel}} &amp;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|Parameterpaneel}} &amp;mdash; Toont je de parameters van de laag die op dat moment geselecteerd is. Wanneer meerdere lagen geselecteerd zijn zullen enkel de parameters die de geselecteerde lagen gemeenschappelijk hebben, getoond worden.<br /> * {{l|Categorical Help#Synfig Dialogs|Optiepaneel}} &amp;mdash; Toont de specifieke opties van het geselecteerde gereedschap.<br /> * {{l|Navigator|Navigator}} &amp;mdash; toont een kleine afbeelding van hoe het geselecteerde canvas eruit ziet. Je kunt inzoomen en met dit paneel de focus verschuiven. <br /> * {{l|Geschiedenispaneel}} &amp;mdash; Toont de geschiedenis van de verrichte bewerkingen op de huidige compositie. Je kunt tevens de acties in de geschiedenis bewerken. <br /> <br /> Er zijn in Synfig Studio nog vele andere {{l|panel|panelen}}. Als je geen idee hebt 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 het algemeen een enkel &quot;Primitief&quot; 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 honderden lagen te hebben (die georganiseerd zijn in een hiërarchie naar de logica van de artiest uiteraard).<br /> #Een laag kan niet alleen informatie geven over de onderliggende afbeelding, 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 Canvasvenster, of in het geïllustreerde {{l|Lagenpaneel}}), zal je zijn parameters in het {{l|Parameterspaneel}} 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 de gereedschapskist 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 &quot;Circle Tool&quot; vermeld wordt). <br /> <br /> Wanneer je op het Cirkelgereedschap klikt, zou je moeten merken dat het {{l|optiepaneel van het gereedschap}} verandert. Daarover echter later meer.<br /> <br /> Wanneer het Cirkelgereedschap geselecteerd is kun je cirkels op het {{l|Canvasvenster}} tekenen. Dit werkt waarschijnlijk zoals je verwacht &amp;mdash; klik op het canvas, 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, maak 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 parameters 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 de Canvas docks.<br /> <br /> {{Note|Opmerking|Sommige gebruikers kunnen geconfronteerd worden met volgend probleem: Het kan zijn dat wanneer je met het cirkelgereeschap op het canvas 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 geef alle beschikbare invoerapparaten de waarde '''disabled'''. 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 de gereedschapskist en klik op het {{l|Vervormgereedschap}} (de blauwe cirkel met de pijl erop). Als je het vervormgereedschap hebt geselecteerd, klik je op één van je cirkels. De cirkel zal begrensd worden door een vierkant (wat op het ogenlijk nogal zinloos is), je zult een groene punt in het midden, en een blauwe punt op de radius zien. Deze punten worden &quot;{{l|duck|ducks}}&quot; 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 &amp;mdash; dit werkt zowel in het Canvasvenster als in het {{l|Lagenpaneel}}. Probeer het!<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 &amp;mdash; creëer gewoon een selectievenster door met de muis over de omgeving van de ducks die je wilt selecteren te slepen.<br /> <br /> &lt;!-- TODO: About rotating and scaling with Ctrl and Alt keys --&gt; <br /> <br /> Selecteer nu de twee cirkels en al hun ducks. Wanneer verschillende ducks geselecteerd 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 /> Het {{l|Rotate Tool|Draaien}} en {{l|Scale Tool|Schalen}}, werken ongeveer zoals het vervormen, 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 meebrengt. Als een bepaald gereedschap niet doet wat je wilt, kijk dan even in het {{l|Optiepaneel van het gereedschap}} 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 &amp;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 &amp;mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &amp;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 &amp;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 &amp;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 https://wiki.synfig.org/index.php?title=Doc:Getting_Started/nl&diff=13846 2011-02-18T11:59:38Z

<p>ZENODotus: Created page with '&lt;!-- Page info --&gt; {{Title|Getting Started}} {{Navigation|Category:Manual|Doc:Animation_Basics}} {{Category|Manual}} {{Category|Tutorials}} {{Category|Tutorials Basic}} {{Categor…'</p> <hr /> <div>&lt;!-- Page info --&gt;<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 /> &lt;!-- Page info end --&gt;<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}} &amp;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}} &amp;mdash; Toont je werk en animatie. <br /> * {{l|Category:Panels}} &amp;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 &amp;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 &amp;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}} &amp;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}} &amp;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}} &amp;mdash; Toont de specifieke opties van het geselecteerde gereedschap.<br /> * {{l|Navigator|Navigator}} &amp;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}} &amp;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 &quot;Primitief&quot; 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 &quot;Cirkle Tool&quot; 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 &amp;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 &quot;{{l|duck|ducks}}&quot; 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 &amp;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 &amp;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 &amp;mdash; creëer gewoon een selectievenster door met de muis over de omgeving van de ducks die je wilt selecteren te slepen.<br /> <br /> &lt;!-- TODO: About rotating and scaling with Ctrl and Alt keys --&gt; <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 &amp;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 &amp;mdash; de andere zal mee veranderen. Dit is hoe {{l|outline Layer|outlines}} gelinkt worden aan hun {{l|Region layer|regio's}} &amp;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 &amp;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 &amp;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 https://wiki.synfig.org/index.php?title=Doc:Overview/nl&diff=13710 2011-02-14T13:16:53Z

<p>ZENODotus: </p> <hr /> <div>Synfig Studio is een open-bron, 2D vector animatie programma. Het is ontworpen om animaties van film-kwaliteit te produceren met minder mensen of bronnen.<br /> <br /> Zoals je waarschijnlijk weet is animatie de snelle weergave van een opeenvolgend aantal afbeeldingen zodat de illusie van beweging wordt gewekt. Traditioneel wordt 2D animatie gemaakt door afbeeldingen afzonderlijk te tekenen. Deze afbeeldingen worden &quot;frames&quot; genoemd. Deze methode wordt &quot;Frame-by-frame animatie&quot; genoemd. De illusie van beweging vereist heel wat zulke frames. Deze methode is traag en vereist heel wat tijd en bronnen.<br /> <br /> Synfig Studio gebruikt twee technieken om deze frames te tekenen:<br /> <br /> * Morphing animatie<br /> * Cutout animatie <br /> <br /> Morphing neemt twee afbeeldingen en maakt een vlotte overgang tussen de twee. Dit wordt gedaan door één vorm in de andere te laten overgaan, vaak wordt hierbij gebruik gemaakt van controle punten. Synfig studio vervormt vectorafbeeldingen automatisch. Animatie wordt simpelweg verkregen door afbeeldingen op sleutelposities op relatief brede tijdsintervallen te plaatsen. De artiest voorziet in zoveel frames als nodig om een basis gevoel van beweging voor een scène te creëren. Synfig studio zelf zorgt voor het ontwerpen van de tussenliggende frames.<br /> <br /> Cutout animatie wordt gecreëerd door objecten in verschillende delen te splitsen en er vervolgens op verschillende tijdstippen enkele simpele transformaties op toe te passen (zoals vertaling, rotatie of schalen). Synfig Studio gebruikt deze waarden om de beweging van de tussenliggende frames te interpoleren.<br /> <br /> In beide gevallen bestaat de rol van Synfig Studio erin om de gaten tussen frames (ook &quot;sleutelframes genoemd) te vullen om vlotte en vloeiende animaties te produceren. Dit proces wordt &quot;tweening&quot; genoemd. Maar tweening is niet het enige voordeel van Synfig Studio.<br /> <br /> Terwijl Synfig Studio niet direct bedoeld is om animaties frame-by-frame te teken, kan het gebruikt worden om handgemaakte frame-by-frame animaties van film-kwaliteit te creëren. De artiest zet alle bitmapdata in elk frame om naar een vector formaat. Dit proces, &quot;tracing&quot; genoemd, wordt over het algemeen gedaan, door handmatig vectorvormen bovenop de bitmap-afbeeldingen te plaatsen. Sommige gekke en fascinerende effecten kunnen toegepast worden tijdens het creatieproces om een professionele look van de animatie te bekomen.<br /> <br /> Synfig Studio geeft je op een flexibele manier controle over terugkerende data, zoals kleuren, karakteristieken van de uitlijning, texturen, afbeeldingen en veel meer - zelfs animatietrajecten en hun acties (sets). Hergebruik van terugkerende data wordt bekomen door linking. En voor grotere animatieprojecten, heeft Synfig studio de kracht om een programma naar je voldoening af te leveren.<br /> <br /> Tussen het gewone linken van stukken data, kun je ook relaties tussen hen definiëren door gebruik te maken van een aantal functies. Dit laat de artiest toe om automatische animaties te creëren gebaseerd op voorgedefinieerde regels en brengt het hele animatieproces op een hoger niveau.<br /> <br /> De eigenschappen van Synfig Studio worden in deze handleiding uitvoerig beschreven.</div>

ZENODotus https://wiki.synfig.org/index.php?title=Doc:Overview/nl&diff=13709 2011-02-14T08:47:06Z

<p>ZENODotus: Overzicht</p> <hr /> <div>Synfig Studio is een open-bron, 2D vector animatie programma. Het is ontworpen om animaties van film-kwaliteit te produceren met minder mensen of bronnen.<br /> <br /> Zoals je waarschijnlijk weet is animatie de snelle weergave van een opeenvolgend aantal afbeeldingen zodat de illusie van beweging wordt gewekt. Traditioneel wordt 2D animatie gemaakt door afbeeldingen afzonderlijk te tekenen. Deze afbeeldingen worden &quot;frames&quot; genoemd. Deze methode wordt &quot;Frame-by-frame animatie&quot; genoemd. De illusie van beweging vereist heel wat zulke frames. Deze methode is traag en vereist heel wat tijd en bronnen.<br /> <br /> Synfig Studio gebruikt twee technieken om deze frames te tekenen:<br /> <br /> * Morphing animatie<br /> * Cutout animatie <br /> <br /> Morphing neemt twee afbeeldingen en maakt een vlotte overgang tussen de twee. Dit wordt gedaan door één vorm in de andere te laten overgaan, vaak wordt hierbij gebruik gemaakt van controle punten. Synfig studio vervormt vectorafbeeldingen automatisch. Animatie wordt simpelweg verkregen door afbeeldingen op sleutelposities op relatief brede tijdsintervallen te plaatsen. De artiest voorziet in zoveel frames als nodig om een basis gevoel van beweging voor een scène te creëren. Synfig studio zelf zorgt voor het ontwerpen van de tussenliggende frames.<br /> <br /> Cutout animatie wordt gecreëerd door objecten in verschillende delen te splitsen en er vervolgens op verschillende tijdstippen enkele simpele transformaties op toe te passen (zoals vertaling, rotatie of schalen). Synfig Studio gebruikt deze waarden om de beweging van de tussenliggende frames te interpoleren.<br /> <br /> In beide gevallen bestaat de rol van Synfig Studio erin om de gaten tussen frames (ook &quot;sleutelframes genoemd) te vullen om vlotte en vloeiende animaties te produceren. Dit proces wordt &quot;tweening&quot; genoemd. Maar tweening is niet het enige voordeel van Synfig Studio.<br /> <br /> Terwijl Synfig Studio niet direct bedoeld is om animaties frame-by-frame te teken, kan het gebruikt worden om handgemaakte frame-by-frame animaties van film-kwaliteit te creëren. De artiest zet alle bitmapdata in elk frame om naar een vector formaat. Dit proces, &quot;tracing&quot; genoemd, wordt over het algemeen gedaan, door handmatig vectorvormen bovenop de bitmap-afbeeldingen te plaatsen. Sommige gekke en fascinerende effecten kunnen toegepast worden tijdens het creatieproces om een professionele look van de animatie te bekomen.<br /> <br /> Synfig Studio geeft je op een flexibele manier controle over terugkerende data, zoals kleuren, karakteristieken van de uitlijning, texturen, afbeeldingen en veel meer - zelfs animatietrajecten en hun acties (sets). Hergebruik van terugkerende data wordt bekomen door linking. En voor grotere animatieprojecten, heeft Synfig studio de kracht om een programma naar je voldoening af te leveren.<br /> <br /> Tussen het gewone linken van stukken data, kun je ook relaties tussen hen definiëren door gebruik te maken van een aantal functies. Dit laat de artiest toe om automatische animaties te creëren gebaseerd op voorgedefinieerde regels en brengt het hele animatieproces op een hoger niveau.<br /> <br /> De eigenschappen van Synfig Studio wordt in deze handleiding uitvoerig beschreven.</div>

ZENODotus