Synfig Studio :: Documentation - User contributions [en]

Doc:Getting Started/zh-cn

2016-01-25T08:53:43Z

Jcome: /* 联接概念 */

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{TOCright}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 1.0.png|900px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注释|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用选择框，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数联接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}也是通过这法子的 —我们有点超出这节的内容了。

联接是 Synfig 的一个基本性的概念。您可以创建的联接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameter|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2016-01-25T06:30:38Z

Jcome: /* 联接概念 */ 链接 --> 联接

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{TOCright}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 1.0.png|900px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注释|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用选择框，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数联接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

联接是 Synfig 的一个基本性的概念。您可以创建的联接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameter|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Luma Key Layer

2016-01-06T03:07:03Z

Jcome: /* About Luma Key Layer */ add a short description by Konstantion posted in maillist

{{Title|Luma Key Layer}}
{{Category|Layers}}
{{NewTerminology}}

[[File:Layer filter lumakey icon.png|64px]]

== About Luma Key Layer ==

FIXME!!!

The Luma Key layer does the following: For every pixel of image it assigns the alpha value, based on its Luminosity. For example, black pixels become 100% transparent. White pixels are absolutely opaque. Gray pixels are semi-transparent.

== Parameters of the Luma Key Layers ==

Parameters of the Luma Key Layers are:

{|border="0" align="left" style="border-collapse" cellpadding="3" cellspacing="0"
|-style="background:#silver"
|'''Name'''||'''Value'''||'''Type'''

|-style="background:#"
||{{l|Image:Real_icon.png|16px}} Z Depth
||0.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Real_icon.png|16px}} Amount
||1.000000
||real

|-style="background:#"
||{{l|Image:Integer_icon.png|16px}} Blend Method
||Composite
||integer

|}

Layers

2016-01-06T03:05:01Z

Jcome: /* {{l|Luma Key Layer|Luma Key}} */

{{Title|Layers}}
{{NewTerminology}}
{{TOCright}}

The following layer types are available in synfig:

== Blurs ==

=== {{l|Blur Layer|Blur}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Size
| Size of Blur
|-
| Type
| Type of blur to use
|}

