Doc:Adding Layers/nl - Revision history

ZENODotus at 00:44, 28 September 2011

2011-09-28T00:44:58Z

ZENODotus at 00:43, 28 September 2011

2011-09-28T00:43:51Z

ZENODotus at 00:41, 28 September 2011

2011-09-28T00:41:02Z

ZENODotus at 00:08, 28 September 2011

2011-09-28T00:08:32Z

Genete: Fix categories

2011-09-24T07:16:44Z

Fix categories

ZENODotus at 10:55, 7 September 2011

2011-09-07T10:55:31Z

ZENODotus at 10:53, 7 September 2011

2011-09-07T10:53:42Z

ZENODotus at 10:53, 7 September 2011

2011-09-07T10:53:04Z

ZENODotus at 10:50, 7 September 2011

2011-09-07T10:50:22Z

ZENODotus: Blanked the page

2011-09-05T14:30:00Z

Blanked the page

@@ Line 27: / Line 27: @@
 [[Image:Adding-layers-tutorial-1.png|frame|center]]
-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.
+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.
 [[Image:Adding-layers-tutorial-2.png|frame|center]]
@@ Line 34: / Line 34: @@
 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.
-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.
+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.
 [[Image:Adding-layers-tutorial-3.png|frame|center]]

@@ Line 27: / Line 27: @@
 [[Image:Adding-layers-tutorial-1.png|frame|center]]
-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.
+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.
 [[Image:Adding-layers-tutorial-2.png|frame|center]]
@@ Line 34: / Line 34: @@
 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.
-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.
+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.
 [[Image:Adding-layers-tutorial-3.png|frame|center]]
@@ Line 50: / Line 50: @@
 [[Image:Adding-layers-tutorial-5.png|frame|center]]
-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 &mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.
+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 &mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.
 == Het gebruik van lagen om andere lagen aan te passen ==

@@ Line 21: / Line 21: @@
 == Lagen combineren ==
-Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.
+Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een kleurverloopeffect op een rechthoek te bekomen.
-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.
+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.
 [[Image:Adding-layers-tutorial-1.png|frame|center]]
-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.
+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.
 [[Image:Adding-layers-tutorial-2.png|frame|center]]
-{{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.}}
+{{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.}}
-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.
+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.
-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.
+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.
 [[Image:Adding-layers-tutorial-3.png|frame|center]]
-Je kunt deze laag op dezelfde manier behandelen als elke andere laag &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.
+Je kunt deze laag op dezelfde manier behandelen als elke andere laag &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.
 == Gebruik van lokalisatie ==
-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}}.
+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}}.
 [[Image:Adding-layers-tutorial-4.png|frame|center]]
-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.
+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.
 [[Image:Adding-layers-tutorial-5.png|frame|center]]
-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 &mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.
+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 &mdash; die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.
 == Het gebruik van lagen om andere lagen aan te passen ==
@@ Line 58: / Line 58: @@
 [[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]
-Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.
+Nu staat onze inline canvaslaag (met de rechthoek en het kleurverloop) net bovenop de laag van de twee cirkels.
 [[Image:Adding-layers-tutorial-7.png|center|frame]]
-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.
+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.
 [[Image:Adding-layers-tutorial-8.png|center|frame]]
@@ Line 80: / Line 80: @@
 == Verder graven... ==
-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.
+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.
-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}}.
+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}}.

@@ Line 10: / Line 10: @@
 == Inleiding ==
-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.
+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.
 Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:

@@ Line 2: / Line 2: @@
 {{Title|Toevoegen van lagen}}
 {{Navigation|Category:Manual|Doc:Creating_Shapes}}
-[[Category:Manual]]
+{{Category|Manual}}
-[[Category:Tutorials]]
+{{Category|Tutorials}}
-[[Category:Tutorials Basic]]
+{{Category|Tutorials Basic}}
 [[Category:Updated]]
 <!-- Page info end -->

