添加层

From Synfig Studio :: Documentation
Jump to: navigation, search
m (tpyo in 组合层: section)
m
 
(7 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
== 介绍 ==
 
== 介绍 ==
  
在{{l|Doc:Animation_Basics|前一个教程}}中,您通过改变原始物件的属性完成了第一个动画,比如改变位置,颜色,和大小等。然后,这些简单的类型是不足于创建高级的角色和物件的。为了这个,Synfig 使用了{{l|Layer|层}}。它们和其它绘图软件类似,用于分开同一画面上的不同元素。
+
在{{l|Doc:Animation_Basics|上一个教程}}中,通过改变物件的,位置,颜色,大小等等属性,您完成了第一个动画。然而,这些简单的类型对于创建高级的角色和物件是不够的。为此,Synfig 采用了层的设计。和其它绘图软件类似,层用于分开同一画面上的不同元素。
  
然而,Synfig 的层至少有三个概念上和其它程序是不同:
+
但是,Synfig 的层至少有三点与其它程序是不同的:
  
# 每个物件,元素,和效果都有自己的层。
+
# 每个物件,元素,和效果都有各自的层。
# 可以把层组织成分层有等级的组。
+
# 可以按阶层式对层进行组织。
# 可以用上面的层来改变下面的层的行为表现(或者是外观样子)。
+
# 上面的层会影响到下面层的行为表现(或者是外观样子)。
  
就像您即将看到的,层是Synfig中一个超级重要的,远超过任何其他图形程序。明白层的概念是了解Synfig如何运作的非常重要的部分。
+
很快您就会明白,层是非常重要的,在 Synfig 中,其重要性远超过层在其他任何图形程序的作用。明白层的概念对于了解 Synfig 如何运作是非常重要的。
  
 
== 组合层 ==
 
== 组合层 ==
  
一起看个简单的示例,如何通过组合两个层来创建渐变效果的矩形。
+
一起看个简单的示例,结合两个层创建一个渐变效果的矩形。
  
创建一个时间长度为0的文件。这里,我们无需去和时间轴较真。接着,用矩形工具创建一个简单的矩形{{l|Image:Rectangle_icon.png|32px}}。
+
创建一个时间长度为0的文件。这次我们不用理会时间轴。接着用矩形工具画一个简单的矩形{{l|Image:Rectangle_icon.png|32px}}。
  
 
[[Image:Adding-layers-tutorial-1.png|frame|center]]
 
[[Image:Adding-layers-tutorial-1.png|frame|center]]
  
从工具箱中选用{{l|Gradient Tool|渐变工具}} {{l|Image:Gradient_icon.png|32px}},在画布上按下鼠标左键,拖拉以改变渐变的方向,完成后放开按键。您会注意到另一个叫做渐变的层被添加到层面板。这没什么特别的地方。
+
从工具箱中选用{{l|Gradient Tool|渐变工具}} {{l|Image:Gradient_icon.png|32px}},在画布上按下鼠标左键,拖拉以改变渐变的方向,完成后放开按键。您会注意到另一个名为渐变的层被添加到层面板。这没什么特殊的。
  
 
[[Image:Adding-layers-tutorial-2.png|frame|center]]
 
[[Image:Adding-layers-tutorial-2.png|frame|center]]
  
{{Note|注释|如果您看见的不是渐变而是一个平涂的颜色,那意味着您只是点击画布而没有拖拉鼠标。要修正这个问题,选用{{l|Transform Tool|变换工具}},点击画布激活渐变的ducks。您要抓住其中一个,移动,直到出现渐变。}}
+
{{Note||如果您看见的不是渐变而是一个平涂的颜色,那是因为您只点击画布,没有拖拉鼠标。要修正这个问题,选用{{l|Transform Tool|变换工具}},点击画布激活渐变ducks。您要抓住其中一个,拖动,直到出现渐变。}}
  
有渐变了,但它并不是您想要的:它分布在整个画布上。我们要的是在矩形上的渐变。好,现在一起解决。
+
渐变出现了,但并不是您想要的:它铺满整个画布。我们只是想在矩形上画渐变。好,一起看看如何解决。
  
在层面板上,选择渐变和矩形两个层。然后,右击,从菜单上选择{{Literal|{{l|封装}}}}。层面板起变化了,出现一个叫做{{l|Paste Canvas|内联画布}}前面带箭头的小盒子。点击箭头就能展开内联画布查看其内容,之前的两个层:渐变和矩形。
+
在层面板上,选上渐变和矩形两个层。右击,在弹出菜单上选择{{Literal|{{l|封装}}}}。层面板有变化了,出现一个叫做{{l|Paste Canvas|内联画布}},它是个前面有箭头的小盒子。点击箭头就能展开内联画布查看内容,我们可以看到两个层:渐变和矩形。
  
  
 
[[Image:Adding-layers-tutorial-3.png|frame|center]]
 
[[Image:Adding-layers-tutorial-3.png|frame|center]]
  
您可以把这个层像其他任意的层一样看待——移动,复制,拷贝和粘贴。如果您想改变它的名字,以获得更佳描述性,选中这个层,点击它的标签。就在位置上直接编辑即可。这个动作可以针对可以对任意层,我们也强烈鼓励您这样做。
+
就像对待其他任意的层一样,您可以把这个层移动,复制,拷贝和粘贴。如果您为了给这个层更好的说明,而想改变它的名字,请选中这个层,点击它的标签。就在当前位置上直接编辑即可。任意层都可以做这个,我们也非常鼓励您这样做。
  
== 局部应用 ==
+
== 局部使用 ==
然而,还是有一个问题:渐变还是覆盖整个画布,而我们想要的是限制在矩形上。为此,在层面板上激活渐变层。转到参数面板(默认它位于底部的窗口),找到叫做{{Literal|{{l|混合方式}}}}的属性。双击这个条目并从下拉菜单中选择{{Literal|{{l|Blend Method#Onto|Onto}}}}。
+
然而,问题还是存在:渐变仍然铺满整个画布,我们要的是只在矩形上渐变。为此,在层面板上激活渐变层。到参数面板(默认它位于底部的窗口),找到{{Literal|{{l|混合方式}}}}属性。双击这个条目,从下拉菜单中选择{{Literal|{{l|Blend Method#Onto|Onto}}}}。
  
 
[[Image:Adding-layers-tutorial-4.png|frame|center]]
 
[[Image:Adding-layers-tutorial-4.png|frame|center]]
  
渐变应该被限定到矩形上了。恭喜!您用 Synfig 完成了您的第一个用层与层合成的效果。
+
渐变应该只出现在矩形上了。恭喜!您用 Synfig 完成了您的第一个用层与层合成产生的效果。
 
[[Image:Adding-layers-tutorial-5.png|frame|center]]
 
[[Image:Adding-layers-tutorial-5.png|frame|center]]
  
如果只是提供额外的组织功能,封装多个层为内联画布显著促进Synfig Studio的易用性。但是很多程序也能做到这一点。这个概念只是显示The concept of scope as just demonstrated sets Synfig apart from other programs with layer hierarchies. 关键点是层只能修改直接位于其下的层的数据。也就是说,如果您放一个{{l|模糊层}}在我们刚创建的{{l|Paste Canvas|内联画布}}的层之上,它将之模糊它们——如何其它在内联画布之下的层不会被模糊到!试试看!
+
如果只是为了提供额外的组织功能,把多个层封装为内联画布是明显增强了 Synfig Studio 的易用性。但是很多程序也能做到这一点。刚才给您演示的通过层的阶层范围概念让 Synfig 从其他程序中区别出来。关键点是层只能修改直接处在它下的那些层的数据。也就是说,如果您放一个{{l|模糊层}}到我们刚创建的{{l|Paste Canvas|内联画布}}层之上,只会模糊掉内联画布中的,而其它处于内联画布之下的层不会被模糊!试试看!
  
 
== 用层修改层==
 
== 用层修改层==
确保在选中内联画布层状态下,开始创建两个红色的{{l|Circle Tool|圆形}}。它们会出现在内联画布上方。选择内联画布层然后使用层面板上的{{Literal|上移层}}按钮把它放在两个圆形之上。
+
确保内联画布层被选中状态下,画出两个红色的{{l|Circle Tool|圆形}}。它们会出现在内联画布上方。选择内联画布层,使用层面板上的{{Literal|上移层}}按钮把它移到两个圆形上方。
  
 
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]
 
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]
  
现在我们的内联画布层(包含矩形和渐变)在这两个圆形之前了。
+
现在我们的内联画布层(包含矩形和渐变)在这两个圆形前面了。
  
 
[[Image:Adding-layers-tutorial-7.png|center|frame]]
 
[[Image:Adding-layers-tutorial-7.png|center|frame]]
  
展开内联画布,显示其内容,选择内部的顶层(应该是渐变层)。我们想要插入一个新层。创建另一个填黑色的圆形。黑色的圆会在渐变层之上,内联画布之中。
+
展开内联画布,显示其内容,选择内部的顶层(应该是渐变层)。我们要插入一个新层。创建另一个填黑色的圆形。黑色的圆会在渐变层之上,内联画布之中。
  
 
{| style="margin: 0 auto; text-align: center;"
 
{| style="margin: 0 auto; text-align: center;"
Line 78: Line 78:
 
|}
 
|}
  
哟,模糊了…但还是有点不对——内联画布内容的外边缘还是清晰的。之所以这样是因为模糊的混合方式默认是“复合”(您可以从工具箱中新建层默认值的对话中改变{{l|New Layer Defaults#Default Blend Method|默认的混合方式}})。我们想要的是{{Literal|{{l|Blend Method#Straight|直接}}}}混合方式。选中模糊层,在参数面板上,把混合方式改成{{Literal|直接}}。
+
哟,模糊了…但还是有点不对——内联画布内容的外边缘还是清晰的。之所以这样是因为模糊的混合方式默认是“复合”(您可以在工具箱中改变新建层的{{l|New Layer Defaults#Default Blend Method|默认的混合方式}})。我们要的是{{Literal|{{l|Blend Method#Straight|直接}}}}混合方式。选中模糊层,在参数面板上,把混合方式改成{{Literal|直接}}。
  
  
{{Note|注释|以后,我们可能会改变默认混合方式的方法——因为目前的处理方式只是徒增了麻烦。}}
+
{{Note||以后,我们可能会改变默认混合方式的方法——因为目前方式只是带给用户困扰。}}
 
[[Image:Adding-layers-tutorial-11.png|frame|center]]
 
[[Image:Adding-layers-tutorial-11.png|frame|center]]
  
好,现在我们的内联画布中的全部内容都被模糊了,但在内联画布下面的还是清晰的!
+
好,现在内联画布中的全部内容都被模糊了,而在内联画布下面的还是清晰的!
  
 
== 深度挖掘... ==
 
== 深度挖掘... ==
  
如果您有心看看Synfig的主菜单,在{{c|层|新建层}}上,您会注意到制作层的许多不同可能性。其中一些是很独特的,比如{{c|变换|{{L|Rotate Layer|旋转}}}}。您可以使用这个来给物件添加新的属性。就像其它,比如在前一个动画教程中的基本属性一样,在某些特定的{{L|Keyframe|关键帧}}上改成不一样。Synfig 会自己解释这些变化中间的过渡。
+
如果您留意 Synfig 的主菜单,在{{c|层|新建层}}上,您会注意到制作层的多种可能性。其中一些是很独特的,比如{{c|变换|{{L|Rotate Layer|旋转}}}}。您可以使用这个来给物件添加新的属性。就像其它基本属性一样(就像在前一个动画教程中使用过属性),在某些特定的{{L|Keyframe|关键帧}}上改变它们的值。Synfig 会自己处理这些变化之间的过渡。
  
比如,您可以创建{{L|Doc:Creating Shapes|某种形状}},然后添加个旋转层在它上面。结合上一个教程学到的知识,您就可以创建一个旋转效果。这个技术被用于{{L|Doc:Cut-out Animation|剪纸动画}}的创作。
+
比如,您可以{{L|Doc:Creating Shapes|创建图形}},然后加个旋转层在它上面。结合上一个教程学到的知识,您就可以创建一个旋转效果。这个技术可用于{{L|Doc:Cut-out Animation|剪纸动画}}创作。

Latest revision as of 16:44, 21 June 2011

Languages Language: 

English • Deutsch • español • suomi • français • italiano • Nederlands • português • română • русский • 中文(中国大陆)‎

Warning!

This page contains outdated information.

The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text.

You can help updating this page - see instructions here. Thank you!

warning end


Navigation Navigation:  <<手册>>

介绍

上一个教程中,通过改变物件的,位置,颜色,大小等等属性,您完成了第一个动画。然而,这些简单的类型对于创建高级的角色和物件是不够的。为此,Synfig 采用了层的设计。和其它绘图软件类似,层用于分开同一画面上的不同元素。

但是,Synfig 的层至少有三点与其它程序是不同的:

  1. 每个物件,元素,和效果都有各自的层。
  2. 可以按阶层式对层进行组织。
  3. 上面的层会影响到下面层的行为表现(或者是外观样子)。

很快您就会明白,层是非常重要的,在 Synfig 中,其重要性远超过层在其他任何图形程序的作用。明白层的概念对于了解 Synfig 如何运作是非常重要的。

组合层

一起看个简单的示例,结合两个层创建一个渐变效果的矩形。

创建一个时间长度为0的文件。这次我们不用理会时间轴。接着用矩形工具画一个简单的矩形Rectangle icon.png

Adding-layers-tutorial-1.png

从工具箱中选用渐变工具 Tool gradient icon.png,在画布上按下鼠标左键,拖拉以改变渐变的方向,完成后放开按键。您会注意到另一个名为渐变的层被添加到层面板。这没什么特殊的。

Adding-layers-tutorial-2.png

如果您看见的不是渐变而是一个平涂的颜色,那是因为您只点击画布,没有拖拉鼠标。要修正这个问题,选用变换工具,点击画布激活渐变ducks。您要抓住其中一个,拖动,直到出现渐变。
note end


渐变出现了,但并不是您想要的:它铺满整个画布。我们只是想在矩形上画渐变。好,一起看看如何解决。

在层面板上,选上渐变和矩形两个层。右击,在弹出菜单上选择"封装"。层面板有变化了,出现一个叫做内联画布,它是个前面有箭头的小盒子。点击箭头就能展开内联画布查看内容,我们可以看到两个层:渐变和矩形。


Adding-layers-tutorial-3.png

就像对待其他任意的层一样,您可以把这个层移动,复制,拷贝和粘贴。如果您为了给这个层更好的说明,而想改变它的名字,请选中这个层,点击它的标签。就在当前位置上直接编辑即可。任意层都可以做这个,我们也非常鼓励您这样做。

局部使用

然而,问题还是存在:渐变仍然铺满整个画布,我们要的是只在矩形上渐变。为此,在层面板上激活渐变层。到参数面板(默认它位于底部的窗口),找到"混合方式"属性。双击这个条目,从下拉菜单中选择"Onto"

Adding-layers-tutorial-4.png

渐变应该只出现在矩形上了。恭喜!您用 Synfig 完成了您的第一个用层与层合成产生的效果。

Adding-layers-tutorial-5.png

如果只是为了提供额外的组织功能,把多个层封装为内联画布是明显增强了 Synfig Studio 的易用性。但是很多程序也能做到这一点。刚才给您演示的通过层的阶层范围概念让 Synfig 从其他程序中区别出来。关键点是层只能修改直接处在它下的那些层的数据。也就是说,如果您放一个模糊层到我们刚创建的内联画布层之上,只会模糊掉内联画布中的,而其它处于内联画布之下的层不会被模糊!试试看!

用层修改层

确保内联画布层被选中状态下,画出两个红色的圆形。它们会出现在内联画布上方。选择内联画布层,使用层面板上的"上移层"按钮把它移到两个圆形上方。

Adding-layers-tutorial-6-raise-layer.png

现在我们的内联画布层(包含矩形和渐变)在这两个圆形前面了。

Adding-layers-tutorial-7.png

展开内联画布,显示其内容,选择内部的顶层(应该是渐变层)。我们要插入一个新层。创建另一个填黑色的圆形。黑色的圆会在渐变层之上,内联画布之中。

Adding-layers-tutorial-8.png

好,在层面板上,右击黑色圆形层,弹出一个菜单。菜单的第一个项目是"新建层"。在"新建层"菜单中,会看到多个您能用的层类别,我们想要来个模糊,因此到模糊类别并选择“模糊”层(也就是"新建层 → 模糊 → Blur Layer Category"—> –>模糊”)。

Adding-layers-tutorial-10-composite-blur.png
Adding-layers-tutorial-12.png

哟,模糊了…但还是有点不对——内联画布内容的外边缘还是清晰的。之所以这样是因为模糊的混合方式默认是“复合”(您可以在工具箱中改变新建层的默认的混合方式)。我们要的是"直接"混合方式。选中模糊层,在参数面板上,把混合方式改成"直接"


以后,我们可能会改变默认混合方式的方法——因为目前方式只是带给用户困扰。
note end
Adding-layers-tutorial-11.png

好,现在内联画布中的全部内容都被模糊了,而在内联画布下面的还是清晰的!

深度挖掘...

如果您留意 Synfig 的主菜单,在"层 → 新建层"上,您会注意到制作层的多种可能性。其中一些是很独特的,比如"变换 → 旋转"。您可以使用这个来给物件添加新的属性。就像其它基本属性一样(就像在前一个动画教程中使用过属性),在某些特定的关键帧上改变它们的值。Synfig 会自己处理这些变化之间的过渡。

比如,您可以创建图形,然后加个旋转层在它上面。结合上一个教程学到的知识,您就可以创建一个旋转效果。这个技术可用于剪纸动画创作。


Languages Language: 

English • Deutsch • español • suomi • français • italiano • Nederlands • português • română • русский • 中文(中国大陆)‎