Example: ( [http://www.youtube.com/watch?v=bmCpV2Q5lfI youtube] [http://www.musikboden.se/synfigfiles/blur.sif corresponding sif file] )

=== {{l|Motion Blur Layer|Motion Blur}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Aperture
| Shutter Time
|}

=== {{l|Radial Blur Layer|Radial Blur}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Point where you want the origin to be
|-
| Size
| Size of blur
|-
| Fade Out
|
|}

Example: ( [http://www.youtube.com/watch?v=X7V5e4A2xwk youtube] [http://www.musikboden.se/synfigfiles/radial_blur.sif corresponding sif file] )

== Distortions ==

=== {{l|Curve Warp Layer|Curve Warp}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Defines the where the center will be
|-
| Width
| How much is expanded the result perpendicular to the source line
|-
| Start Point
| First point of the source line
|-
| End Point
| Final point of the source line
|-
| Vertices
| List of Spline Points where the source line is curved to
|-
| Fast
| When checked, renders quickly but with artifacts
|}

=== {{l|Inside Out Layer|Inside Out}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Defines the where the center will be
|}

=== {{l|Noise Distort Layer|Noise Distort}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Displacement
| How much the distortion is displaced form its original position.
|-
| Size
| How much separated are two consecutive distortions .
|-
| Random Seed
| Defines the random generator number seed.
|-
| Interpolation
| What type of interpolation to use
|-
| Detail
| Lower/higher values produces less/more detailed distortions.
|-
| Animation Speed
| In times per second, defines the frequency of change of the distortion.
|-
| Turbulent
| When checked it produces turbulent distortions.
|}

Example: ( [http://www.youtube.com/watch?v=rc39nnd7R_4 youtube] [http://www.musikboden.se/synfigfiles/noise_distort_area.sif corresponding sif file] )

=== {{l|Spherize Layer|Spherize}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Position
| The center (or axis) of the distortion.
|-
| Radius
| Defines the radious of the distortion (spherize) or a half of the bar (vertical or horizontal bar)
|-
| Amount
| Defines how much convex (positive) or concave (negative) the distortion is
|-
| Clip
| When checked it only distorts inside the Radious area.
|-
| Distort Type
| The direction of the distortion (spherize, horizontal bar, vertical bar).
|}

Example: ( [http://www.youtube.com/watch?v=AZ3vjLqUTW0 youtube] [http://www.musikboden.se/synfigfiles/spherize_area.sif corresponding sif file] )

=== {{l|Stretch Layer|Stretch}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Amount
| Its distance to Center defines how much the image is stretched or is shrunk
|-
| Center
| The position from where the distortion is made.
|}

Example: ( [http://www.youtube.com/watch?v=JCkZgOloKZc youtube] [http://www.musikboden.se/synfigfiles/stretch_area.sif corresponding sif file] )

=== {{l|Twirl Layer|Twirl}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Center
| The position of the twirl distortion.
|-
| Radius
| This is the radius of the circle of the twirl distortion
|-
| Rotations
| Defines how many rotations (in DEG) the twirl produces.
|-
| Distort Inside
| Defines if the distortion is produced inside the radious area.
|-
| Distort Outside
| Defines if the distortion is produced outside the radious area.
|}

Example: ( [http://www.youtube.com/watch?v=eqqVuMa0WdQ youtube] [http://www.musikboden.se/synfigfiles/twirl_area.sif corresponding sif file] )

=== {{l|Warp Layer|Warp}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Source TL
| Top Left point of the source to warp.
|-
| Source BR
| Bottom Right point of the source to warp.
|-
| Dest TL
| Top Left point of the destination where to warp.
|-
| Dest TR
| Top Right point of the destination where to warp.
|-
| Dest BR
| Bottom Right point of the destination where to warp.
|-
| Dest BL
| Bottom Left point of the destination where to warp.
|-
| Clip
| When checked it only renders what is inside the source rectangle.
|-
| Horizon
| A number to define when to stop rendering when do a perspective warp. High values produces far horizons.
|}

Example: ( [http://www.youtube.com/watch?v=V3MY8VGtVGc youtube] [http://www.musikboden.se/synfigfiles/warp_area.sif corresponding sif file] )

== Filters ==

=== {{l|Clamp Layer|Clamp}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Invert Negative
| When checked invert the negative colors
|-
| Clamp Ceiling
| When checked the Ceiling value is used
|-
| Ceiling
| Upper boundary of the clamping
|-
| Floor
| Lower boundary of the clamping
|}

=== {{l|Color Correct Layer|Color Correct}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Hue Adjust
|
|-
| Brightness
|
|-
| Contrast
|
|-
| Exposure Adjust
|
|-
| Gamma Adjustment
|
|}

=== {{l|Halftone 2 Layer|Halftone 2}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Mask Offset
|
|-
| Mask Angle
|
|-
| Mask Size
|
|-
| Light Color
|
|-
| Dark Color
|
|-
| Type
|
|}

=== {{l|Halftone 3 Layer|Halftone 3}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Mask Size
|
|-
| Type
|
|-
| Subtractive Flag
|
|-
| <Channel Name>Color
|
|-
| <Channel Name>Mask Offset
|
|-
| <Channel Name>Mask Angle
|
|}

=== {{l|Luma Key Layer|Luma Key}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Z Depth
|
|-
| Amount
|
|-
| Blend Method
|
|}

== Fractals ==

=== {{l|Julia Set Layer|Julia Set}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Inside Color
| Color of the Set
|-
| Outside Color
| Color outside the Set
|-
| Color Shift
|
|-
| Iterations
|
|-
| Seed Point
|
|-
| Bailout ValueBase
|
|-
| Distort Inside
|
|-
| Shade Inside
|
|-
| Solid Inside
|
|-
| Invert Inside
|
|-
| Color Inside
|
|-
| Distort Outside
|
|-
| Shade Outside
|
|-
| Solid Outside
|
|-
| Invert Outside
|
|-
| Color Outside
|
|-
| Color Cycle
|
|-
| Smooth Outside
| Smooth the coloration outside the set
|-
| Break Set
| Modify equation to achieve interesting results
|}

=== {{l|Mandelbrot Set Layer|Mandelbrot Set}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Iterations
|
|-
| Bailout ValueBase
|
|-
| Break Set
| Modify equation to achieve interesting results
|-
| Distort Inside
|
|-
| Shade Inside
|
|-
| Solid Inside
|
|-
| Invert Inside
|
|-
| Gradient Inside
|
|-
| Offset Inside
|
|-
| Loop Inside
|
|-
| Distort Outside
|
|-
| Shade Outside
|
|-
| Solid Outside
|
|-
| Invert Outside
|
|-
| Gradient outside
|
|-
| Smooth Outside
| Smooth the coloration outside the set
|-
| Offset Outside
|
|-
| Scale Outside
|
|}

== Geometry ==

=== Common Parameters ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Z Depth
| Relative displacement of the depth of the layer inside the canvas
|-
| Amount
| Overall alpha amount of the layer.
|-
| Blend Method
| Type of blend method.
|}

=== {{l|Checkerboard Layer|Checkerboard}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Color of checkers.
|-
| Offset
| Displacement of the checkboard origin.
|-
| Size
| Size of checkers.
|}

=== {{l|Circle Layer|Circle}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Circle's color.
|-
| Radius
| Circle's radious.
|-
| Feather
| Circle feather amount.
|-
| Center
| Circle's center.
|-
| Invert
| Invert the circle
|-
| Falloff
| Determines the falloff function for the feather
|}

=== {{l|Outline Layer|Outline}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Outline's color.
|-
| Offset
| Displacement of the Outline from the (0,0).
|-
| Invert
| When checked it inverts alpha results of the layer.
|-
| Antialiasing
| When checked it produces antialiased renders for the layer.
|-
| Feather
| Outline feather amount.
|-
| Type of Feather
| Defines the type of feather.
|-
| Winding Style.
| Defines overlapping behavior.
|-
| Vertices
| A list of Spline Points
|-
| Outline Width
| Default widths of the points.
|-
| Expand
| Defines a value to add to the Outline width.
|-
| Sharp Cusps
| When chekced it produces sharp corners.
|-
| Rounded Begin
| Round off the begin tip
|-
| Rounded End
| Round off the end tip
|-
| Loopyness
|
|-
| Homogeneous
|
|}

=== {{l|Advanced_Outline_Layer|Advanced Outline}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Outline's color.
|-
| Offset
| Displacement of the Outline from the (0,0).
|-
| Invert
| When checked it inverts alpha results of the layer.
|-
| Antialiasing
| When checked it produces antialiased renders for the layer.
|-
| Feather
| Outline feather amount.
|-
| Type of Feather
| Defines the type of feather.
|-
| Winding Style.
| Defines overlapping behavior.
|-
| Vertices
| A list of Spline Points
|-
| Outline Width
| Default widths of the points.
|-
| Expand
| Defines a value to add to the Outline width.
|-
| Tip Type at Start
| Define the Tip Type of the first spline point when the spline is unlooped
|-
| Tip Type at End
| Define the Tip Type of the last spline point when the spline is unlooped
|-
| Cusps Type
| Determine Cusps Type
|-
| Smoothness
| Determine the interpolation between withpoints. (0) Linear, (1) Smooth
|-
| Homogeneous
| When true, witdhpoints position are spline length based.
|-
| Width Point List
| List of with point that defines the variable width
|-
| Fast
| When checked, outline render fast but less accurate
|-
| Dashed Outline
| When checked, outline is dashed
|-
| Dashed Item List
| List of dash items that defines the dashed outline
|-
| Dashed Item Offset
| Distance to Offset the Dash Items
|}

=== {{l|Polygon Layer|Polygon}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Vector List
| A list of Vector points.
|}

=== {{l|Rectangle Layer|Rectangle}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Rectangle's color.
|-
| Point 1
| Position of the first point of the diagonal
|-
| Point 2
| Position of the second point of the diagonal.
|-
| Expand amount
| Amount of expansion around the rectangle's edge.
|-
| Invert the rectangle
| If checked on inverts the alpha value of the layer.
|}

=== {{l|Region Layer|Region}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Region's color.
|-
| Offset
| Displacement of the Region from the (0,0).
|-
| Invert
| When checked it inverts alpha results of the layer.
|-
| Antialiasing
| When checked it produces antialiased renders for the layer.
|-
| Feather
| Outline feather amount.
|-
| Type of Feather
| Defines the type of feather.
|-
| Winding Style.
| Defines overlapping behavior.
|-
| Vertices
| A list of Spline Points
|}

=== {{l|Solid Color Layer|Solid Color}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
|
|}

=== {{l|Star Layer|Star}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Outer Radius
| The radius of the outer points in the star
|-
| Inner Radius
| The radius of the inner points in the star
|-
| Angle
| The orientation of the star
|-
| Points
| The number of points in the star
|}

== Gradients ==

=== {{l|Conical Gradient Layer|Conical Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Gradient
| The gradient that's going to be mapped to the cone.
|-
| Center
| The center of the cone.
|-
| Angle
| The angle where the beginning and the end of the gradient join.
|-
| Symmetric
| Cheked on produces a symmetrical gradient.
|}

=== {{l|Curve Gradient Layer|Curve Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Offset
| Relative displacement of the gradient respect to the Spline.
|-
| Width
| Default width of the gradient.
|-
| Vertices
| A list of Spline Points
|-
| Gradient
| The gradient parameter
|-
| Loop
| If chekced on produces a looped gradient.
|-
| ZigZag
| When checked on it produces a double gradient.
|-
| Perpendicular
| If chekced on it produces a perpendicular gradient to Spline instead of parallel.
|-
| Fast
| When cheked on it produces a faster render but less accurate gradient.
|}

=== {{l|Linear Gradient Layer|Linear Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Point 1
| First point of he gradient.
|-
| Point 2
| Second point of the gradient.
|-
| Gradient
| The gradient parameter
|-
| Loop
| If chekced on produces a looped gradient.
|-
| ZigZag
| When checked on it produces a double gradient.
|}

=== {{l|Noise Gradient Layer|Noise Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Gradient
| The gradient parameter.
|-
| Random Seed
| Defines the random generator number seed.
|-
| Size
| How much separated are two consecutive distortions
|-
| Interpolation
| What type of interpolation to use
|-
| Detail
| Lower/higher values produces less/more detailed distortions.
|-
| Animation Speed
| In times per second, defines the frequency of change of the distortion.
|-
| Turbulent
| When checked on it produces turbulent distortions.
|-
| Do Alpha
|
|-
| Super Sampling
| When chekced on produces more accurate results but slower renders.
|}

=== {{l|Radial Gradient Layer|Radial Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Gradient
| The gradient parameter
|-
| Center
| The center of the radial gradient.
|-
| Radius
| This is the radius of the circle.
|-
| Loop
| When cheked on it produces a looped gradient.
|-
| Zig-Zag
| When checked on it produces a double gradient.
|}

=== {{l|Spiral Gradient Layer|Spiral Gradient}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Gradient
| The gradient parameter
|-
| Center
| The center of the spiral gradient.
|-
| Radius
| This is the radius of the circle
|-
| Angle
| The amount of rotations of the spiral.
|-
| Clockwise
| When cheked on/off produces clockwise/counter-clockwise spiral gradient.
|}

== Other ==

=== {{l|Duplicate Layer|Duplicate}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Index
| Copy Index
|}

=== {{l|Import Image Layer|Import Image}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Filename
| File to import
|-
| Time Offset
| Time offset used for {{l|Doc:ListImporter|image sequence import}}.
|}

=== {{l|Group Layer|Group layer}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Point where you want the origin to be.
|-
| Transformation
| Offset, Angle, Skew angle and Scale of the Group
|-
| Canvas
| Canvas to paste
|-
| Zoom
| Amplification of the canvas (around the origin?)
|-
| Time Offset
| Time to rewind (negative) or fast forward (positive) the animation of the canvas
|-
| {{l|Lock Selection}}
| When checked on you cannot select a child layer by clicking on it.
|}

=== {{l|Switch Group Layer|Switch Layer}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Transformation
| Offset, Angle, Skew angle and Scale of the Group
|-
| Enable Transformation
| Enable or disable transformation
|-
| Canvas
| Canvas to paste
|-
| Speed
| Adjust child layer playing speed
|-
| Time Offset
| Time to rewind (negative) or fast forward (positive) the animation of the canvas
|-
| {{l|Lock Selection}}
| When checked on you cannot select a child layer by clicking on it.
|-
| Outline Grow
| Exponential value to grow children Outline layers width
|-
| Active Layer Name
| Only layer with specified name are visible
|}

=== {{l|Plant Layer|Plant}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Vertices
| A list of Spline Points
|-
| Gradient
| Gradient to be used for coloring the plant
|-
| Split Angle
| Angle by which each split deviates from its parent
|-
| Gravity
| Direction in which the shoots tend to face
|-
| Tangential Velocity
| Amount to which shoots tend to grow along the tangent to the Spline
|-
| Perpendicular Velocity
| Amount to which shoots tend to grow perpendicular to the tangent to the Spline
|-
| Stem Size
| Size of the stem
|-
| SizeAsAlpha
| If enabled, the alpha channel from the gradient is multiplied by the stem size, and an alpha of 1.0 is used when rendering
|-
| Step
| Measure of the distance between points when rendering
|-
| Seed
| Used to seed the pseudo-random number generator
|-
| Splits
| Maximum number of times that each sprout can sprout recursively
|-
| Sprouts
| Number of places that growth occurs on each Spline section
|-
| Random Factor
| Used to scale down all random effects. Set to zero to disable randomness
|-
| Drag
| Drag slows the growth
|}

=== {{l|Skeleton Layer|Skeleton}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Bones
| Static list of bones elements
|}

=== {{l|Skeleton Deformation Layer|Skeleton Deformation}} ===
{| border="1"
|-
! Parameter
! Description
|-
| Bones
| List of bones
|-
| Point 1
| First corner of the bounds rectangle
|-
| Point 2
| Second corner of the bounds rectangle
|-
| Horizontal subdivisions
| Count of horizontal subdivisions of the transformation grid
|-
| Vertical subdivisions
| Count of vertical subdivisions of the transformation grid
|}

=== {{l|Sound Layer|Sound}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Filename
| File to import
|-
| Delay
| Delay before play
|-
| Volume
| Volume of sound
|}

=== {{l|Stroboscope Layer|Stroboscope}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Frequency
| Frequency of the Stroboscope in times per second
|}

=== {{l|Super Sample Layer|Super Sample}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Width
| Width of sample area (In pixels)
|-
| Height
| Height of sample area (In pixels)
|-
| Use Parametric
| Use the Parametric Renderer
|-
| Be Alpha Safe
|
|}

=== {{l|Text Layer|Text}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Text
| Text to Render
|-
| Color
| Color of the text
|-
| Font Family
| You could use values "Sans", "Times" or "Courier" for system fonts here. If you have ttf font file in the same dir as your sif/sifz file, then you may specify it's name (without extension). If ttf font file is located in another directory, then you may specify absolute or relative path to it.
|-
| Style
|
|-
| Weight
|
|-
| Horizontal Spacing
| Describes how close glyphs are horizontally
|-
| Vertical Spacing
| Describes how close lines of text are vertically
|-
| Size
| Size of the text
|-
| Orientation
| Text Orientation. Set to 0.0 for left aligned, 0.5 for centered and/or 1.0 for right aligned.
|-
| Position
| Text Position
|-
| Kerning
| Enables/Disables font kerning (If the font supports it)
|-
| Sharpen Edges
| Turn this off if you are going to be animating the text
|-
| Invert
|
|}
Fonts that appear to work under Linux - Courier, Times, Serif, Verdana, Sans Serif. 
Fonts that appear to work under Windows - Arial, Times New Roman/Serif, Verdana/Sans Serif. Courier produces an interesting, but non-legible effect. 
Sans Serif appears to be the default if Synfig doesn't recognize the font.

=== {{l|TimeLoop Layer|Time Loop}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Link Time
| Time where the loop starts.
|-
| Local Time
| Used to line up the Offset time of the time loop.
|-
| Duration
| Amount of time of the time loop.
|-
| Only For Positive Duration
| Disable the Time Loop layer if Duration is <= 0.
|-
| Symmetrical
| Provides compatibility for the previous Time Loop layer version.
|}

Example : [http://www.youtube.com/watch?v=7ITHpCSc5Ok tutorial (youtube)]

=== {{l|XOR Pattern Layer|XOR Pattern}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Offset
|
|-
| Size
|
|}

== Stylize ==

=== {{l|Bevel Layer|Bevel}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Type
| Type of blur to use
|-
| Hi-Color
| High color (where the light comes from)
|-
| Lo-Color
| Low color (where the light goes to)
|-
| Light Angle
| Angle of the light of the Bevel.
|-
| Depth of Bevel
| Bigger values produce bigger Bevel depth.
|-
| Softness
| Blur amount of the Bevel.
|-
| Use Luma
| Use the luminance to calculate the light of the bevel
|-
| Solid
| If checked simulate of solid bevel
|}

=== {{l|Shade Layer|Shade}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Color of the shade
|-
| Offset
| Relative displacement of the shade respect to the shaded layer(s)
|-
| Size
| Size of blur of the shade
|-
| Type
| Type of blur to use
|-
| Invert
| When checked on inverts the alpha result of the shade.
|}

== Transform ==

=== {{l|Rotate Layer|Rotate}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Point where you want the origin to be
|-
| Amount
| Amount of rotation in degrees.
|}

=== {{l|Translate Layer|Translate}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Origin
| Point where you want the origin to be
|}

=== {{l|Scale Layer|Scale}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Amount
| Amount to scale in
|-
| Center
| Point to scale in to
|}

== Not Available ==

These layers are examples to aid developers in creating more layer types, but aren't included in binary releases of Synfig.

=== {{l|Shape Layer|Shape}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
| Layer_Shape Color
|-
| Offset
|
|-
| Invert
|
|-
| Antialiasing
|
|-
| Feather
|
|-
| Type of Feather
| Type of feathering to use
|-
| Winding Style
| Winding style to use
|}

=== {{l|Metaballs Layer|Metaballs}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
|
|-
| Points
|
|-
| Radii
|
|-
| Weights
|
|-
| Threshold
|
|}

=== {{l|Simple Circle Layer|Simple Circle}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
|
|-
| Center
|
|-
| Radius
| This is the radius of the circle
|}

=== {{l|Filled Rectangle Layer|Filled Rectangle}} ===

Parameters:
{| border="1"
|-
! Parameter
! Description
|-
| Color
|
|-
| Point 1
|
|-
| Point 2
|
|-
| Feather X
|
|-
| Feather Y
|
|-
| Bevel
|
|-
| Keep Bevel Circular
|
|}

Sets Panel

2015-12-12T02:49:39Z

Jcome: update screenshot

{{Title|Sets Panel}}
{{Category|Panels}}
{{Category|Synfig-0.63.04}}
{{NewTerminology}}

{{l|Image:Set_icon.png|64px}}

images outdated!

{{l|Image:Set_Panel.png|right}}
Suppose you have several shapes that you want to treat the same but they're scattered throughout your project, placed on different layers. Rather than expanding each {{l|Group Layer}} and individually selecting them each time you want to edit them, you can use Sets. To add some layers to a set select them in the {{l|Layers Panel}}, right click, and choose {{Literal|Add to Set}}. It will prompt you for a Set name. Type a name for a new, or existing set and click {{Literal|OK}}.

Now you can select that set and animate all those layers together (for instance, change all their amounts, or move their origins).

Current interaction with sets and its layers in Sets Panel can be described in following terms:

* Double click over a Set icon selects all its layers in the Layers Panel. '''It allows a multiple selection of scattered layers with just one double click'''. Notice that double click does not highlight the layers in the Sets Panel.
* Double click over a icon of a layer from a set, selects that layer on the Layers Panel and unselects all others.
* Double click holding {{Shortcut|ctrl}} key over a Set icon or layer icon from a set, adds the selection to the current one at the Layers Panel.
* Double click over a set or layer name allows to rename it.
* Clicking the checkbox on the left of layer icon will deactivate the layer in the Layers Panel.
* Clicking the checkbox near the set icon will deactivate all layers inside of this set.
* A layer in a set can be moved to any other set (empty or not).
* If the set is empty it can't be activated and won't be saved.
* Single left or right click over a Set makes it selected. You can use it to enable the {{Literal|Remove Set}} button.
* Single left click over layer in a set selects it. You can select multiple layers if you click holding {{Shortcut|ctrl}} or {{Shortcut|shift}} key, but the effect on subsequent commands only affect the layer that you right-click on.

Single right click over a layer in a set pops up the context menu with the same elements as you have for each layer in the {{L|Layers Panel}}:
* {{Literal|Select All Children}}: This menu entry appears only if the layer from the set is a Group layer. The behavior is the same as in the Layers Panel - all layers inside of the Group layer are selected.
* {{Literal|Add Layers to Set}}: Displays a dialog to enter a Set name and moves the select layer to the new set. Only works for the layer below the cursor when multiple selection is done.
* {{Literal|Remove Layers from a Set}}: Removes the selected layer from the set. Only one layer at a time can be removed. Even if multiple layers are selected only the layer below the cursor when right clicking is removed.
* {{Literal|Duplicate layer}}: Works the same as duplicate layer from the Layers Panel and also add the duplicated layer to the current Set. It works partially because you cannot duplicate multiple layers as in the Layers Panel. It only acts over the layer you did the right click. The selection is ignored.
* {{Literal|Group}}: It works the same as the {{Literal|Group}} layers from the Layers Panel but only affects to the layer where the right click is done.
* {{Literal|Remove Layer}}: It works the same as the {{Literal|Remove Layers}} from the Layers Panel but only affects to the layer where the right click is done.
* {{Literal|Set Layer Description}}: Displays a dialog for renaming the layer.
* {{Literal|Raise Layer / Lower Layer}}: Does the same than in the Layers Panel. It doesn't modify the position of the layer in the Set but the position in the Layers Panel hierarchy is modified as expected.

Notice, that a layer can only belong to one Set at a time. Adding a layer to a Set when it's already in previous set will remove it from the previous set.

Sets can be nested. You can make nested sets one of the following ways:

* by adding a layer to a set with a name containing dot as separator: "parent.child"
* by dragging a set inside other set.

The contents of the nested sets is selected when you double-click the parent set icon. Depending on what set level you click you can select more or less layers.

{{l|Image:groups_panel_nested_groups.png|center|thumb}}

For example making a double click on the 'All' Set will select Rotation and Image layers in once double click.

Regarding to the buttons:

* {{Literal|Add New Set}} button adds empty deactivated set.
* {{Literal|Remove Set}} button removes selected set. If the set contains other sets they are not recursively deleted, only the first child level of layers.

Also Sets scope is the current edited Canvas. That means that only the layers in a set that belong to the current Canvas being edited are show in the Sets Panel. It also means that Sets are File/Canvas dependent. It means that a layer can only belong to a set defined in its exported canvas scope. For example, if there are two canvases where B is the root one and A is a exported one hold by a Group Layer inside B, then a layer that belongs to exported canvas A can belong only to Sets defined at canvas A scope. Although you can select the layer from the outer root canvas (B) you cannot add it to a set defined at B scope. You can also have sets with the same name in different file/canvas scope. If a layer is dragged out from a pasted canvas and it belongs to a set, the set name is dragged out also.

{{l|Image:groups_panel_exported_canvas_group.png|center}}

----

Here are shown some examples of what can be done using sets for a complex file:

{| border = "2" align="center" style="" cellpadding="3" cellspacing="4"
|-
| '''Samples''' || '''Sets''' || '''Effects after double click on the highlighted Set'''
|-
|Sample1 || {{l|Image:Groups_sample1.png|center}} || {{l|Image:Groups_sample1_doubleclick_effect.png|center|thumb}}
|-
|
|-
|Sample2 || {{l|Image:Groups_sample2.png|center}} || {{l|Image:Groups_sample2_doubleclick_effect.png|center|thumb}}
|}

File:Set Panel.png

2015-12-12T02:46:04Z

Jcome: app version 1.0.2

app version 1.0.2

Sets Panel

2015-12-12T02:35:30Z

Jcome: update icon

{{Title|Sets Panel}}
{{Category|Panels}}
{{Category|Synfig-0.63.04}}
{{NewTerminology}}

{{l|Image:Set_icon.png|64px}}

images outdated!

{{l|Image:Groups_panel.png|right}}
Suppose you have several shapes that you want to treat the same but they're scattered throughout your project, placed on different layers. Rather than expanding each {{l|Group Layer}} and individually selecting them each time you want to edit them, you can use Sets. To add some layers to a set select them in the {{l|Layers Panel}}, right click, and choose {{Literal|Add to Set}}. It will prompt you for a Set name. Type a name for a new, or existing set and click {{Literal|OK}}.

Now you can select that set and animate all those layers together (for instance, change all their amounts, or move their origins).

Current interaction with sets and its layers in Sets Panel can be described in following terms:

* Double click over a Set icon selects all its layers in the Layers Panel. '''It allows a multiple selection of scattered layers with just one double click'''. Notice that double click does not highlight the layers in the Sets Panel.
* Double click over a icon of a layer from a set, selects that layer on the Layers Panel and unselects all others.
* Double click holding {{Shortcut|ctrl}} key over a Set icon or layer icon from a set, adds the selection to the current one at the Layers Panel.
* Double click over a set or layer name allows to rename it.
* Clicking the checkbox on the left of layer icon will deactivate the layer in the Layers Panel.
* Clicking the checkbox near the set icon will deactivate all layers inside of this set.
* A layer in a set can be moved to any other set (empty or not).
* If the set is empty it can't be activated and won't be saved.
* Single left or right click over a Set makes it selected. You can use it to enable the {{Literal|Remove Set}} button.
* Single left click over layer in a set selects it. You can select multiple layers if you click holding {{Shortcut|ctrl}} or {{Shortcut|shift}} key, but the effect on subsequent commands only affect the layer that you right-click on.

Single right click over a layer in a set pops up the context menu with the same elements as you have for each layer in the {{L|Layers Panel}}:
* {{Literal|Select All Children}}: This menu entry appears only if the layer from the set is a Group layer. The behavior is the same as in the Layers Panel - all layers inside of the Group layer are selected.
* {{Literal|Add Layers to Set}}: Displays a dialog to enter a Set name and moves the select layer to the new set. Only works for the layer below the cursor when multiple selection is done.
* {{Literal|Remove Layers from a Set}}: Removes the selected layer from the set. Only one layer at a time can be removed. Even if multiple layers are selected only the layer below the cursor when right clicking is removed.
* {{Literal|Duplicate layer}}: Works the same as duplicate layer from the Layers Panel and also add the duplicated layer to the current Set. It works partially because you cannot duplicate multiple layers as in the Layers Panel. It only acts over the layer you did the right click. The selection is ignored.
* {{Literal|Group}}: It works the same as the {{Literal|Group}} layers from the Layers Panel but only affects to the layer where the right click is done.
* {{Literal|Remove Layer}}: It works the same as the {{Literal|Remove Layers}} from the Layers Panel but only affects to the layer where the right click is done.
* {{Literal|Set Layer Description}}: Displays a dialog for renaming the layer.
* {{Literal|Raise Layer / Lower Layer}}: Does the same than in the Layers Panel. It doesn't modify the position of the layer in the Set but the position in the Layers Panel hierarchy is modified as expected.

Notice, that a layer can only belong to one Set at a time. Adding a layer to a Set when it's already in previous set will remove it from the previous set.

Sets can be nested. You can make nested sets one of the following ways:

* by adding a layer to a set with a name containing dot as separator: "parent.child"
* by dragging a set inside other set.

The contents of the nested sets is selected when you double-click the parent set icon. Depending on what set level you click you can select more or less layers.

{{l|Image:groups_panel_nested_groups.png|center|thumb}}

For example making a double click on the 'All' Set will select Rotation and Image layers in once double click.

Regarding to the buttons:

* {{Literal|Add New Set}} button adds empty deactivated set.
* {{Literal|Remove Set}} button removes selected set. If the set contains other sets they are not recursively deleted, only the first child level of layers.

Also Sets scope is the current edited Canvas. That means that only the layers in a set that belong to the current Canvas being edited are show in the Sets Panel. It also means that Sets are File/Canvas dependent. It means that a layer can only belong to a set defined in its exported canvas scope. For example, if there are two canvases where B is the root one and A is a exported one hold by a Group Layer inside B, then a layer that belongs to exported canvas A can belong only to Sets defined at canvas A scope. Although you can select the layer from the outer root canvas (B) you cannot add it to a set defined at B scope. You can also have sets with the same name in different file/canvas scope. If a layer is dragged out from a pasted canvas and it belongs to a set, the set name is dragged out also.

{{l|Image:groups_panel_exported_canvas_group.png|center}}

----

Here are shown some examples of what can be done using sets for a complex file:

{| border = "2" align="center" style="" cellpadding="3" cellspacing="4"
|-
| '''Samples''' || '''Sets''' || '''Effects after double click on the highlighted Set'''
|-
|Sample1 || {{l|Image:Groups_sample1.png|center}} || {{l|Image:Groups_sample1_doubleclick_effect.png|center|thumb}}
|-
|
|-
|Sample2 || {{l|Image:Groups_sample2.png|center}} || {{l|Image:Groups_sample2_doubleclick_effect.png|center|thumb}}
|}

File:Set icon.png

2015-12-12T02:34:33Z

Jcome: set panel icon

set panel icon

Group Layer

2015-10-23T04:20:17Z

Jcome: /* Parameters of Group Layers */

{{Title|Group Layer}}
{{TOCright}}
{{Category|Layers}}
{{NewTerminology}}

{{l|Image:Layer other group icon.png|64px}}

== About Group Layers==

The {{Literal|Group Layer}} is a special layer that can hold other layers. It is generated via the {{l|Group}} command accessed via the context menu in the {{l|Layers Panel}} or through the {{l|Layer Menu}} in the {{l|Canvas Menu Caret}}. As well as grouping a set of layers it can also translate them, scale them, and even modify the time for the layers it contains.

{{Literal|Group Layers}} can also be created through the {{l|New Layer Menu}}, using {{c|<New Layer>|<Other>|Group Layer|}}.

==Parameters of Group Layers==

The parameters of the {{Literal|Group Layers}} are:

{|border="0" align="none" style="border-collapse" cellpadding="3" cellspacing="0"
|-style="background:#c8c8c8"
|'''Name'''||'''Value'''||'''Type'''
|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter|Z Depth}}
||0.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Amount}}
||1.000000
||real

|-
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method|Blend Method}}
||Composite
||integer

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origin}}
||0.000000u,0.000000u
||vector

|-
||{{l|Group Layer#Transformation Parameter|Transformation}}
||0.000000, 0.000000, 0.00°, 60, 60
||transformation

|-style="background:#eeeeee"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Group Layer#Canvas Parameter|Canvas}}
||<No Image Selected>
||canvas

|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Speed|Speed}}
||1.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||real

|-
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Time Offset}}
||Of
||time

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Lock Selection}}
||
{| style="width:18px; height:16px" border="1"
|-
|}
||bool (Static)

|-
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point}}
||0.000000u,0.000000u
||vector

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Outline Grow|Outline Grow}}
||0.000000
||real

|-
||{{l|Image:Type_bool_icon.png|16px}} {{l|Group Layer#Z Depth Range Enabled|Z Range}}
||
{| style="width:18px; height:16px" border="1"
|-
|}
||bool

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Position|Z Range Position}}
||0.000000
||real

|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Depth|Z Range Depth}}
||1.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Transition|Z Range Blur}}
||0.000000
||real

