Doc:Flower Animation - Revision history

D.j.a.y: /* Basic settings */ formating

2016-10-10T08:59:01Z

‎Basic settings: formating

D.j.a.y: /* Adding the petals */ origin 0,0

2016-10-10T08:54:21Z

‎Adding the petals: origin 0,0

D.j.a.y: /* Basic settings */ origin to 0,0

2016-10-10T08:45:03Z

‎Basic settings: origin to 0,0

Synme: /* Animate the stem */

2016-02-06T17:22:06Z

‎Animate the stem

D.j.a.y: /* Basic settings */ update flowtutorial 0.png

2016-01-24T19:45:00Z

‎Basic settings: update flowtutorial 0.png

D.j.a.y: /* Basic settings */ udape FlowerTutorial 1 Canvas.png

2016-01-24T19:30:10Z

‎Basic settings: udape FlowerTutorial 1 Canvas.png

D.j.a.y: /* Basic settings */ update FlowerTutorial 2 Canvas.png

2016-01-24T19:25:40Z

‎Basic settings: update FlowerTutorial 2 Canvas.png

D.j.a.y: {{Category|Data Linking}}

2015-11-22T16:16:07Z

Eatmydata: grammatical error

2015-10-13T15:03:03Z

grammatical error

D.j.a.y: /* Next Steps */ update for basic bone tutorial

2015-09-01T09:21:06Z

‎Next Steps: update for basic bone tutorial

← Older revision		Revision as of 08:59, 10 October 2016
Line 21:		Line 21:

	Now that the trace of the form is closed, you can generate the proper form by selecting another tool or by pressing the button with the gear icon at the bottom of the {{l\|Tool Options Panel}}.		Now that the trace of the form is closed, you can generate the proper form by selecting another tool or by pressing the button with the gear icon at the bottom of the {{l\|Tool Options Panel}}.
		+	<br style="clear:both;">

	[[File:FlowerTutorial 1 Canvas.png\|center\|frame]]		[[File:FlowerTutorial 1 Canvas.png\|center\|frame]]

@@ Line 79: / Line 79: @@
 Now leave the {{Literal|Animate Editing Mode}} by clicking on the red circle at the right bottom of the canvas.
-Change the fill color to pink, and create a petal with the Spline Tool. You'll notice that the green {{l|handle|handle}} that allows easy movement of a shape is at the center of the canvas. Select all the vertices of the petal with {{Shortcut|Ctrl|a}} and move them close to the green handle (with the Transform Tool), as shown.
+Change the fill color to pink, and create a petal with the Spline Tool. You'll notice that the green {{l|handle|handle}} that allows easy movement of a shape is at the center ({{l|Origin Parameter}} : {{literal|0,0}}) of the canvas. Select all the vertices of the petal with {{Shortcut|Ctrl|a}} and move them close to the green handle (with the Transform Tool), as shown.
 [[File:FlowerTutorial 8 0.63.06.png|center|frame]]