← Older revision	Revision as of 10:50, 7 September 2011
Line 1:	Line 1:
	+	<!-- Page info -->
	+	{{Title\|Toevoegen van lagen}}
	+	{{Navigation\|Category:Manual\|Doc:Creating_Shapes}}
	+	[[Category:Manual]]
	+	[[Category:Tutorials]]
	+	[[Category:Tutorials Basic]]
	+	[[Category:Updated]]
	+	<!-- Page info end -->

	+	== Inleiding ==
	+
	+	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.
	+
	+	Lagen in Synfig zijn echter op tenminste drie aspecten verschillend ten opzichte van lagen in andere programma's:
	+	# Elk object, element of effect krijgt zijn eigen laag.
	+	# Je kunt lagen organiseren in hiërarchische groepen.
	+	# Je kunt bovenliggende lagen gebruiken om het gedrag (of het uiterlijk) van onderliggende lagen aan te passen.
	+
	+	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.
	+
	+	== Lagen combineren ==
	+
	+	Laten we eens kijken naar een simpel voorbeeld van hoe we twee lagen kunnen combineren om een gradient effect op een rechthoek te bekomen.
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-1.png\|frame\|center]]
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-2.png\|frame\|center]]
	+
	+	{{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.}}
	+	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.
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-3.png\|frame\|center]]
	+
	+	Je kunt deze laag op dezelfde manier behandelen als elke andere laag — 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.
	+
	+	== Gebruik van lokalisatie ==
	+
	+	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}}.
	+
	+	[[Image:Adding-layers-tutorial-4.png\|frame\|center]]
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-5.png\|frame\|center]]
	+
	+	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 — die laag vervagen. Alles onder het inline canvas zou niet vervaagd worden. laten we dat proberen.
	+
	+	== Het gebruik van lagen om andere lagen aan te passen ==
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-6-raise-layer.png\|center\|frame]]
	+
	+	Nu staat onze inline canvaslaag (met de rechthoek en de gradient) net bovenop de laag van de twee cirkels.
	+
	+	[[Image:Adding-layers-tutorial-7.png\|center\|frame]]
	+
	+	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.
	+
	+	[[Image:Adding-layers-tutorial-8.png\|center\|frame]]
	+
	+	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).
	+
	+	[[Image:Adding-layers-tutorial-10-composite-blur.png\|center\|frame]]
	+
	+	Het is dus nu vervaagd... Maar iets is niet helemaal correct — 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.
	+
	+	[[Image:Adding-layers-tutorial-11.png\|frame\|center]]
	+
	+	{{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.}}
	+
	+	Oké, nu hebben we de inhoud van de inline canvas vervaagd, maar alls onder dit canvas is scherp.
	+
	+	== Verder graven... ==
	+
	+	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.
	+
	+	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}}.

← Older revision		Revision as of 14:30, 5 September 2011
Line 1:		Line 1:
−	~~<!-- Page info -->~~
−	~~{{Title\|Animatie basis}}~~
−	~~{{Navigation\|Category:Manual\|Doc:Adding Layers}}~~
−	~~[[Category:Manual]]~~
−	~~[[Category:Tutorials]]~~
−	~~[[Category:Tutorials Basic]]~~
−	~~[[Category:Updated]]~~
−	~~<!-- Page info end -->~~