|}

=== Transformation Parameter ===
The {{Literal|Transformation}} parameter is a composite parameter, it hold an Offset, a rotation angle, a skew angle and a scale value for the group. The {{Literal|Transformation}} parameter is already {{l|Convert#Composite|converted to composite}} when the {{l|Group Layer}} is created and so directly expose the {{l|Offset Parameter|Offset}}, {{l|Rotation Parameter|Rotation}}, {{l|Skew Parameter|Skew}} and {{l|Scale Parameter|Scale}} subparameters.

See also {{l|Group_Transformation_Widget}}

=== Canvas Parameter ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

This is "Group" by default if the {{Literal|Group Layers}} was created by grouping other layers, or {{Literal|No Image Selected}} if it was created from the {{l|New Layer Menu}}. This parameter lets you select another canvas.

The canvas parameter presents a drop-down menu of the exported canvases, plus an extra entry called "Other...". Selecting "Other..." presents the user with a text entry box asking for the name of the canvas to use. The name typed should have the following format (where <nowiki>[ ]</nowiki> indicates an optional part, ( ) is for grouping, and * means "0 or more times"):

<nowiki> [[filename]#][:]</nowiki>''id''(:''id'')*

In its simplest form, this is just an ''id'', ie. the exported name of one of the child canvases of the current canvas.

Other possibilities are:
* if a '#' is present, the part before the '#' is interpreted as the filename of an external .sif file to use.
* if the '#' is the first character of the string (ie. the filename is blank) then the '#' is ignored, and the current canvas is used instead
* if a ':' appears before the first ''id'', it means to start at the root canvas of the current canvas
* each subsequent :id steps down into the specified child

Examples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- gives the absolute path to a .sifz file, and says to use the canvas that was exported from its root canvas as "IndividualCard"
* '''../../examples/business_card.sifz#:IndividualCard''' -- the same, but with a relative path to the .sifz file
* '''#:sy:head:eyes:left''' -- look in the current composition, and starting from the root, navigate down through the canvas tree. Find a child canvas of the root canvas called 'sy', look in 'sy' for a child canvas called 'head', and so on.
* ''':sy:head:eyes:left''' -- exactly as above. an empty filename is the same as not using the '#' at all
* '''eyes:left''' -- without a ':' before the first ''id'', this starts at the current canvas (presumably the Group in question is in the "head" subcanvas of the "sy" subcanvas of the root)

=== Outline Grow Parameter ===
This parameter allows to control thickness of all outline layers inside. Assigning positive value to this parameter makes all child outlines rendered thicker, while negative value makes them look thinner. This feature is very helpful for tuning outlines in complex artwork and it also allows to achieve some nice effects like constant outline width at any zoom level.

Note: The {{Literal|Outline Grow}} parameter can not be applied to exported and imported (external) Groups layers.

{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
When checked, only layers inside range are visible and the visible layers are signaled with bolded font in the {{l|Layers_Panel}}
====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
====Z Depth Range Transition====
Z_Depth area where layers inside are partially visible.

Example of Z Range use : http://www.youtube.com/watch?v=UPpmOz0wUY4

===Speed===
Alters the velocity group's child animated layers (not the {{literal|Group Layer}} itself)

Set it to zero, it would stop the animation. A value of one makes the animation run at normal speed and a value of two makes it run double speed. Minus one reverses the animation.

Group Layer

2015-10-23T04:07:12Z

Jcome: /* Parameters of Group Layers */ remove Parameter from table and following the order of parameters in app panel

{{Title|Group Layer}}
{{TOCright}}
{{Category|Layers}}
{{NewTerminology}}

{{l|Image:Layer other group icon.png|64px}}

== About Group Layers==

The {{Literal|Group Layer}} is a special layer that can hold other layers. It is generated via the {{l|Group}} command accessed via the context menu in the {{l|Layers Panel}} or through the {{l|Layer Menu}} in the {{l|Canvas Menu Caret}}. As well as grouping a set of layers it can also translate them, scale them, and even modify the time for the layers it contains.

{{Literal|Group Layers}} can also be created through the {{l|New Layer Menu}}, using {{c|<New Layer>|<Other>|Group Layer|}}.

==Parameters of Group Layers==

The parameters of the {{Literal|Group Layers}} are:

{|border="0" align="none" style="border-collapse" cellpadding="3" cellspacing="0"
|-style="background:#c8c8c8"
|'''Name'''||'''Value'''||'''Type'''
|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter|Z Depth}}
||0.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Amount}}
||1.000000
||real

|-
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method|Blend Method}}
||Composite
||integer

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origin}}
||0.000000u,0.000000u
||vector

|-
||{{l|Group Layer#Transformation Parameter|Transformation}}
||0.000000, 0.000000, 0.00°, 60, 60
||transformation

|-style="background:#eeeeee"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Group Layer#Canvas Parameter|Canvas}}
||<No Image Selected>
||canvas

|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Speed|Speed}}
||1.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||real

|-
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Time Offset}}
||Of
||time

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Lock Selection}}
||
{| style="width:18px; height:16px" border="1"
|-
|}
||bool (Static)

|-
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point}}
||0.000000u,0.000000u
||vector

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Outline Grow|Outline Grow}}
||0.000000
||real

|-
||{{l|Image:Type_bool_icon.png|16px}} {{l|Group Layer#Z Depth Range Enabled|Z Depth Range}}
||
{| style="width:18px; height:16px" border="1"
|-
|}
||bool

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Position|Depth Range Position}}
||0.000000
||real

|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Depth|Z Depth Range Depth}}
||1.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Group Layer#Z Depth Range Transition|Z Depth Range Transition}}
||0.000000
||real

|}