@@ Line 91: / Line 91: @@
 Now that there's a link between the petal and the top of the stem, when the top of the stem moves, the petal will follow the move. (And if the green handle of the petal moves, the top of the stem will move, but we don't want to do that here.)
 On the Layers Panel, select the newly created Petal layer and duplicate it (with the third button, on the bottom of the Layers Panel). On the canvas, press {{Shortcut|Ctrl|A}} to select all the vertices of the duplicated petal, and move them a little, so the petals are no longer overlaid. (Don't move the green handle, just the orange ones). Repeat the process several time, to get something looking like this image.

@@ Line 25: / Line 25: @@
 This will be the base of the stem. You can tweak the tangent handles (red dots) a bit to make a rounder triangle. With the {{l|Transform Tool}}, right-click on each vertex and select {{Literal|Split Tangents}}, so the tangent handles of each vertex can be moved separately.
 [[File:FlowerTutorial 2 Canvas.png|center|frame]]
 == Animate the stem ==

@@ Line 36: / Line 36: @@
 {{l|Keyframe|Keyframes}} allow us to ''settle down'' the scene; i.e. on a keyframe, every element of the scene will have all its properties remembered.
 Click again on the timetrack, at {{Literal|4s 12f}} (ie 4.5s at 24 fps).
-Press the green circle at the bottom right of the canvas (or whatever icon you have there, depending on your icon theme) to switch to the {{l|Animate Editing Mode}} (the circle is now red).
+Press the green man at the bottom right of the canvas (or whatever icon you have there, depending on your icon theme) to switch to the {{l|Animate Editing Mode}} (the man is now red).
 With the {{l|Transform Tool}}, select the green sprout, and move the upper vertex up to make a stem.

@@ Line 12: / Line 12: @@
 In the {{l|Doc:Creating_Shapes|previous tutorial}}, you have learned to create shapes with the {{l|Spline Tool}}, in this tutorial we will learn how to create a simple animation of a growing flower using [[Doc:Creating Shapes|Splines]].
-[[File:FlowerTutorial 0 0.63.06.png|right|frame]] Start Synfig Studio &mdash; a new animation will be created. If you already have Synfig Studio started, select {{c|File|New}} in the toolbox.
+[[File:FlowerTutorial 0.png|right|frame]] Start Synfig Studio &mdash; a new animation will be created. If you already have Synfig Studio started, select {{c|File|New}} in the toolbox.
 First, we need to create a gradient for a background. Click on the outline and fill colors in the {{l|Toolbox}} to select the colors our gradient will have. You can also directly edit the gradient by clicking the gradient line in the toolbox.

@@ Line 22: / Line 22: @@
 Now that the trace of the form is closed, you can generate the proper form by selecting another tool or by pressing the button with the gear icon at the bottom of the {{l|Tool Options Panel}}.
-[[File:FlowerTutorial 1 Canvas 0.63.06.png|center|frame]]
+[[File:FlowerTutorial 1 Canvas.png|center|frame]]
 This will be the base of the stem. You can tweak the tangent handles (red dots) a bit to make a rounder triangle. With the {{l|Transform Tool}}, right-click on each vertex and select {{Literal|Split Tangents}}, so the tangent handles of each vertex can be moved separately.

@@ Line 27: / Line 27: @@
 We're done with the basic settings.
-[[File:FlowerTutorial 2 Canvas 0.63.06.png|center|frame]]
+[[File:FlowerTutorial 2 Canvas.png|center|frame]]
 == Animate the stem ==

@@ Line 5: / Line 5: @@
 {{Category|Tutorials}}
 {{Category|Tutorials Intermediate}}
-{{Category|Updated}}
+{{Category|Data Linking}}
 {{NewTerminology}}
 <!-- Page info end -->

@@ Line 10: / Line 10: @@
 == Basic settings ==
-In the {{l|Doc:Creating_Shapes|previous tutorial}}, you have learn to create shapes with the {{l|Spline Tool}}, in this tutorial we will learn how to create a simple animation of a growing flower using [[Doc:Creating Shapes|Splines]].
+In the {{l|Doc:Creating_Shapes|previous tutorial}}, you have learned to create shapes with the {{l|Spline Tool}}, in this tutorial we will learn how to create a simple animation of a growing flower using [[Doc:Creating Shapes|Splines]].
 [[File:FlowerTutorial 0 0.63.06.png|right|frame]] Start Synfig Studio &mdash; a new animation will be created. If you already have Synfig Studio started, select {{c|File|New}} in the toolbox.

@@ Line 138: / Line 138: @@
    You can download the project [[File:FlowerTutorial.sifz|FlowerTutorial]] used for the screenshots.
-== Next Steps ==
+== What's next==
-This is the end of the introductory tutorials. From here you can take a look at the {{l|Doc:Interface|Interface}} page, or continue reading or doing the rest of {{l|Category:Tutorials|Tutorials}}. The {{l|Category:Manual|Manual}} gives you a list of the available articles to read for a more complete understanding of Synfig.
+Synfig Studio have a {{l|Skeleton_Layer|Skeleton animation system}}, in the {{l|Doc:Basic_Bone_Tutorial|next step}} you will learn how to setup a basic skeleton.
 {{Navigation|Category:Manual|Doc:Basic_Bone_Tutorial}}