−	~~== Inleiding ==~~
−
−	Het is zeer gemakkelijk in Synfig Studio om een animatie te maken. Het betekent eigenlijk gewoon om een afbeelding te veranderen — Je dient gewoon de eerste en de laatste fase van een verandering aan te geven, en Synfig neemt de tussenstappen voor zijn rekening.
−
−	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 "stappen" of "stages" te maken.
−
−	~~# De cirkel staat links~~
−	~~# De cirkel staat rechts~~
−	~~# De cirkel staat terug links~~
−
−	~~== De werkplaats opstellen ==~~
−
−	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.
−
−	Geef je canvas een naam en omschrijving, klik dan op {{Literal\|Apply}} (klik nog niet op {{Literal\|OK}} — we zijn nog niet klaar met het eigenschappenvenster. Ga naar de tab {{Literal\|Time}} en bewerk de {{Literal\|eindtijd}}. Verander "5s" in "2s" — dat zorgt ervoor dat onze animatie twee seconden duurt.
−
−	~~[[Image:File Properties Dialog - End Time.png\|center\|frame\|Canvas Properties Dialoogvenster]]~~
−
−	Klik nu op "OK", 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.
−
−	~~[[Image:synfig_tut_2.png\|450px\|center\|thumb]]~~
−
−	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.
−
−	~~[[Image:synfig_tut_3.png\|450px\|center\|thumb]]~~
−
−	~~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.~~
−
−	~~== Beweging toevoegen ==~~
−
−	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. "ls" invult en op {{shortcut\|enter}} drukt, zal de oranje indcator naar het midden van de tijdsgelijder springen, "2s" invullen zal de indicator naar het einde van de tijdsglijder verplaatsen.
−
−	~~{{Note\|Opmerking\|Op 2s zal de oranje indicator niet zichtbaar zijn. Dit komt omdat "2s" aan het rechteruiteinde van de tijdsglijder ligt, waardoor de indicator als het ware onzichtbaar wordt.}}~~
−	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.
−
−	~~[[Image:synfig_tut_4.png\|450px\|center\|thumb]]~~
−
−	Voorheen hebben we gemeld dat er drie "stappen" of "stages" 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.
−
−	Ga naar het keyframespaneel — klik op het kleine tabje met het icoon van een sleutel onderaan het venster — om keyframes aan te passen. Klik nu op de kleine knop met het "plus" teken en je zou een nieuwe ingang moeten krijgen in de lijst die aangeeft {{Literal\|0f, 0f, (JMP)}}.
−
−	~~[[Image:Keyframes Panel.png\|center\|frame]]~~
−
−	Ga nu naar het "1s" 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 "2s" staat (dit is aan het einde van je animatie). Nu zou je drie keyframes in de lijst moeten hebben.
−
−	~~[[Image:Keyframes Panel 2.png\|center\|frame]]~~
−
−	~~== De s'en en f'en: de tijdslijn begrijpen ==~~
−	Misschien heb je al ontdekt wat die mysterieuze "1s 10f" 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.
−
−	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.
−
−	~~B.v. wanneer er vijf hele seconden en drie frames gepasseerd zijn, zou de notatie door gebruik te maken van deze tijdslijn "5s 3f" moeten zijn.~~
−
−	~~== De keyframe lijst ==~~
−
−	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.
−
−	~~Misschien vraag je je nu af wat de "entries" {{Literal\|(JMP)}} betekenen. Dit zijn in feite links zoals weblinks: klik erop en de indicator in je tijdsglijder zal verspringen naar de correcte tijd.~~
−
−	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!
−
−	~~{{l\|Image:synfig_tut_5.png\|center\|frame}}~~
−
−	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.
−
−	Merk op dat het niet nodig is naar de laatste keyframe op "2s" 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 "1s", het links bleef staan op "2s" (zoals ook op "0s"). 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.
−
−	~~[[Image:TimetrackOriginWaypoints.png\|thumb\|center\|450px]]~~
−
−	~~== Het renderen van je animatie ==~~
−
−	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 "Synfig" uitvoeren.
−
−	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 "BasicKnighRider.sifz". Ga dan naar het menu in het Canvasvenster (de "caret"knop in de linkerbovenhoek) en selecteer {{c\|File\|Render}}. Verander de bestandsnaam in "BasicKnighRider.gif" in dezelfde map als waar je "BasicKnighRider.sifz" hebt opgeslagen en kies als formaat "Gif in plaats van "Auto", 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 "File rendered succesfully".
−
−	~~[[Image:synfig_tut_6.png\|618px\|thumb\|center\|Calling "Render" from menu in Synfig Studio]]~~
−
−	~~{{Note\|Opmerking\|De "magick++" target (als het beschikbaar is) maakt veel betere gifbestanden dan de "gif" target omdat het het palet voor de afbeelding kan optimaliseren.}}~~
−	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.
−
−	~~{{Note\|Opmerking\|Je kunt een preview zien van je animatie. Druk op de "Caret" menuknop in de linkerbovenhoek van het canvesvenster en kies {{c\|File\|Preview}}.}}~~
−	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:
−
−	~~synfig -t gif BasicKnightRider.sifz~~
−
−	~~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:~~
−
−	~~BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE~~
−
−	~~Dan ben je klaar en kun je de geanimeerde gif zien door gebruik te maken van Firefox of een ander programma zoals hierboven vermeld.~~
−
−	~~== Besluit ==~~
−
−	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.