=== Transformation Parameter ===
The {{Literal|Transformation}} parameter is a composite parameter, it hold an Offset, a rotation angle, a skew angle and a scale value for the group. The {{Literal|Transformation}} parameter is already {{l|Convert#Composite|converted to composite}} when the {{l|Group Layer}} is created and so directly expose the {{l|Offset Parameter|Offset}}, {{l|Rotation Parameter|Rotation}}, {{l|Skew Parameter|Skew}} and {{l|Scale Parameter|Scale}} subparameters.

See also {{l|Group_Transformation_Widget}}

=== Canvas Parameter ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

This is "Group" by default if the {{Literal|Group Layers}} was created by grouping other layers, or {{Literal|No Image Selected}} if it was created from the {{l|New Layer Menu}}. This parameter lets you select another canvas.

The canvas parameter presents a drop-down menu of the exported canvases, plus an extra entry called "Other...". Selecting "Other..." presents the user with a text entry box asking for the name of the canvas to use. The name typed should have the following format (where <nowiki>[ ]</nowiki> indicates an optional part, ( ) is for grouping, and * means "0 or more times"):

<nowiki> [[filename]#][:]</nowiki>''id''(:''id'')*

In its simplest form, this is just an ''id'', ie. the exported name of one of the child canvases of the current canvas.

Other possibilities are:
* if a '#' is present, the part before the '#' is interpreted as the filename of an external .sif file to use.
* if the '#' is the first character of the string (ie. the filename is blank) then the '#' is ignored, and the current canvas is used instead
* if a ':' appears before the first ''id'', it means to start at the root canvas of the current canvas
* each subsequent :id steps down into the specified child

Examples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- gives the absolute path to a .sifz file, and says to use the canvas that was exported from its root canvas as "IndividualCard"
* '''../../examples/business_card.sifz#:IndividualCard''' -- the same, but with a relative path to the .sifz file
* '''#:sy:head:eyes:left''' -- look in the current composition, and starting from the root, navigate down through the canvas tree. Find a child canvas of the root canvas called 'sy', look in 'sy' for a child canvas called 'head', and so on.
* ''':sy:head:eyes:left''' -- exactly as above. an empty filename is the same as not using the '#' at all
* '''eyes:left''' -- without a ':' before the first ''id'', this starts at the current canvas (presumably the Group in question is in the "head" subcanvas of the "sy" subcanvas of the root)

=== Outline Grow Parameter ===
This parameter allows to control thickness of all outline layers inside. Assigning positive value to this parameter makes all child outlines rendered thicker, while negative value makes them look thinner. This feature is very helpful for tuning outlines in complex artwork and it also allows to achieve some nice effects like constant outline width at any zoom level.

Note: The {{Literal|Outline Grow}} parameter can not be applied to exported and imported (external) Groups layers.

{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
When checked, only layers inside range are visible and the visible layers are signaled with bolded font in the {{l|Layers_Panel}}
====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
====Z Depth Range Transition====
Z_Depth area where layers inside are partially visible.

Example of Z Range use : http://www.youtube.com/watch?v=UPpmOz0wUY4

===Speed===
Alters the velocity group's child animated layers (not the {{literal|Group Layer}} itself)

Set it to zero, it would stop the animation. A value of one makes the animation run at normal speed and a value of two makes it run double speed. Minus one reverses the animation.

User:ChenYu

2014-05-06T15:52:58Z

Jcome: remove broken link address

just want to contribute to Synfig

User:Sillle

2014-04-24T03:36:25Z

Jcome: remove detailed prosonal information

flash动画师，工作经验2年，主要做逐帧动画。

Dev:UI/UX Redesign

2014-03-23T12:48:57Z

Jcome: /* Synfig Studio UX Design */

[[File:Synfig_Studio_UI_n_UX.png]]

== Bran New Synfig Studio ==

Dev:UI/UX Redesign

2014-03-23T12:46:49Z

Jcome: Created page with "File:Synfig_Studio_UI_n_UX.png == Synfig Studio UX Design =="

[[File:Synfig_Studio_UI_n_UX.png]]

== Synfig Studio UX Design ==

File:Synfig Studio UI n UX.png

2014-03-23T12:38:47Z

Jcome: Synfig Studio UX/UI Redesign

Synfig Studio UX/UI Redesign

Developer Documentation

2014-03-23T12:29:17Z

Jcome: add a UI redesign thread, plan to place some documents and mockups

The Developer Documentation part of this wiki is primarily for the following groups of people:

*Current developers of the code
*Future and potential developers
*Those interested in bug filing and generating ideas

Index:

* {{l|Dev:Build Instructions|Build Instructions}}
* [[Building Documentation|Building Documentation]]
* {{l|Dev:Source code|Source code}} description and workflow
* {{l|Dev:Roadmap|Roadmap}}
* {{l|Dev:Wish list|Wish List}}
* {{l|Dev:Coding_Conventions|Coding Conventions}}
* {{l|Dev:UI/UX Redesign|UI/UX Redesign}}

Synfig is divided into three main components: etl, synfig-core and synfig-studio.
* ETL is the extended template library. One of its most important components is the shared object class, which is the base class for most other parts of the application. Using "handles" to shared objects instead of c++ pointers provides garbage collection via reference counting.
* The core/command-line renderer ("synfig") contains the document data structure for the application: valuenodes, layers, and canvases.
* Synfig Studio ("synfig-studio") provides the gui for the application.
* See also: {{l|Dev:How Synfig Works|How Synfig Works}}

Complete coding tutorials:
* {{l|Dev:Adding a Layer|Adding a Layer}}
* Adding a Panel, {{l|Dev:Adding a Panel - Part I|Part I}} and {{l|Dev:Adding a Panel - Part I|Part II}}. Note: these are slightly out of date: please note that the directory "gtkmm" has been renamed to "gui" and some files were moved into subfolders.

Other:

* [http://download.tuxfamily.org/synfig/api/index.html ETL, Synfig, SynfigStudio Api documentation]
* [http://synfig.org/wiki/index.php?title=Special:PrefixIndex&from=&namespace=102 All Dev namespace pages]
* {{l|Dev:Translation|Translate the application}}
* {{l|Dev:Release|Release procedure}}
* {{l|Dev:GoogleSoC|Google Summer of Code}}

Draw Tool

2014-03-22T03:46:04Z

Jcome: /* Options */

{{Title|Draw Tool}}
{{Category|Tools}}
{{NewTerminology}}


{{l|Image:Draw_icon.png|64px}} '''ALT-D'''

The {{Literal|Draw Tool}} is the one that most artists will be familiar with. This {{l|Category:Tools|tool}} is best used with a drawing tablet, although it can be used with a mouse.

The {{Literal|Draw Tool}} can generate a {{l|Region Layer}}, an {{l|Outline Layer}} and an {{l|Advanced Outline Layer}} with pressure output from the tablet mapped to the line's width.

==Options==

;'''Create Outline'''

;'''Create Advanced Outline'''

;'''Create Region'''

;'''Auto Loop'''
:When the stroke of the {{Literal|Draw Tool}} ends near the beginning of the stroke, automatically connect the last {{l|Handle}} to the first.

;'''Auto Extend'''
:When the stroke begins and/or end at or near an endpoint {{l|Handle}} of another {{l|Outline Layer|outline}}, the resulting {{l|Outline Layer|outline}} is simply appended to the existing {{l|Outline Layer}}
:Whether or not to scale the width based on the pressure input. If this is unchecked, the layer will be drawn at the width indicated in the {{l|New Layer Defaults}} section of the {{l|Toolbox}}

;'''Auto Link'''
:When the stroke begins and/or ends at or near a vertex Handle in another {{l|Outline Layer|outline}}, and the outline isn't being extended by the {{Literal|Auto Extend}} option above, the first and/or last vertex of the resulting {{l|Outline Layer|outline}} is {{l|Linking|linked}} to the Handle on the existing {{l|Outline Layer}}.

;'''Auto Export'''

;'''Pressure Width'''

;'''Min Pressure'''
: The value of this option clamps the lower end of the Pressure sensitivity to a specific value, essentially determining how thin the thinnest possible segment is relative to the {{l|New Layer Defaults#Brush Size|Brush Size}} parameter in the {{l|Toolbox}}.

;'''LocalError'''

:''This affects whether the {{Literal|Smooth}} option is in world coordinates or not. But I'm not sure what it measures when this is turned on.''

; '''Spline Smoothness / Spline Local Error'''
:Determines how much tablet jitter is removed, and as a result, how many vertices the resulting splines are composed of.

; '''Max Width Error'''
: for advanced outline layer.

; '''Feather'''
:''(revise me) Seems to have something to do with setting the {{l|Feather Parameter}} on the layer, but there doesn't seem to be a clear translation between the setting of this control, and the resulting parameters.''

==Buttons==

;'''Fill Tool'''

File:Synfigstudio-0.64.0-linux-screenshot 1360x768.png

2013-12-17T03:08:10Z

Jcome: This is a screenshot for use in Appdata

This is a screenshot for use in Appdata

Doc:Animation Basics/zh-cn

2013-08-11T14:33:28Z

Jcome: /* 添加移动 */ remove unneeded words

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel|关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel|关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您对那个叫做{{Literal|(跳跃)}}的条目觉得好奇吧。其实，它就是链接，和网页上的超链接类似的，点击它，时间条上的指示器就会直接跳到对应的时刻。

您可以使用它来快速定位某个时刻，并编辑该时刻的画面。比如，您直接可以跳跃到第一秒后，把红色的圆形移到背景右边。看！这样就完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪，动画在哪里？点击时间条上任意的位置：您会注意到红色圆对应的移动到一个新的，您没有设定过的地方！这是什么情况？这是因为 Synfig 会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。然后，在动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要在第“2s”时刻的最后一帧，把圆形移回左边，因为关键帧技术能让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|添加层}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-11T14:31:36Z

Jcome: /* 总结 */

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel|关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel|关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您对那个叫做{{Literal|(跳跃)}}的条目觉得好奇吧。其实，它就是链接，和网页上的超链接类似的，点击它，时间条上的指示器就会直接跳到对应的时刻。

您可以使用它来快速定位某个时刻，并编辑该时刻的画面。比如，您直接可以跳跃到第一秒后，把红色的圆形移到背景右边。看！这样就完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪，动画在哪里？点击时间条上任意的位置：您会注意到红色圆对应的移动到一个新的，您没有设定过的地方！这是什么情况？这是因为 Synfig 会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。然后，在动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要在第“2s”时刻的最后一帧，把圆形移回左边，因为关键帧技术能让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|添加层}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-11T14:30:11Z

Jcome: /* 关键帧面板 */

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel|关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel|关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您对那个叫做{{Literal|(跳跃)}}的条目觉得好奇吧。其实，它就是链接，和网页上的超链接类似的，点击它，时间条上的指示器就会直接跳到对应的时刻。

您可以使用它来快速定位某个时刻，并编辑该时刻的画面。比如，您直接可以跳跃到第一秒后，把红色的圆形移到背景右边。看！这样就完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪，动画在哪里？点击时间条上任意的位置：您会注意到红色圆对应的移动到一个新的，您没有设定过的地方！这是什么情况？这是因为 Synfig 会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。然后，在动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要在第“2s”时刻的最后一帧，把圆形移回左边，因为关键帧技术能让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|Adding Layers}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-11T14:21:07Z

Jcome: /* 关键帧面板 */

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel|关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel|关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您会对那个叫做{{Literal|(跳跃)}}的条目感到好奇。事实上，就是链接，像 Web 上的超链接类似：点击，时间滑条上的指示器就会跳跃到对应的时刻。

您可以使用它来编辑某个时刻的画面。比如，您可以跳跃到第一秒，然后把红色的圆形移到右边。瞧！您完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪动画在哪里？点击时间滑条上任意的位置：您会注意到红色圆形到了一个新位置，您没有指定过的位置！发生了什么？Synfig会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。稍后，在您的动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要到第“2s”的最后一帧，把圆形移回到左边。关键帧让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|Adding Layers}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-11T14:19:43Z

Jcome: /* 添加移动 */

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel|关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel｜关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您会对那个叫做{{Literal|(跳跃)}}的条目感到好奇。事实上，就是链接，像 Web 上的超链接类似：点击，时间滑条上的指示器就会跳跃到对应的时刻。

您可以使用它来编辑某个时刻的画面。比如，您可以跳跃到第一秒，然后把红色的圆形移到右边。瞧！您完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪动画在哪里？点击时间滑条上任意的位置：您会注意到红色圆形到了一个新位置，您没有指定过的位置！发生了什么？Synfig会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。稍后，在您的动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要到第“2s”的最后一帧，把圆形移回到左边。关键帧让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|Adding Layers}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-11T14:18:40Z

Jcome: fix enter(don't translate the key name)

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel｜关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel｜关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您会对那个叫做{{Literal|(跳跃)}}的条目感到好奇。事实上，就是链接，像 Web 上的超链接类似：点击，时间滑条上的指示器就会跳跃到对应的时刻。

您可以使用它来编辑某个时刻的画面。比如，您可以跳跃到第一秒，然后把红色的圆形移到右边。瞧！您完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪动画在哪里？点击时间滑条上任意的位置：您会注意到红色圆形到了一个新位置，您没有指定过的位置！发生了什么？Synfig会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。稍后，在您的动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要到第“2s”的最后一帧，把圆形移回到左边。关键帧让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|enter}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|Adding Layers}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Doc:Animation Basics/zh-cn

2013-08-09T15:11:11Z

Jcome: update to new terminology version and update the translation itself.

{{Title|动画基础}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}

{{NewTerminology}}



== 介绍 ==

在 Synfig 中创建动画是非常容易的。简单来说就是改变图画 — 您只需制作出变化的第一个和最后一个阶段，这两个阶段之间的过渡交由 Synfig 来完成。

一起看个简单的示例。回想一下电视剧《霹雳游侠》中在那辆霹雳轿车前移动的灯光。如果不考虑真实效果，您要的是一个从左到右，再回到左边的圆形。换句话说，您需要三“步”或者三个“阶段”：

# 圆在左边。
# 圆在右边。
# 圆回到左边。

== 设定创作空间 ==

来试试。打开 Synfig Studio。会自动创建一个新文件。点击{{l|Canvas Menu Caret|插入符菜单}}（在画布左上角，水平和垂直标尺之间），然后选择{{c|编辑|属性}}。出现{{l|画布属性对话框}} 。

给画布起个名，填写恰当的描述，然后点击{{Literal|应用}}（暂时不要点击{{Literal|确定}} — 属性对话框里的设定还没有全部完工）。到{{Literal|时间}}标签，确保把{{Literal|结束时间}}从“5s”改到“2s” — 让这样我们的动画长度是2秒的。

[[File:Properties Dialog - End Time 0.63.06.png|center|frame|Canvas Properties Dialog]]

可以按下“确认”了，选用{{l|Rectangle Tool|矩形工具}}创建一个黑色的长方形作为我们的动画背景。背景大小没必要覆盖整个画布。

[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

接下来我们需要一个圆形。调整填充色为红色，用{{l|Circle Tool|圆形工具}}创建一个圆形。画得不合心意也没有关系的，因为您还可以编辑它。用{{l|Transform Tool|变换工具}} 点击创刚刚建好的圆形。会进入到编辑模式，这个编辑模式可以很容易通过在中间的小绿点和环绕的白色四方形来判断。抓取中间的绿色小点（原点），您就可以移动这个圆。

[[File:Animation Basics tutorial 3 0.63.06.png|450px|center|thumb]]

这是绘制物件、移动物件的一些初级步骤，您会说，还没有动画啊。对的。接着让我们来看看动画要怎么做。

== 添加移动 ==

在一开始，您在属性对话框里输入了一个2秒的数值。因为动画长度不是为零，所以画布窗口（您在上面画的地方）的下方会有条灰色的{{l|Timebar|时间条}}。在其上点击，在对应的地方会出现一个小的橙色指示器，为您指示时间位置。试着点击时间条上的几个不同位置，您会看到时间条左边的输入区的数值在做相应的变化，如“12f”，“1s 15f”，等。您也可以直接改变这个数值来设定时间条上的位置。比如，如果输入“1s”然后敲{{Shortcut|enter|回车键}}，橙色指示器会移动到时间条的中间，输入"2s"会移到时间条的末端。

{{Note|注释|在2s时，橙色指示器会消失不见。这是因为“2s”是在时间滑条的右边的分界线上，因而看不到。}}

您也许注意到了，这时的画布上并没有发生任何变化。先回到 “0s”，点击时间条右边位置的绿人按钮，切换到{{Literal|Animate Editing Mode|动画编辑模式}}。您会注意到出现一个红色框围着画布；这是提醒您从现在开始，对物件的更改会影响到时间条上时刻的动画。

动画编辑模式下，物件的每一个改动都会产生一个{{l|Waypoint|waypoint|航点}}与当前时间对应的变化相连。您会看到，Synfig 能在航点之间创建平滑的中间变化，而且您还可以选择这些变化的产生方式。您也会发现这对与关联部分或者全部航点与{{l|Keyframe|keyframes|关键帧}}非常有帮助。

[[File:Animation Basics tutorial 4 0.63.06.png|450px|center|thumb]]

之前，提到过三“步”或三个“阶段”。这就是代表所谓的“{{l|Keyframe|关键帧}}”（如果您很熟悉视频制作的情况：记住，不是的，我们这个是不一样的！）。一个关键帧是物件在某个发生重要事情时刻的一幅画面。

到{{l|Keyframes_Panel｜关键帧面板}} — 只要点击底部窗口上，带有钥匙图标的面板，您就能编辑关键帧。现在，点击带有“加”号的小按钮，在列表有个新的条目出现，并显示{{Literal|0f, 0f, (JMP)}}。

[[File:Keyframes Panel 0.63.06.png|center|frame]]

现在，在时间条上转到 “1s” 上。小的橙色指示器应该会移到那里。然后点击小加号，添加另一个关键帧。把时间条指示器设到 “2s”（动画的结束点），重复前一步动作。现在，应该有个三个关键帧在列表中。

[[File:Keyframes Panel 2 0.63.06.png|center|frame]]

== s 和 f: 了解时间轴 ==
至此，您也许已经明白神奇的“1s 10f”之类的标记代表的意思。它们指示时间轴上一个特定的点，用照秒数（s）和帧数（f）表述的位置。

按照默认，每一秒都划分成24个帧，就像卷尺上一米划分成100分米。帧标记始于零（0），结束于24，然后新的一秒出现，帧数又重新变回零。

比如，当五秒又三帧过去了，使用这个时间轴标记法就写成“5s 3f”。

== 关键帧面板 ==

{{l|Keyframes Panel｜关键帧列表}}是很易懂的。它显示的 {{Literal|时间}}也就是开始的时间，{{Literal|长度}}是不解自明了，{{Literal|跳跃}}这个词我们会在下面解说，还有{{Literal|描述}}也是不解自明的。

现在，您会对那个叫做{{Literal|(跳跃)}}的条目感到好奇。事实上，就是链接，像 Web 上的超链接类似：点击，时间滑条上的指示器就会跳跃到对应的时刻。

您可以使用它来编辑某个时刻的画面。比如，您可以跳跃到第一秒，然后把红色的圆形移到右边。瞧！您完成了您的第一次移动，这是您的第一段 Synfig 动画！

[[File:Animation Basics tutorial 5 0.63.06.png|center|frame]]

奇怪动画在哪里？点击时间滑条上任意的位置：您会注意到红色圆形到了一个新位置，您没有指定过的位置！发生了什么？Synfig会知道您要做什么，比如说移动圆形，它会绘制在这些阶段之间的全部画面。稍后，在您的动画中，每一幅画面都变成一个帧，这样圆形看起上去就动起来了。

注意，您并不需要到第“2s”的最后一帧，把圆形移回到左边。关键帧让 Synfig 记住特定时间的画面状态。这是为什么我们改变了“1s”时圆形位置，但在“2s”时（“0s”也一样），它还是在左边。如果您切换回参数面板，看一下时间轨迹面板，您会看在{{Literal|原点}}参数右边有三个绿色的点。这些点称为{{L|Waypoints|航点}}，是用来指示参数随时间变化的。}}

[[File:TimetrackOriginWaypoints 0.63.06.png|thumb|center|450px]]

== 渲染动画 ==

能看到画能之前，您需要加工处理（或渲染）您的作品。有两个方法：使用 Synfig Studio（您一直在用的），或者使用命令行程序 synfig。

试试第一个方式。点击时间轴编辑部件上的红色点，关闭动画编辑模式，保存您的文件；比如保存成BasicKnightRider.sif。然后点击“插入符”菜单按钮，选择 {{c|文件|渲染}}。改变文件名为 “BasicKnightRider.gif”，放在 “BasciKnightRider.sif” 的同一个位置，然后选择 “gif” 作为最终文件格式，点击渲染。等上一段时间（取决于您的处理器速度），图像窗口状态会告诉您“文件渲染成功”。

[[File:Animation Basics tutorial 6 0.63.06.png|618px|thumb|center|通过 Synfig Studio 菜单来 “渲染”]]

{{Note|注释|相比“gif”目标，因为能针对图像优化调色板，“magick++”目标（如果能用）能产生质量更佳的gifs 。}}

在 Firefox 或其它能够显示动画 gif 文件的应用程序中打开 BasicKngihtRider.gif。Firefox 会一直循环播放GIF，这样短动画也可以变成的像个长动画一样。如果您看到红色圆形从左到右，又回到右边，恭喜！您完成了您的第一个动画啦！

{{Note|注释|您也可以直接预览动画。按下画布窗口左上角的“插入符”菜单按钮，选择 {{c|文件|预览}}。}}

如果您更爱用命令行而不是菜单来渲染动画，那么请打开终端（在Windows上，{{c|开始|运行}}，然后输入“cmd”，{{Shortcut|回车}}），切换到保存好文件的目录，然后输入下面的命令

synfig -t gif BasicKnightRider.sif

这时出现的一些提示信息没什么关系。等上一段时间（取决于您 CPU 速度），最后会有行类似这样的信息：

BasicKnightRider.sifz ==> BasicKnightRider.gif: 完成

渲染完成了。可以使用 Firefox 或其它上面提过的程序观看动画 gif 了。

== 总结 ==

当然，Synfig Studio 中可以改变的不只有物件位置。其它可能性包括物件的大小，轮廓，颜色，等。通过 Synfig 软件包附带的几个示例文件，您能更进一步的了解这些可能性。

现在，让我们继续手册的下一章节： {{l|Doc:Adding Layers|Adding Layers}}

您可以下载手册所用的： [[File:BasicKnightRider.sifz]]

{{Navigation|Category:Manual|Doc:Adding Layers}}

Outline Layer

2013-08-06T13:21:38Z

Jcome: /* Parameters of Outline Layers */ update title backgroud

{{Title|Outline Layer}}
{{Category|Layers}}
{{NewTerminology}}


{{l|Image:Layer_geometry_outline_icon.png|64px}}

== About Outline Layers==

Outline Layers are use to hold strokes or edges of filled shapes. They give a cartoon look to an animation when added to be the edge of the filled shapes. Also standalone Outlines (strokes) are used to define fold of 3D drawings and used together with shadows (created using gradients or feathering) are the basis of an artist's work.

To create an Outline Layer use the {{l|Spline Tool}} and check ''Create Outline Spline'' in the {{l|Tool Options Panel}}. Once you finish the definition of the geometry of your outline and after pressing the ''Execute'' button (or selecting another tool or state) you create the Outline Layer with the current foreground colour.

==Parameters of Outline Layers==

The parameters of the Outline layers are:

{|border="0" style="border-collapse" cellpadding="3" cellspacing="0"
|-style="background:silver"
|'''Name'''||'''Value'''||'''Type'''
|-
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter|Z Depth}}
||0.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Amount}}
||1.000000
||real

|-
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method|Blend Method}}
||Composite
||integer

|-style="background:#eeeeee"
||{{l|Image:Type_color_icon.png|16px}} {{l|Colors Dialog|Color}}
||
{| style="width:95%; height:16px; background:black; color:black" border="1"
|-
|}
||color

|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} Origin
||0.000000u,0.000000u
||vector

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Invert
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|-
||{{l|Image:Type_bool_icon.png|16px}} Antialiasing
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} Feather
||0.000000pt
||real

|-
||{{l|Image:Type_integer_icon.png|16px}} Type of Feather
||Fast Gaussian Blur
||integer

|-style="background:#eeeeee"
||{{l|Image:Type_integer_icon.png|16px}} Winding Style
||Non Zero
||integer

|-
||{{l|Image:Type_list_icon.png|16px}} Vertices
||List
||list (Spline)

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} Outline Width
||2.000000pt
||real

|-
||{{l|Image:Type_real_icon.png|16px}} Expand
||0.000000pt
||real

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Sharp Cusps
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|-
||{{l|Image:Type_bool_icon.png|16px}} Rounded Begin
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Rounded End
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|-
||{{l|Image:Type_real_icon.png|16px}} Loopyness
||1.000000
||real

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Homogeneous
||
{| style="width:16px; height:16px" border="1"
|-
|}
||bool

|}

== Specific parameters for Outline Layers ==

The first 11 parameters of the Outline are common parameter that are shared for several {{l|Category:Layers|types of Layers}}. Click on the links to see their definitions. Only the particular parameters for the Outline Layer are described here.

This is a sample screen shot of an Outline Layer in action:

[[File:Outline Sample 0.63.06.png|frame|none]]

=== Outline width ===

The Outline width parameter is a float value in pixels that represents the basic value of the width for all the points of the curve at the same time. It works together with the width parameter of the vertices' child values. So setting the Outline Width to 1.0px then the resulting value for the rendered width in that vertex comes from this formula: W = OLW * VW + 2E.

Where:
* W = resulting width of the outline at that vertex.
* OLW = overall parameter for the width of all the vertices (that is the Outline Width parameter).
* VW = specific vertex width value.
* E = value of the Expand parameter.

The width {{l|Handle|handle}} would show the radius value for that vertex (W/2).

The width that ends up being used for each vertex is ((VertexWidth * OutLineWidth) + Expand*2):
{|
| [[File:Outline-Layer default 0.63.06.png|450px]]
| [[File:Outline-Layer width 0.63.06.png|450px]]
|-
| starting image
| after doubling the value of 'outline width'
|}

It's possible to specify negative values for the width values, which kind of turns the vertex inside out. Here's an example where the left vertex has a negative width and the right has a positive width. Note how the edges of the spline between the vertices cross each other in the middle:

{|
| {{l|Image:Outline-negative-width.png}}
| {{l|Image:Outline-negative-width-selected.png}}
|}

=== Expand ===

The Expand parameter is similar to the Outline Width parameter, but rather than being multiplied by each vertex's width, it is added to the radius of each vertex. In other words (2*Expand) is added to the diameter of each vertex.

The width that ends up being used for each vertex is ((VertexWidth * OutLineWidth) + Expand*2):
{|
| [[File:Outline-Layer default 0.63.06.png|450px]]
| [[File:Outline-Layer expand 0.63.06.png|450px]]
|-
| zero 'expand'
| non-zero 'expand'
|}

=== Sharp cups ===

Enabling 'sharp cusps' makes the corners pointy when the tangents are split:
{|
| [[File:Outline-Layer default 0.63.06.png|450px]]
| [[File:Outline-Layer sharp 0.63.06.png|450px]]
|-
| no sharp cusps
| sharp cusps
|}

=== Rounded Begin ===

Enabling 'rounded begin' makes the start of the outline rounded:
{|
| [[File:Outline-Layer default 0.63.06.png|450px]]
| [[File:Outline-Layer rounded begin 0.63.06.png|450px]]
|-
| no rounded begin
| rounded begin
|}

Nota : With cairo render activated, if quality superior to '''6''', enabling Rounded Begin enable also Rounded End.

=== Rounded End ===

Enabling 'rounded end' makes the end of the outline rounded:
{|
| [[File:Outline-Layer default 0.63.06.png|450px]]
| [[File:Outline-Layer rounded end 0.63.06.png|450px]]
|-
| no rounded end
| rounded end
|}

Nota : With cairo render activated, if quality superior to '''6''', enabling Rounded End enable also Rounded Begin.

=== Loopyness ===

This parameter currently does absolutely nothing at all!

=== Homogeneous ===

Enabling 'Homogeneous' changes the way that the width of the outline changes from one spline point to the next. Each point in the spline has its own width, and the spline has its own 'Outline Width' and 'Expand' parameters which are used to give the final width at each spline point. The 'Homogeneous' parameter controls how the width is interpolated between two neighboring spline points:
*When 'Homogeneous' isn't checked, the width is interpolated linearly with the spline's [http://en.wikipedia.org/wiki/Bézier_curve 't' parameter].
*When 'Homogeneous' is checked, the width is interpolated linearly with the spline's length.

Turning off homogeneous often makes the fat end of a spline look lumpy. Maybe that's a bug:
{|
| {{l|Image:Outline-not-homogeneous.png}}
| {{l|Image:Outline-homogeneous.png}}
|-
| not homogeneous
| homogeneous
|}

=== Misc ===

The {{l|Antialiasing Parameter‎}} isn't specific to the Outline layer, but it is particularly useful for the Outline layer. It makes the edges appear smoother:
{|
| [[File:Outline-Layer no antialias 0.63.06.png|450px]]
| [[File:Outline-Layer default 0.63.06.png|450px]]
|-
| not antialiased
| antialiased
|}

Note : File used [[File:Outline Layer.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:47:40Z

Jcome: /* 用户界面 */

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注释|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用选择框，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameter|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:43:47Z

Jcome: /* 开始动手 */ fix link

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用选择框，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameter|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:41:28Z

Jcome: /* 颜色选择 */ fix link

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameter|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:39:57Z

Jcome: /* 开始动手 */ fix link

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Category:Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:37:53Z

Jcome: /* 深入了解 */ fix link

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters Panel|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:37:22Z

Jcome: /* 用户界面 */ fix link

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|Toolbox|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:33:07Z

Jcome: /* 开始动手 */

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注释|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:31:09Z

Jcome: fine tune translation

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters|参数面板}}上就看到它的各种参数。

== 开始动手 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接概念 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:26:39Z

Jcome: fix links: link to english version pages

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|Toolbox|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|Canvas|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|Category:Canvas_Window|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|Root Canvas|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|Layer|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|Layers Panel|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|Parameters Panel|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|Tool Options Panel|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|History Panel|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|Blur Layer|模糊层}}，{{l|Radial Blur Layer|放射式模糊层}}，{{l|Spherize Layer|球形化层}}，{{l|Color Correct Layer|颜色矫正层}}，{{l|Bevel Layer|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|Layers Panel|层面板上}}），在{{l|Parameters|参数面板}}上就看到它的各种参数。

== 开始 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|Circle Tool|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|Tool Options Panel|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|Canvas Window|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|Transform Tool|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|bounding box|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|layer|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|Layers Panel|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|Tool Options Panel|工具选项面板}}，查查那些可用的选项。

== 联接 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|Feather Parameters|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

插图打包文件[[File:Interface.zip]]
示例文件 [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:11:19Z

Jcome: fix &dmash;

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|模糊层}}，{{l|放射式模糊层}}，{{l|球形化层}}，{{l|颜色矫正层}}，{{l|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|层面板上}}），在{{l|参数面板}}上就看到它的各种参数。

== 开始 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|画布窗口}}中创建圆形了。就像您希望的一样 —在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|层}}，按下{{Shortcut|ctrl}}键再点 —这个对于画布窗口和{{l|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 — 用{{l|Selection|s选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|工具选项面板}}，查查那些可用的选项。

== 联接 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 —我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 —点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 —它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

您可以下载这个包含本wiki描述的打包文件[[File:Interface.zip]]
You can download the project used for the illustration of the illustration [[File:Spline-DotMan.sifz]]

Doc:Getting Started/zh-cn

2013-08-05T16:07:44Z

Jcome: update according to new terminology and sync with the latest english

{{Title|入门}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


== 用户界面 ==
下面的屏幕快照是 Synfig Studio 窗口布局：

[[Image:Interface 0.63.06.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]

Synfig Studio 界面主要的组件有：

* {{l|工具箱}} — 是 Synfig Studio 主窗口。关闭这个窗口也就意味着退出应用程序。这个窗口包含系统菜单和按钮，还有各种用于创建和编辑的工具。
* {{l|画布}} — 显示您的作品和动画。
* {{l|Category:Panels|面板}} — 包含工具和您的项目中的具体元素的相关信息。有些面板还能让您修改那些元素。

{{Note|注|如果您的 Synfig Studio 界面是非常容易恢复成（上图一样的）缺省布局安排的。在工具箱的{{Literal|文件}}菜单中，选择{{c|面板|重设窗口为原始布局}}。}}

在中央位置的窗口被称为{{L|画布窗口}}。每一次启动 Synfig Studio，都会打开一个新的画布窗口。该窗口代表{{l|根源画布}}，此时此刻这个对您来说还不是很理解它的意思，但没关系，我们只是让您随便看看，以便有个初步印象。在画布窗口的左上角，您会看到一个有{{l|Canvas Menu Caret|插入符}}的按钮。如果点击这个插入符按钮，会弹出{{l|Canvas Menu Caret|画布窗口菜单}}。如果在画布空白处，也就是没有{{l|层}}的位置上点击右键，也会出现这个菜单。您现在知道最重要的画布菜单在哪里能找到了。不错。

另外两个窗口（一个在下方，另一个在右边）是属于可定制的{{l|dock dialogs|停靠式对话框}}，每一个对话框包含一些{{L|panel|面板}}，并排按水平或者垂直方式排布。在停靠式对话框中，有些面板是共用空间的，您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿，通过拖拉面板标签到您希望的地方，把停靠对话框的内容进行重新安排。也能把某个标签拖出停靠式对话框，从而创建新的停靠式对话框。

如果您不小心关掉了一个{{l|panel|面板}}（拖拉出停靠对话框，然后关掉这个新的停靠对话框），别担心，只要在{{l|工具箱}}上，选择工具箱菜单{{c|文件|面板}}，点击您想要的面板名字就可以了。

最重要的面板有：

* {{l|层面板}} — 这个面板为您显示当前画布所包含的层的层次等级。通过它，您也可以对这些层做一些操作处理。
* {{l|参数面板}} — 这个面板为你显示那些当前选中的层的相关参数。同时选中多个层时，则只显示这些层都具有的那些参数。
* {{l|工具选项面板}} — 这个面板显示当前的工具的选项。
* {{l|Navigator|导航面板}} — 显示当前画布的缩略图像。您也可以在这个面板上放大缩小或移动焦点。
* {{l|历史面板}} — 显示当前创作的历史堆栈。在这里也可以编辑历史中的动作。

Synfig Studio 还有一些其他面板。如果您不了解某个面板，只要把光标放在其图标之上，会弹出一个提示其功能作用的提示。

== 深入了解 ==

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|层面板]]

Synfig Studio，类似于其它出色的图形程序，把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|层}}。然而，与其它程序相比，它两个主要方面不同：

# 在 Synfig 中，独立的层通常作为一个单独的“元件”。例如，一个单独的区域，一个区域的轮廓，一个导入的图片，等。这样既有良好的灵活性又可以方便的做控制。一个创作有上百个层并非罕见之事（当然是按照创作者意愿组织的层次等级）。
# 层不仅添加信息到位于其下的图像上，它也可以按照一定的方式对其进行扭曲和/或编辑。这点上，Synfig 的层运作方式更像 Adobe Photoshop 或 GIMP 里的滤镜。比如，我们有{{l|模糊层}}，{{l|放射式模糊层}}，{{l|球形化层}}，{{l|颜色矫正层}}，{{l|倒角层}}，等。

每个层都有一套参数来支配其行为表现。当您点击一个层（不管是在画布窗口，还是上面说过的{{l|层面板上}}），在{{l|参数面板}}上就看到它的各种参数。

== 开始 ==

来，我们来一起创建些有趣的东西，试试这个程序！

首先，在工具箱，点击{{l|圆形工具}}（如果您不知道是哪一个，可以把鼠标放在它们上面，直到您找到那个提示信息是“圆形工具”的）。

点击圆形工具，您应该注意到{{l|工具参数面板}}产生变化了。但是我们稍后再来说这个。

选中圆形工具后，您就能在{{l|画布窗口}}中创建圆形了。就像您希望的一样 —mdash；在画布上点击，并拖动改变半径大小，满意后释放鼠标按钮。试着创建两个圆形（如果您喜欢，可以更多）。如果您在拖动之前不小心释放了鼠标按钮，最终会创建的是一个半径为0的圆形，它是完全不可见的！别怕，这很容易改的。在属性面板中，您可以改变被选中的物件的参数。如果您刚好画了个半径为0的圆形，它应该还是被选中的状态。您可以改变它的半径为一个不是0的的数，比如说10，再到画布上通过控制柄调整成您喜欢的。

{{Note|注|有些用户也许会经历下面的问题：用圆形工具在画布上点-拖，也许什么也看不到，或者是弄出了超大的圆形。要避免这样的问题，到{{c|文件|输入设备}}，会看到'''取消所有的设备'''。如果您有扩展输入设备要有，如压感笔，可以在这里激活。完成这个改变后，Synfig 就会按您的期望工作了。}}。

现在回到工具箱，点击{{l|变换工具}}（有个箭头的按钮）。然后，点中一个您刚刚画的圆形。您会看到一个{{l|边界框}}（这时这个是还没什么用途的，我们离题了），一个绿色的点处在中心，还有一个青色的点在半径上。这些点被称为''{{l|handle|控制柄}}''。如果您想改变这个圆形，抓住某个控制柄拖拖看。容易吧！

您可以通过点击来选择一个层。如果您想选中多于个{{l|层}}，按下{{Shortcut|ctrl}}键再点 &mdash；这个对于画布窗口和{{l|层面板}}都有效。试试看！

您也可以选择多个控制柄，有好几个方法。首先，您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的控制柄，但是这个方法比较繁琐。更快捷的方法 mdash& 用{{l|Selection|s选择框}}，点击鼠标并拖动，框过那些您想选控制柄的地方。

加油继续，选中那两个圆形，选中它们所有的控制柄。在多个控制柄被选中时，移动其中一个控制柄就会移动所有的。


{{Note|注释|Synfig Studio 有个自动恢复的功能。如何程序崩溃了，哪怕是没有保存过当前的文件，您也不会损失超过5分钟的辛苦工作。重新启动时，程序会自动提醒恢复那些没有保存的改动。不过，历史纪录是不能恢复的。}}

在不是选中多个控制柄的情形下，{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来得容易。选上几个圆形，再选取所有的控制柄，试试旋转和缩放工具。

注意，控制柄的操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想，看一下{{l|工具选项面板}}，查查那些可用的选项。

== 联接 ==

现在让我们试一下{{l|linking|联接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形，然后选中他们的半径控制柄（青色的点）。

要选择多个控制柄，可以沿着它们拉一个方框，或者选上第一个，然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了，请右击其中一个，会弹出一个菜单。点击{{Literal|链接}}。砰，参数链接到了一起。您可以自己证明：选中任一个圆，改变它的半径——另一个也会跟着变化。很棒，对吧？这是{{l|Outline Layer|轮廓}}依附到它们的{{l|Region Layer|区域}}的途径 &mdash；我们有点超越这章节的内容了。

链接是 Synfig 的一个基本性的概念。您可以创建的链接不只限于控制柄之间，同时选中的多个层的参数之间也可以，在参数面板上右击参数，选择{{Literal|联接}}。

== 颜色选择 ==

假设您想让某个圆形拥有不同的颜色。在工具箱中，也就是那些工具下方，您会发现轮廓/填充颜色选择器，轮廓宽度选择器，以及其它东西（比如如默认混合方法和渐变。）轮廓/填充颜色部件就像您所希望的那样 &mdash 点击填充颜色，会出现颜色拾取器，通过它，改变颜色是相当容易的。

但是，有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。

点击调色板编辑器面板标签，看一看 &mdash；它是个调色色板外观的图标。用鼠标左键点击颜色，改变的是轮廓颜色，鼠标右击改变的是填充颜色。

一切都不错，可以我们还是没改那个圆形的颜色。有三种方法可以做到这点。第一个是用工具箱中的{{Literal|填充工具}}，然后点击画布上的圆形。砰，圆形变色了。这个方法不是只对圆形有用。另一个方法是选择要编辑的圆形层，在参数面板的颜色参数上右击，在弹出菜单选择{{Literal|应用填充色}}或{{Literal|应用轮廓色}}。或者是双击{{Literal|颜色}}参数，在弹出的颜色拾取器上调色。

用圆形多玩玩，调调各种参数，看看有什么变化。比如，把{{l|羽化参数}}设为5。

== 深度发掘 ==

当然，到目前为止，您还只是了解到如何使用 Synfig Studio 的基本功能，却还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。

{{Navigation|Category:Manual|Doc:Animation_Basics}}

您可以下载这个包含本wiki描述的打包文件[[File:Interface.zip]]
You can download the project used for the illustration of the illustration [[File:Spline-DotMan.sifz]]

Main Page/zh-cn

2013-08-01T03:22:48Z

Jcome: add synfig project website link

{{NewTerminology}}
{{Title|Synfig Wiki}}

欢迎来到 Synfig wiki。这个 wiki 是 [http://www.synfig.org/ Synfig 项目]，一个 2D 动画和设计程序的主要文档所在地。本 wiki 文档被分成三个主要部分: {{l|User Documentation|用户文档}} （给使用动画程序的人使用）, {{l|Developer Documentation|开发者文档}} （给编写程序代码的人使用）和{{l|Writer Documentation|编辑文档}}（给那些希望参与更新维护本 wiki 的人使用）。

下面是每个分类下所有项目清单。

* '''{{l|User Documentation|用户文档}}'''
** {{l|Category:Manual|手册}} 本手册一步一步操练 Synfig Studio 的界面和用它制作动画的流程。这样有个供离线阅读的快照，PDF 格式 http://www.mediafire.com/?ucindxh81z8uga5
** {{l|Category:Tutorials|教程}} 每个教程都是独立的指引，它描述如何完成一个特定的任务。
** {{l|Category:Reference|参考}} 这是有关 Synfig 应用程序（包括图形界面和命令行）方方面面的完整的清单。如果需要了解本程序每个特定的aspect的细节，可以在这查找。
** {{l|Category:Glossary|术语}} 您可以在此查找研究在一些文档中所包含 Synfig 特有的名称或概念。
* '''{{l|Developer Documentation|开发者文档}}'''
* '''{{l|Writer Documentation|编辑文档}}'''

'''致所有编辑和译者'''

请参阅 {{l|Writer Documentation|编辑文档}}的提示.

Dev:Sprints/2013-01-07 Reworked Terminology

2013-07-31T08:23:47Z

Jcome: /* Instructions for translators */

For a long time the Synfig Studio was famous as an application with a weird and exotic terminology. Since the version 0.64.0 it was decided to get rid of the weird words in terminology by replacing them with the most commonly used by other software.

The changes are:

* Duck -> Handle
* Curves Panel -> Graphs Panel
* Encapsulate -> Group
* Paste Canvas / Inline Canvas layer -> Group layer
* Group -> Set
* Add/Remove from Group->Add/remove from Set
* BLine -> Spline
* BLine Point -> Spline Point
* BLine Tool -> Spline Tool
* Params Panel -> Parameters Panel
* Children Panel -> Library Panel
* CPoint -> Color Stop

= Instructions for translators =

If you see the warning banner at the top, that means the page you are viewing is outdated.

Please carefully compare the text of your page with the original English page and do appropriate fixes (if necessary). Things to pay attention:
* The terminology have changed (see above). That influences the way you reference some interface elements.
* To be consistent during the translation of the new terminology, please base your work on {{l|Dev:Translation|synfig translation}}, and the following pages.
** {{L|Terminology/fr|New terminology in french}}
** {{L|Terminology/es|New terminology in spanish}}
** {{L|Terminology/de|New terminology in deutch}}
** {{L|Terminology/ru|New terminology in russian}}
** {{L|Terminology/zh-cn|New terminology in chinese}}
** ...

* Many image files (screenshots/illustrations) {{L|Dev:Sprints/2013-02-19_Screenshots_Update|were updated}}. The updated version of image generally have different name (usually with "_0.63.06" suffix. Please update links to images as well.

After the page is reviewed and updated, please add '''<nowiki>{{NewTerminology}}</nowiki>''' text at the top of the page. That will indicate your page as updated and the warning banner will be removed.

If you would like to see the which pages pending to be updated, please consult the list below.

Thank you!

= List of pages not updated for new terminology =

Note: The page is not displayed in this list if it have <nowiki>{{NewTerminology}}</nowiki> in its text.

<DPL>
notuses=Template:NewTerminology
namespace=|Doc
</DPL>

Dev:Sprints/2013-01-07 Reworked Terminology

2013-07-31T08:15:19Z

Jcome: /* Instructions for translators */ add chinese link

For a long time the Synfig Studio was famous as an application with a weird and exotic terminology. Since the version 0.64.0 it was decided to get rid of the weird words in terminology by replacing them with the most commonly used by other software.

The changes are:

* Duck -> Handle
* Curves Panel -> Graphs Panel
* Encapsulate -> Group
* Paste Canvas / Inline Canvas layer -> Group layer
* Group -> Set
* Add/Remove from Group->Add/remove from Set
* BLine -> Spline
* BLine Point -> Spline Point
* BLine Tool -> Spline Tool
* Params Panel -> Parameters Panel
* Children Panel -> Library Panel
* CPoint -> Color Stop

= Instructions for translators =

If you see the warning banner at the top, that means the page you are viewing is outdated.

Please carefully compare the text of your page with the original English page and do appropriate fixes (if necessary). Things to pay attention:
* The terminology have changed (see above). That influences the way you reference some interface elements.
* To be consistent during the translation of the new terminology, please base your work on {{l|Dev:Translation|synfig translation}}, and the following pages.
** {{L|Terminology/fr|New terminology in french}}
** {{L|Terminology/es|New terminology in spanish}}
** {{L|Terminology/de|New terminology in deutch}}
** {{L|Terminology/ru|New terminology in russian}}
** {{L|Terminology/zh-cn|New terminology in chinese}}
** ...

* Many image files (screenshots/illustrations) {{L|Dev:Sprints/2013-02-19_Screenshots_Update|were updated}}. The updated version of image generally have different name (usually with "_0.63.06" suffix. Please update links to images as well.

After the page is reviewed and updated, please add '''<nowiki>{{NewTerminology}}</nowiki>''' text at the top of the page. That will indicate your page as updated and remove the warning banner will be removed.

If you would like to see the which pages pending to be updated, please consult the list below.

Thank you!

= List of pages not updated for new terminology =

Note: The page is not displayed in this list if it have <nowiki>{{NewTerminology}}</nowiki> in its text.

<DPL>
notuses=Template:NewTerminology
namespace=|Doc
</DPL>

Doc:Overview

2013-07-31T03:37:19Z

Jcome: Reverted edits by Jcome (talk) to last revision by Zelgadis

{{Title|Overview}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

As you probably know, animation is the rapid display of a sequence of images in order to create an illusion of movement. Traditionally 2D animation is created by drawing each displayed image individually. Those images are called "frames" and thus such method called "frame-by-frame animation". To create good illusion of movement you need to draw many frames, that's why his method requires a lot of time and resources.


Synfig Studio is open-source 2D vector animation software. It is designed to produce film-quality animation with fewer people and resources.

Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:
* Morphing animation
* Cutout animation

== Morphing ==
[[File:Rose4b.gif|100px|frame|right|Morphing animation of a rose, by Rore]] '''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.

== Cutout animation ==
[[Image:Cutoutsample.gif|100px|frame|left|Cutout animation in Synfig's tutorials]]
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time.
Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.

 
 

In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening".

Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.


Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.

Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.
[[Image:Parabolic-shot.gif|frame|center|Parabolic shot in Synfig's tutorials]]



All those features of Synfig Studio are covered in detail in the chapters of this manual.


{{Navigation|Category:Manual|Doc:Getting Started}}

Doc:Overview

2013-07-31T03:36:19Z

Jcome: split cutout animation section by adding 2 blank lines

Doc:Overview/zh-cn

2013-07-31T03:33:17Z

Jcome: /* 剪影 */

{{Title|概述}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

您或许已经知道，动画就是快速显示一系列有序图像而产生的运动错觉。传统二维动画是通过独立绘制出每一张要显示的图像来达到这个目的。这些图像被称为“帧”，这种方法也就叫做“逐帧动画”。需要非常多这样的帧才能产生连续的运动错觉。这种方法耗时且费力。


Synfig Studio 是开源的 2D 矢量动画软件。它的设计初衷是只要在少量人力和物力的情况下就能制作出具有电影品质的动画。

Synfig Studio 是要减少逐帧绘制的劳动。有两种技术可用：
* 变形动画
* 剪影动画

== 变形 ==
[[File:Rose4b.gif|100px|frame|right|一朵玫瑰的变形动画, by Rore]] '''变形''' 是取出两个图像，创建它们之间的平滑过渡转变。在转变过程中，一个图形会变形为另一个，这种变形通常是通过控制点来实现的。在 Synfig Studio 里，图像都是矢量的，这种变形是程序自动完成的。因此，可以只画出时间间隔相对比较大的关键位置图像。艺术家只是按其需要绘制出场景中基本运动的帧，剩下的过渡帧就交由 Synfig Studio 负责绘制创建。

== 剪影 ==
[[Image:Cutoutsample.gif|100px|frame|left|Synfig 教程中的剪影动画]]
'''剪影动画''' 是把物件分切为多个部分，在不同的时刻对这些部件采用简单的变换（比如转化，旋转或缩放）。Synfig Studio 通过这些值插入过渡帧运动。位图和矢量图形都可以用于制作剪影动画。
 
 

在这两个方案中，Synfig Studio 的角色是填补、画出的帧与帧（也叫做“关键帧”）之间的空白，以此产生平滑和流畅的动画。这个工艺被称为“过渡”。

尽管 Synfig Studio 不是直接用来制作一帧一帧描绘的动画的，但是，通过把每帧的位图数据转换为矢量格式，它也可以让您的逐帧手绘动画达到影片品质的水平。这个转换工艺叫做“描绘 (tracing)”。Synfig Studio 内建了很多效果帮您把动画达到专业级别。


不管您制作逐帧动画与否，Synfig Studio 都可以让您灵活控制那些重复的数据，如，颜色、轮廓特征、纹理、图像，等等——甚至动画轨迹和它们的（成套）动作。数据的重复利用是通过联接 (Linking) 办到的。这是 Synfig Studio 的有力武器，这个特性对于大型动画项目显得尤为重要。

您不仅可以链接 (Link) 作品的各个部分的数据，也可以用一套功能函数定义数据之间的关系。通过定义好的规则，可以制作自动化的动画，让整个动画工业达到一个全新的境界。
[[Image:Parabolic-shot.gif|frame|center|Synfig 教程中的抛物线炮弹]]



Synfig Studio 功能特性的相关细节包含在本手册中。


{{Navigation|Category:Manual|Doc:Getting Started}}

Doc:Overview/zh-cn

2013-07-31T03:26:39Z

Jcome: translate figures titles

{{Title|概述}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

您或许已经知道，动画就是快速显示一系列有序图像而产生的运动错觉。传统二维动画是通过独立绘制出每一张要显示的图像来达到这个目的。这些图像被称为“帧”，这种方法也就叫做“逐帧动画”。需要非常多这样的帧才能产生连续的运动错觉。这种方法耗时且费力。


Synfig Studio 是开源的 2D 矢量动画软件。它的设计初衷是只要在少量人力和物力的情况下就能制作出具有电影品质的动画。

Synfig Studio 是要减少逐帧绘制的劳动。有两种技术可用：
* 变形动画
* 剪影动画

== 变形 ==
[[File:Rose4b.gif|100px|frame|right|一朵玫瑰的变形动画, by Rore]] '''变形''' 是取出两个图像，创建它们之间的平滑过渡转变。在转变过程中，一个图形会变形为另一个，这种变形通常是通过控制点来实现的。在 Synfig Studio 里，图像都是矢量的，这种变形是程序自动完成的。因此，可以只画出时间间隔相对比较大的关键位置图像。艺术家只是按其需要绘制出场景中基本运动的帧，剩下的过渡帧就交由 Synfig Studio 负责绘制创建。

== 剪影 ==
[[Image:Cutoutsample.gif|100px|frame|left|Synfig 教程中的剪影动画]]
'''剪影动画''' 是把物件分切为多个部分，在不同的时刻对这些部件采用简单的变换（比如转化，旋转或缩放）。Synfig Studio 通过这些值插入过渡帧运动。位图和矢量图形都可以用于制作剪影动画。
 
 

在这两个方案中，Synfig Studio 的角色是填补、画出的帧与帧（也叫做“关键帧”）之间的空白，以此产生平滑和流畅的动画。这个工艺被称为“过渡”。

尽管 Synfig Studio 不是直接用来制作一帧一帧描绘的动画的，但是，通过把每帧的位图数据转换为矢量格式，它也可以让您的逐帧手绘动画达到影片品质的水平。这个转换工艺叫做“描绘 (tracing)”。Synfig Studio 内建了很多效果帮您把动画达到专业级别。


不管您制作逐帧动画与否，Synfig Studio 都可以让您灵活控制那些重复的数据，如，颜色、轮廓特征、纹理、图像，等等——甚至动画轨迹和它们的（成套）动作。重复数据的重新利用是通过联接 (Linking) 办到的。对于正经动画项目，Synfig Stuido 也能为您提供满意的答复。

您不仅可以链接 (Link) 作品的各个部分的数据，也可以用一套功能（函数）定义它们之间的相互关系。在定义好的规则上，这可以创作自动化的动画，让整个动画工业达到一个全新的境界。
[[Image:Parabolic-shot.gif|frame|center|Synfig 教程中的抛物线炮弹]]



Synfig Studio 功能特性的相关细节包含在本手册中。


{{Navigation|Category:Manual|Doc:Getting Started}}

Doc:Overview/zh-cn

2013-07-31T03:21:07Z

Jcome: /* 变形 */

{{Title|概述}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

您或许已经知道，动画就是快速显示一系列有序图像而产生的运动错觉。传统二维动画是通过独立绘制出每一张要显示的图像来达到这个目的。这些图像被称为“帧”，这种方法也就叫做“逐帧动画”。需要非常多这样的帧才能产生连续的运动错觉。这种方法耗时且费力。


Synfig Studio 是开源的 2D 矢量动画软件。它的设计初衷是只要在少量人力和物力的情况下就能制作出具有电影品质的动画。

Synfig Studio 是要减少逐帧绘制的劳动。有两种技术可用：
* 变形动画
* 剪影动画

== 变形 ==
[[File:Rose4b.gif|100px|frame|right|Morphing animation of a rose, by Rore]] '''变形''' 是取出两个图像，创建它们之间的平滑过渡转变。在转变过程中，一个图形会变形为另一个，这种变形通常是通过控制点来实现的。在 Synfig Studio 里，图像都是矢量的，这种变形是程序自动完成的。因此，可以只画出时间间隔相对比较大的关键位置图像。艺术家只是按其需要绘制出场景中基本运动的帧，剩下的过渡帧就交由 Synfig Studio 负责绘制创建。

== 剪影 ==
[[Image:Cutoutsample.gif|100px|frame|left|Cutout animation in Synfig's tutorials]]
'''剪影动画''' 是把物件分切为多个部分，在不同的时刻对这些部件采用简单的变换（比如转化，旋转或缩放）。Synfig Studio 通过这些值插入过渡帧运动。位图和矢量图形都可以用于制作剪影动画。
 
 

在这两个方案中，Synfig Studio 的角色是填补、画出的帧与帧（也叫做“关键帧”）之间的空白，以此产生平滑和流畅的动画。这个工艺被称为“过渡”。

尽管 Synfig Studio 不是直接用来制作一帧一帧描绘的动画的，但是，通过把每帧的位图数据转换为矢量格式，它也可以让您的逐帧手绘动画达到影片品质的水平。这个转换工艺叫做“描绘 (tracing)”。Synfig Studio 内建了很多效果帮您把动画达到专业级别。


不管您制作逐帧动画与否，Synfig Studio 都可以让您灵活控制那些重复的数据，如，颜色、轮廓特征、纹理、图像，等等——甚至动画轨迹和它们的（成套）动作。重复数据的重新利用是通过联接 (Linking) 办到的。对于正经动画项目，Synfig Stuido 也能为您提供满意的答复。

您不仅可以链接 (Link) 作品的各个部分的数据，也可以用一套功能（函数）定义它们之间的相互关系。在定义好的规则上，这可以创作自动化的动画，让整个动画工业达到一个全新的境界。
[[Image:Parabolic-shot.gif|frame|center|Parabolic shot in Synfig's tutorials]]



Synfig Studio 功能特性的相关细节包含在本手册中。


{{Navigation|Category:Manual|Doc:Getting Started}}

Doc:Overview/zh-cn

2013-07-31T03:20:00Z

Jcome: /* 剪影 */

{{Title|概述}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

您或许已经知道，动画就是快速显示一系列有序图像而产生的运动错觉。传统二维动画是通过独立绘制出每一张要显示的图像来达到这个目的。这些图像被称为“帧”，这种方法也就叫做“逐帧动画”。需要非常多这样的帧才能产生连续的运动错觉。这种方法耗时且费力。


Synfig Studio 是开源的 2D 矢量动画软件。它的设计初衷是只要在少量人力和物力的情况下就能制作出具有电影品质的动画。

Synfig Studio 是要减少逐帧绘制的劳动。有两种技术可用：
* 变形动画
* 剪影动画

== 变形 ==
[[File:Rose4b.gif|100px|frame|right|Morphing animation of a rose, by Rore]] '''变形''' 是取出两个图像，创建它们之间的平滑过渡转变。在转变过程中，一个图形会变形为另一个，这种变形通常是通过控制点来实现的。在 Synfig Studio 里，图像都是矢量的，这种变形是程序自动完成的。因此，可以只画出时间间隔相对比较大的关键位置图像。艺术家只是按其需要绘制出场景中基本运动的帧，剩下的过渡帧就交由 Synfig Studio 负责创建。

== 剪影 ==
[[Image:Cutoutsample.gif|100px|frame|left|Cutout animation in Synfig's tutorials]]
'''剪影动画''' 是把物件分切为多个部分，在不同的时刻对这些部件采用简单的变换（比如转化，旋转或缩放）。Synfig Studio 通过这些值插入过渡帧运动。位图和矢量图形都可以用于制作剪影动画。
 
 

在这两个方案中，Synfig Studio 的角色是填补、画出的帧与帧（也叫做“关键帧”）之间的空白，以此产生平滑和流畅的动画。这个工艺被称为“过渡”。

尽管 Synfig Studio 不是直接用来制作一帧一帧描绘的动画的，但是，通过把每帧的位图数据转换为矢量格式，它也可以让您的逐帧手绘动画达到影片品质的水平。这个转换工艺叫做“描绘 (tracing)”。Synfig Studio 内建了很多效果帮您把动画达到专业级别。


不管您制作逐帧动画与否，Synfig Studio 都可以让您灵活控制那些重复的数据，如，颜色、轮廓特征、纹理、图像，等等——甚至动画轨迹和它们的（成套）动作。重复数据的重新利用是通过联接 (Linking) 办到的。对于正经动画项目，Synfig Stuido 也能为您提供满意的答复。

您不仅可以链接 (Link) 作品的各个部分的数据，也可以用一套功能（函数）定义它们之间的相互关系。在定义好的规则上，这可以创作自动化的动画，让整个动画工业达到一个全新的境界。
[[Image:Parabolic-shot.gif|frame|center|Parabolic shot in Synfig's tutorials]]



Synfig Studio 功能特性的相关细节包含在本手册中。


{{Navigation|Category:Manual|Doc:Getting Started}}

Doc:Overview/zh-cn

2013-07-31T03:18:45Z

Jcome: sync with English version

{{Title|概述}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
[[Category:Unverified]]
{{NewTerminology}}

您或许已经知道，动画就是快速显示一系列有序图像而产生的运动错觉。传统二维动画是通过独立绘制出每一张要显示的图像来达到这个目的。这些图像被称为“帧”，这种方法也就叫做“逐帧动画”。需要非常多这样的帧才能产生连续的运动错觉。这种方法耗时且费力。


Synfig Studio 是开源的 2D 矢量动画软件。它的设计初衷是只要在少量人力和物力的情况下就能制作出具有电影品质的动画。

Synfig Studio 是要减少逐帧绘制的劳动。有两种技术可用：
* 变形动画
* 剪影动画

== 变形 ==
[[File:Rose4b.gif|100px|frame|right|Morphing animation of a rose, by Rore]] '''变形''' 是取出两个图像，创建它们之间的平滑过渡转变。在转变过程中，一个图形会变形为另一个，这种变形通常是通过控制点来实现的。在 Synfig Studio 里，图像都是矢量的，这种变形是程序自动完成的。因此，可以只画出时间间隔相对比较大的关键位置图像。艺术家只是按其需要绘制出场景中基本运动的帧，剩下的过渡帧就交由 Synfig Studio 负责创建。

== 剪影 ==
[[Image:Cutoutsample.gif|100px|frame|left|Cutout animation in Synfig's tutorials]]
'''剪纸动画''' 是把物件分切为多个部分，在不同的时刻对这些部件采用简单的变换（比如转化，旋转或缩放）。Synfig Studio 通过这些值插入过渡帧运动。位图和矢量图形都可以用于制作剪纸动画。
 
 

在这两个方案中，Synfig Studio 的角色是填补、画出的帧与帧（也叫做“关键帧”）之间的空白，以此产生平滑和流畅的动画。这个工艺被称为“过渡”。

尽管 Synfig Studio 不是直接用来制作一帧一帧描绘的动画的，但是，通过把每帧的位图数据转换为矢量格式，它也可以让您的逐帧手绘动画达到影片品质的水平。这个转换工艺叫做“描绘 (tracing)”。Synfig Studio 内建了很多效果帮您把动画达到专业级别。


不管您制作逐帧动画与否，Synfig Studio 都可以让您灵活控制那些重复的数据，如，颜色、轮廓特征、纹理、图像，等等——甚至动画轨迹和它们的（成套）动作。重复数据的重新利用是通过联接 (Linking) 办到的。对于正经动画项目，Synfig Stuido 也能为您提供满意的答复。

您不仅可以链接 (Link) 作品的各个部分的数据，也可以用一套功能（函数）定义它们之间的相互关系。在定义好的规则上，这可以创作自动化的动画，让整个动画工业达到一个全新的境界。
[[Image:Parabolic-shot.gif|frame|center|Parabolic shot in Synfig's tutorials]]



Synfig Studio 功能特性的相关细节包含在本手册中。


{{Navigation|Category:Manual|Doc:Getting Started}}

ValueNode/zh-cn

2013-07-29T16:02:02Z

Jcome: /* 动画的值节点 */ format

{{Category|Glossary}}
{{NewTerminology}}
一个值节点就是一个可以随时间变化而改变的值。

一个值节点表现的是一个值以及它随时间改变（包括不改变）的描述。

值节点是那些我们看到的每一个层的每个参数的值。在时间轴面板上看到的航点（waypoint）也是值节点的一部分。航点是具有动画的值节点，计算出在每一个时间点上的值。在 Synfig，每个值节点（因此每个{{l|Parameter|属性}}）有一个类型，Synfig 里一共存在13种{{l|Dev:Types|类型}}。在 Synfig 里，值节点有三种类别。下面的示例中，值节点的类型是[http://en.wikipedia.org/wiki/Real_number 真数]：

== 恒定的值节点 ==

在所有时间里，都只有一个值。这样的值节点例子：

"一直保持在 3.4"

== 动画的值节点 ==

它有{{l|Waypoints|航点}}设定了在某个具体的时间点上它们的值。对于那些没有设定值的时间点上，其值是通过计算相邻航点的值的出来的。例如：

"在动画开始时，是3.4，
然后平顺提高，在10秒时提高到7.6，
然后马上跳跃到2.0，
之后一直保持这个值，直到时间结束。"

== 转换的值节点 ==

值节点{{l|Convert|转换}}成子属性，每一个子属性都拥有自身的值节点。在属性上弹出鼠标右键菜单，从‘转换’子菜单中选择一个类型，就可以让您转换一个值节点。转换后的值节点自身没有航点，但它们的子属性是有的。例如：

"以3.4为起点，
然后每秒以1.2的速率作线性增加。"

Dev:Types/zh-cn

2013-07-29T15:51:44Z

Jcome:

=== 值节点的类型 ===

在 Synfig 中，每一个{{l|ValueNode|值节点}}(ValueNode)，当然每个{{l|Parameter|参数}}（Parameter）也一样，都具有13种类型之一:

# {{l|Image:Type_bool_icon.png|14px}} '''布尔'''—— 布尔值；真或假。在 Synfig Studio 中以选择框的形式出现。
# {{l|Image:Type_integer_icon.png|14px}} '''整数'''—— 整数值；整数。例如 -3, 0 或 2。
# {{l|Image:Type_real_icon.png|14px}} '''真数'''—— 真数值[http://en.wikipedia.org/wiki/Real_number]。例如 -3.0, 0.0, 2.0 和 3.1415。
# {{l|Image:Type_angle_icon.png|14px}} '''角度'''—— 用于解释角度的一个真数。
# {{l|Image:Type_time_icon.png|14px}} '''时间'''—— 时间，显示为天，时，分，秒和帧。
# {{l|Image:Type_vector_icon.png|14px}} '''向量'''—— 二维向量。通常形式是用两个真数来表示横行和纵向（X 和 Y）的值定义表达。
# {{l|Image:Type_color_icon.png|14px}} '''颜色'''—— 颜色。通常形式是用红／绿／蓝／透明（RGBA）四个值来定义表达。
# {{l|Image:Type_segment_icon.png|14px}} '''线段'''—— 一段贝叶茨曲线。用4个向量，也就是2个顶点和2个切线（Tangent），定义。
# {{l|Image:Type_blinepoint_icon.png|14px}} '''样条曲线点'''—— 样条曲线（Spline）上的点。用6个参数来定义：1个定义其位置向量，1个定义其线度的真数，1个定义其原点的真数，1个定义其切线是否分开的布尔值，还有2个定义切线方向的向量（如果切线不是分离的，则只使用第一个向量）。
# {{l|Image:Type_list_icon.png|14px}} '''列表'''—— 清单列表。例如，轮廓线的顶点参数就是1个样条曲线的值节点的列表。
# {{l|Image:Type_canvas_icon_0.63.06.png|14px}} '''画布'''—— 一些层（layers）的集合。当把一些层被群组在一起时，会有个新的{{l|Group Layer|群组层}}产生，这个群组层拥有一个被称为“画布”的参数，该参数的类型是“画布”，它的值就是刚刚成为一个群组的那些层。
# {{l|Image:Type_string_icon.png|14px}} '''字符串'''—— 字符串。例如，“你好，小红！”
# {{l|Image:Type_gradient_icon.png|14px}} '''渐变'''—— 一段色彩范围（真数参数与颜色之间的映射关系）。可以通过多种方法来定义，但通常是使用渐变编辑器来定义。

Dev:Types/zh-cn

2013-07-29T15:51:18Z

Jcome: /* 值节点的类型 */ translate the string sample

=== 值节点的类型 ===

在 Synfig 中，每一个{{l|ValueNode|值节点}}(ValueNode)，当然每个{{l|Parameter|参数}}（Parameter）也一样，都具有13种类型之一:

# {{l|Image:Type_bool_icon.png|14px}} '''布尔'''—— 布尔值；真或假。在 Synfig Studio 中以选择框的形式出现。
# {{l|Image:Type_integer_icon.png|14px}} '''整数'''—— 整数值；整数。例如 -3, 0 或 2。
# {{l|Image:Type_real_icon.png|14px}} '''真数'''—— 真数值[http://en.wikipedia.org/wiki/Real_number]。例如 -3.0, 0.0, 2.0 和 3.1415。
# {{l|Image:Type_angle_icon.png|14px}} '''角度'''—— 用于解释角度的一个真数。
# {{l|Image:Type_time_icon.png|14px}} '''时间'''—— 时间，显示为天，时，分，秒和帧。
# {{l|Image:Type_vector_icon.png|14px}} '''向量'''—— 二维向量。通常形式是用两个真数来表示横行和纵向（X 和 Y）的值定义表达。
# {{l|Image:Type_color_icon.png|14px}} '''颜色'''—— 颜色。通常形式是用红／绿／蓝／透明（RGBA）四个值来定义表达。
# {{l|Image:Type_segment_icon.png|14px}} '''线段'''—— 一段贝叶茨曲线。用4个向量，也就是2个顶点和2个切线（Tangent），定义。
# {{l|Image:Type_blinepoint_icon.png|14px}} '''样条曲线点'''—— 样条曲线（Spline）上的点。用6个参数来定义：1个定义其位置向量，1个定义其线度的真数，1个定义其原点的真数，1个定义其切线是否分开的布尔值，还有2个定义切线方向的向量（如果切线不是分离的，则只使用第一个向量）。
# {{l|Image:Type_list_icon.png|14px}} '''列表'''—— 清单列表。例如，轮廓线的顶点参数就是1个样条曲线的值节点的列表。
# {{l|Image:Type_canvas_icon_0.63.06.png|14px}} '''画布'''—— 一些层（layers）的集合。当把一些层被群组在一起时，会有个新的{{l|Group Layer|群组层}}产生，这个群组层拥有一个被称为“画布”的参数，该参数的类型是“画布”，它的值就是刚刚成为一个群组的那些层。
# {{l|Image:Type_string_icon.png|14px}} '''字符串'''—— 字符串。例如，“小红！”
# {{l|Image:Type_gradient_icon.png|14px}} '''渐变'''—— 一段色彩范围（真数参数与颜色之间的映射关系）。可以通过多种方法来定义，但通常是使用渐变编辑器来定义。