新手起步

From Synfig Studio :: Documentation
Jump to: navigation, search
(介绍)
(颜色選取)
 
(12 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
當您啟動了synfig studio之後,會看到下面的開始畫面:
 
當您啟動了synfig studio之後,會看到下面的開始畫面:
  
[[Image:Interface.png|600px|thumb|center|border|Synfig Studio 的缺省界面布局]]
+
[[Image:Interface.png|600px|thumb|center|border|Synfig Studio 的主要介面布局]]
  
  
Line 27: Line 27:
 
在中間的視窗我們稱為{{L|畫布視窗}}。每一次啟動Synfig studio之後都會打開新的畫布視窗。這個視窗代表了{{l|root畫布}},這個名字現在對你來說可能沒有什麼意義,不過沒關係,我們只是先大略的讓您看看而已。在畫布視窗的左上角,您會看到一個帶有{{l|Canvas Menu Caret|插入}}的按钮。如果點了這個插入的按鈕,就會彈出{{l|Canvas Menu Caret|畫布視窗主選單}}。(另外,如果在畫布空白,沒有[http://synfig.org/wiki/Layer 圖層]的位置上點右键,也會出現這個選單。)您现在知道最重要的畫布選單在哪了。對,就在畫布視窗裡,很好。
 
在中間的視窗我們稱為{{L|畫布視窗}}。每一次啟動Synfig studio之後都會打開新的畫布視窗。這個視窗代表了{{l|root畫布}},這個名字現在對你來說可能沒有什麼意義,不過沒關係,我們只是先大略的讓您看看而已。在畫布視窗的左上角,您會看到一個帶有{{l|Canvas Menu Caret|插入}}的按钮。如果點了這個插入的按鈕,就會彈出{{l|Canvas Menu Caret|畫布視窗主選單}}。(另外,如果在畫布空白,沒有[http://synfig.org/wiki/Layer 圖層]的位置上點右键,也會出現這個選單。)您现在知道最重要的畫布選單在哪了。對,就在畫布視窗裡,很好。
 
   
 
   
 +
另外兩個視窗(一個在下方,一個在右方)是可以自己客製的{{l|dock dialogs|dock dialogs}}。每一個dick dialogs都包含了一些{{L|panel|面板}},排列成水平或者是垂直的樣子。在dock dialogs中,有些面板是共用同一個區塊,而且你可以用點他們的{{l|panel tab|頁面}}來進行切換。您以按照自己的意思,通過拖曳面板的頁面到你想要得地方,將整個dock dialogs給重新調整過。
  
另外两个窗口(一个在下,一个在右)是可定制的{{l|dock dialogs|停靠对话框}},每一个对话框包含一些{{L|panel|面板}},排布成水平的或者垂直的。在停靠对话框中,有些面板是共享空间的,而且您可以通过点击他们的 {{l|panel tab|标签}}进行切换。您也可以按照自己的意愿,通过拖拉面板标签到您希望的地方,把停靠对话框的内容进行重新安排。
+
如果你一個不小心關掉了其中一個{{l|panel|面板}}(拖曳出dock dialogs後,不小心關掉了這個新的dock dialogs)別擔心,只要在工具箱(toolbox)上面選擇File → Panels,並且點你想要得面板名稱就可以讓面板回來了。
 
+
如果您不小心关掉了一个{{l|panel|面板}}(拖拉出停靠对话框,然后关掉这个新的停靠对话框),别担心,只要在{{l|工具箱}}上,选择工具箱菜单{{c|文件|面板}},点击您想要的面板名字。
+
  
 
'''最重要的面板'''有:
 
'''最重要的面板'''有:
* {{l|层面板}} — 这个面板为您显示面板上层的层次等级。它也允许您对这些层进行操作。
 
* {{l|参数面板}} — 这个面板为你显示那些当前选中的层的参数。在选中多个层时,只显示这些被选中的层的共同参数。
 
* {{l|Categorical Help#Synfig Dialogs|工具参数面板}} — 这个面板为您显示当前选中的工具的参数。
 
* {{l|Navigator|导航面板}} — 这个是显示当前选中的画布的缩略图像。您也可以在这个面板上放大或四处移动焦点。
 
* {{l|历史面板}} — 这个是显示当前创作的历史堆栈。您也可以编辑历史中的动作。
 
  
Synfig Studio 有很多的面板。如果您不知道某个面板的用途,只要把鼠标放在其图标之上,会弹出一个提示其功能作用的提示。
+
* {{l|Layers Panel}} — 這個面板告訴你畫布上你每個圖層的層級,並且讓你可以操作這些圖層。
 +
* {{l|Params Panel}} — 這個圖層會顯示你現在選取的圖層的參數。要是有多個圖層被同時選取,就只會顯示這些圖層共同有的參數。
 +
* {{l|Categorical Help#Synfig Dialogs|Tool Options Panel}} — 這個圖層顯示出你現在選取中的工具的所有選項參數。
 +
* {{l|Navigator|Navigator}} —這個面板告訴你目前你的畫布的整體縮圖。你還可以在這個面板上放大或者是轉移焦點。
 +
* {{l|History Panel}} —這個可以紀錄你目前作品的歷史步驟。你也可以在歷史紀錄中編輯你的動作。
 +
 
 +
Synfig Studio 有很多的面板。如果您不知道某個面板的用途,只要把滑鼠指標放在其之上,就會跳出說明其功能作用的提示。
  
 
== 深入了解 ==
 
== 深入了解 ==
  
Synfig Studio,类似其它出色的图形程序,把{{l|canvas|画布}}上独立的元素分解成多个{{l|layer|}}。然而,它和其它程序在两个主要方面不同:
+
Synfig studio就像其他出色的繪圖軟體那樣,把{{l|canvas|畫布}}上每個獨立的元素分解成多個{{l|layer|圖層}}。然而,和其他軟體在兩個主要的方面有所不同。
  
[[Image:LayersPanel.png|right|frame|层面板]]
+
[[Image:LayersPanel.png|right|frame|圖層面板]]
  
# Synfig 独立的层通常作为一个单独的“元件”。如,一个单独的区域,一个区域的轮廓,一个导入的图片,等...这样让您既有良好的灵活性又可以很好的控制。一个创作有上百个层并非罕见之事(当然是按照创作者意愿组织的层次等级)
+
# 在Synfig裡面每一個圖層都代表著獨立的" 原型 "。像是一個單獨的區塊,一個區塊的輪廓,一張匯入的圖片等等。 這樣可以讓您靈活修改並且易於控制。所以你創作一個作品有上百層的圖層可能並非罕見的事情。(當然,可以依照創作者的意願來組織圖層。)
# 层不仅是位于其下的图像的合成信息,同时也会按照一定的方式对其进行扭曲和/或编辑。在这里,Synfig 的层运作更像 Adobe Photoshop 或 Gimp 里的滤镜。比如,我们有一个{{l|模糊层}}{{l|放射式模糊层}}{{l|球形化层}}{{l|颜色矫正层}}{{l|倒角层}},等...
+
# 圖層不僅僅是一堆下面的圖像所組合而成的資訊,同時也按照其他的方式來使之變形和/或編輯之。在這個情況下,Synfig的圖層運作更像是Adobe Photoshop 或 Gimp裡面的濾鏡。例如說,我們有{{l|Blur Layer}}, {{l|Radial Blur Layer}}, {{l|Spherize Layer}}, {{l|Color Correct Layer}}, {{l|Bevel Layer}}之類等等...
每个层都有一套参数来支配其行为表现。当您点击一个层(不管是在画布窗口,还是上面说过的{{l|层面板上}}),在{{l|参数面板}}上就发现到它的各种参数。
+
每個圖層都有一套專屬的參數來支配其行為表現。當你點選一個圖層(不論是在畫布視窗裡的,還是如上圖所顯示的圖層面板裡的圖層),你就可以在參數面板上發現到它各種的參數。。
Synfig Studio 有一个'''自动复原'''的功能。如果它崩了,即使是当前的文件没有保存过,也不会丢去超过五分钟的工作。重启程序是会自动提示用户复原未保存的变化。不幸的是,历史记录没办法恢复。
+
Synfig Studio 有個'''自動復原'''的功能。如果它當機了,即使是當前的工作沒有存檔,也不會失去超過五分鐘的工作。重新開啟軟體是會自動提示用戶復原沒有存檔的變化,不過不幸的是,歷史紀錄步驟就沒有辦法恢復了。
  
{{DevNotesBegin|开发注解}}
+
{{DevNotesBegin|開發註解}}
您也许发现 Synfig Studio 运行得不快,尤其在超过3年的硬件上,使它几乎无法使用。但是在新硬件上其表现是可以接受的。这个问题最大的原因是,为了能够达到高动态范围的图像成像(High-Dynamic-Range Imaging),它所有的颜色处理都是用浮点计算的。
+
您也許會發現 Synfig Studio 執行得不快,尤其是在超過3年的電腦上會讓你幾乎沒法去用,即使它在新的電腦上的表現是可以接受的。這個問題最大的原因是,為了能夠達到高動態範圍的圖像,它所有顏色都是用浮點運算的。
  
然而,一些将要达成的重要实现和优化工作应该会极大的改进Synfig在所有平台上的执行效率。目标不是200%,而是至少'''2000%'''的速度提升。目前在开发分支有个正在进行的,通过OpenGL 实现来这些优化。它已经显示出非常有前途的结果,只是还没到可用阶段而已。
+
然而,一些優化工作以及重要事項的達成應該會改進Synfig在所有平台上的執行效率。我們的目標不只是200%,而是至少提昇'''2000%'''的速度表現。目前在開發分支之中有個正在進行,通過OpenGL來進行優化。它已經展現出非常有前途的結果,只是還沒到達可用的階段而已。
  
 
{{DevNotesEnd}}
 
{{DevNotesEnd}}
  
== 起步 ==
+
== 第一步 ==
 +
 
 +
讓我們來一起創造一些好玩的東西吧!
 +
 
 +
首先,在工具箱(toolbox),點{{l|Circle Tool}}(如果您不知道是哪一個,可以把滑鼠指標放在那些圖形上面,直到您發現其中一個的提示指出是“Circle Tool”的)。
 +
 
 +
點選Circle Tool,此時您應該會注意到您的{{l|Tool Options Panel}}產生變化了。不過這個我們稍候再來講。
 +
 
 +
 
 +
{{Note|註|有些用户也許會發生下面的問題:點了Circle Tool之後到畫布上面用拖曳的方式拉出一個圓,結果什麼都看不到,或者是弄出了個超大的圓。這是個已知的問題,要如何解決呢?首先到这是已知的问题。要解决它,到{{c|File|Input Devices}},並且選取'''disable all the devices'''(比如Macintosh滑鼠指標按鈕模擬和USB光學滑鼠)。如果您有個外接的裝置你想要用,像是手寫觸控筆,此時再將這裡選取打開。完成這個動作後,Synfig 就會跑得如您所願了}}
 +
 
 +
 
 +
選中圓形工具(Circle Tool)之後,你就能在畫布視窗上建立圓形了。就像您預期的那樣,只要在畫布上點一下,然後用拖曳的方式改變半徑大小,最後放開滑鼠按鍵就完成了。創造兩個圓形(如果您想更多也可以)。如果您在拖曳之前就不小心放開了滑鼠按鈕的話,最後只會建立出一個半徑是0的圓形,那可是完全看不見的!不過不用擔心,這樣的問題很容易就能修正。
 +
 
 +
 
 +
在属性面板(Params Panel)中,您可以改變被選中的物件的數值。如果您剛好或是不小心做了個半徑是0的圓形,您可以改變它的半徑(radius)為一個不是0的數值,比如说10,然後等圓圈出現之後在用畫布duck調整成你想要得圓形。
 +
 
 +
 
 +
現在讓我們回到工具箱(Toolbox),點選{{l|Transform Tool}}(有個箭頭的藍色圓圈),然後,點選已經畫好的其中一個圓形。您會看到一個{{l|bounding box}}(邊界框,不過我離題了,這時候這個是沒什麼用的。)一個綠色的點處在圓心,還有另一個青色的點在半徑上,這些點則是被稱為''{{l|duck|ducks}}''。如果您想要改變這個圓形,點選某個duck並且按著不放四處拖曳看看,很簡單的!
  
来,一起创建些有趣的东西,试试这个程序!
 
  
首先,在工具箱,点击{{l|圆形工具}}(如果您不知道是哪一个,可以把鼠标放在它们上面,直到您发现其中一个的工具提示指出是“圆形工具”的)。
+
你可以用點得方式來選取一個圖層。如果您選一次選取多個圖層,按下{{Shortcut|ctrl}}然後再點--這個方法不論是對於畫布視窗還是{{l|Layers Panel}}都有效,您可以試試看!
  
点击圆形工具,您应该注意到{{l|工具参数面板}}产生变化了。但是我们稍后再来说这个。
 
  
 +
您也可以一次選取多個ducks,您可以用幾種方法來達成。首先,您可以按下{{Shortcut|ctrl}}然後一個一個點選想要選的duck,但是這個方法可能比較麻煩一點。有個更快速的方法,用{{l|Selection|selection box}},按下滑鼠並且用拖曳的方式選取你想要得duck。
  
{{Note|注|有些用户也许会经历下面的问题:用圆形工具在画布上点-拖,也许什么也看不到,或者是弄出了超大的圆形。这是已知的问题。要解决它,到{{c|文件|输入设备}},取消'''所有的设备'''(比如Macintosh鼠标按钮模拟和USB光电鼠标)。如果您有扩展输入设备要有,如压感笔,可以在这里激活。完成这个改变后,Synfig 就会跑得如您所愿}}。
 
  
选中圆形工具后,您就能在{{l|画布窗口}}中创建圆形了。就像您希望的一样——在画布上点击,拖动改变半径大小,释放鼠标按钮。去创建两个圆形(如果您喜欢,可以更多)。如果您在拖动之前不小心释放了鼠标按钮,最终会创建的是一个半径为0的圆形,它是完全不可见的!无需担心,这能很容易的得到修正。在属性面板中,您可以改变被选中的物件的参数。如果您刚好做了个半径为0的圆形,它应该还是属于被选中的物件。您可以改变它的半径为一个非0的,比如说10,稍后在用画布duck调整成您要的。
+
接著,選取那兩個圖形,並且選取它們所有的ducks。在多個ducks被選中的同時,移動其中一個duck也就會移動所有的duck,這樣的行為是依靠於Transform Tool的。如此這般,也許Transform Tool用更描述的來說應該是移動工具(move tool)或者是轉換工具(translate tool)。
  
现在回到工具箱,点击{{l|变换工具}}(有个箭头的蓝色圆圈)。然后,点中画好的一个圆形。您会看到一个{{l|边界框}}(这时候这个是没什么用的,我离题了),一个绿色的点处在中心,还有一个青色的点在半径上。这些点被称为''{{l|duck|ducks}}''。如果您想改变这个圆形,抓住某个duck四周拖拖。很容易哦!
 
  
您可以通过点击来选择一个层。如果您想选中多于一个{{l|}},按下{{Shortcut|ctrl}}键再点——这个对于画布窗口和{{l|层面板}}都有效。试试看!
+
在不是選取多個duck的情形下,{{l|Rotate Tool|rotate}} {{l|Scale Tool|scale}} 的功能就跟Transform Tool很像。你自己動手試試看會比只看這些文字文件還要更容易搞清楚。選上幾個圓形,選取它們所有的duck,然後試試看{{l|Rotate Tool|rotate}}(旋轉工具) 和 {{l|Scale Tool|scale}}(縮放工具)
  
您也可以选择多个ducks,您用几个方法来做。首先,您可以按下{{Shortcut|ctrl}}然后一个一个点击要选的duck,但是这个方法可能比较繁琐。有个更快捷的方法——用{{l|Selection|s选择框}},点击鼠标并拖过那些您想选中的ducks 的地方。
 
  
继续,选中那两个圆形,全选它们的 ducks 。在多个 ducks 被选中时,移动其中一个 duck 也就会移动所有的 ducks,这是取决于变换工具的。也许,更写实的名字应该是“移动”或“变换”工具
+
請注意一點,duck操作工具有和它們有關聯的選項。如果有哪個特定的工具用起來非您所願,查查看{{l|Tool Options Panel}},看看是不是按照您所想要的設定。
  
在不是选中多个 ducks 的情形下,{{l|Rotate Tool|旋转}}和{{l|Scale Tool|缩放工具}} 非常类似于变换工具。动手试一试会比只看文档来到容易。选上几个圆形,再选取所有的ducks,试试旋转和缩放工具。
+
== 連接 ==
  
注意,duck 操作工具有一些和它们关联的选项。如果某个特定工具用起来非如您所想,查一下{{l|工具选项面板}},看看是否是您要的设定。
+
現在讓我們來試一下{{l|linking|連接}}功能吧。假設現在有兩個圓形,然後我們想讓這圓形永遠保持一樣大的話該怎麼辦?首先選取這兩個圓形,然後選取它們半徑的duck(青色的點)
  
== 链接 ==
+
要一次選擇多個duck,可以按著滑鼠左鍵,拖曳出一個框框將所有duck選起來。或者事先選一個duck,然後按著{{Shortcut|ctrl}}键再按其他的duck。當您把兩個半徑的duck都選取起來之後,請按右鍵點選其中一個,此時會跳出一個選單。點選{{Literal|Literal}}。咻!兩個參數就連接在一起了。接著您可以試試,當你改變一個圓的半徑大小,另一個也會跟著改變。很整齊的東西吼?
  
现在让我们试一下{{l|linking|链接}}。假设我们想让这两个圆形总是一样大。选上这两个圆形,然后选中他们的半径ducks(青色的点)。
+
連接是synfig一個基本而且很重要的概念。您可以創造的連接不只侷限於duck之間,多個同時被選中的圖層的參數也可以:在參數的頁面(tab)上右鍵點選參數,然後選擇{{Literal|Literal}}
  
要选择多个ducks,可以沿着它们拉一个方框,或者选上第一个,然后按下{{Shortcut|ctrl}}键再选择其余的。一旦您把两个半径 ducks 都选上了,请右击其中一个,会弹出一个菜单。点击{{Literal|链接}}。砰,参数链接到了一起。您可以自己证明:选中任一个圆,改变它的半径——另一个也会跟着变化。很灵巧,对吧?
+
{{Note|題外話|這就是一個物件的輪廓{{l|Outline Layer|(outlines)}}要如何依附著它們的區塊 {{l|Region Layer|(regions)}}。— 不過我有點講得太快了。此時此刻,synfig 核心裡連接的基本能力和靈活性已經超越了synfig studio目前能達到的範圍。這樣的情況在未來會改變的,不過我們先回到正題... }}
  
链接是 Synfig 的一个基本的,而且很重要的概念。您可以创建的链接不只限于 ducks 之间,多个被选中的层的参数之间也可以:在参数标签上右击参数,选择{{Literal|链接}}。
+
== 顏色選取  ==
  
{{Note|题外话|This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} — but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...}}
+
讓我們假設您想要讓其中一個圓圈產生不一樣的顏色好了。如果你看了一下那些工具下面的Toolbox,你會看到一個兩個正方形,分別是outline color和fill color的選項,我們稱為outline/fill color 選擇器。除此之外,還有其他的東西,像是輪廓寬度選擇器(outline width selector)、預設混合模式(default blend method)以及顏色漸層功能(gradient)。utline/fill color 選擇器就像您預期的那樣,你可以點一下來更換其他顏色。它會出現一個顏色選取盤,改變顏色是相當容易的。
  
== 颜色选择  ==
+
不過,有時候你只是想選個顏色然後就開始,這時候就是你右方的palette editor頁面所能做的事情了。儘管他的功能還沒有百分百完成(像是存取或是載入自製調色盤的功能還沒開發出來),預設的調色盤還是頗令人滿意的。點選palette editor的按鈕,看一下--它是個調色色版外觀的圖示,一般來說都在右方。用滑鼠左鍵點選的話,改變的是輪廓(outline)的顏色。滑鼠右鍵改變的則是物件整體填充的顏色(fill)。
  
假如您想让其中一个圆形有不一样的颜色。在工具箱中,那些工具下方,您会发现轮廓/填充颜色选择器,轮廓宽度选择器,以及其它东西,比如如默认混合方法和渐变。轮廓/填充颜色部件就像您所希望的那样——您可以点击填充颜色,会出现一个颜色拾取器。改变颜色是相当容易的。
 
但是,有时候您只是想直接选个颜色。这就要用到调色板编辑器标签了。尽管它的功能还没有 100% 完成(比如,保存和加载自定义色板都还没有实现),默认的色板还是相当令人满意的。点击调色板编辑器面板标签,看一看——它是个调色色板外观的图标。用鼠标左键点击颜色,改变的是轮廓颜色,鼠标右击改变的是填充颜色。
 
  
一切都不错,可以我们还是没改变那个圆形的颜色。有三种方法可以做到这点。第一个是选择这个要编辑的圆形层,在参数面板双击{{Literal|颜色}}参数。会弹出一个颜色拾取器,可以调色。假设您已经把您要的颜色设成默认填充或者轮廓色。在参数面板的颜色参数上右击,选择{{Literal|应用填充色}}{{Literal|应用轮廓色}}。最后一个方法是,用工具箱上的{{Literal|填充工具}}点击画布中的圆形。砰,圆形变色了。这个方法不是只是对圆形有用,我们很快就会知道。
+
一切都還不錯,可是我們還是沒有改變已經創造了的圓形的顏色啊。有三種方法可以達成,第一個是選擇那個要編輯的圖層,然後在參數面板(Params panel)點兩下{{Literal|Color}}參數。此時會跳出一個顏色選取器,你就可以改變物件的顏色。假設您已經把您要得顏色設定成預設顏色或者是輪廓的顏色,在在參數面板(Params panel)右鍵點一下{{Literal|Color}}參數,接著選擇{{Literal|Apply Fill Color}}或者是{{Literal|Apply Outline Color}}。最後一個方法,用工具箱上(toolbox)上的{{Literal|Fill Tool}},點選畫布中的圖形,然後,咻!圖形就變色囉!這個方法不只是對圖形有效,我們很快就會看到其他例子了。
  
用圆形多玩玩,调调各种参数,看看有什么变化。比如,把{{l|羽化参数}}设为5。
+
用圓形多玩玩,調整各種參數試試看,看看有什麼變化。例如說把{{l|Feather Parameter}}調成5看看!
  
== 深度发掘 ==
+
== 深入發掘 ==
  
当然,您还只是知道如何使用Synfig Studio的基本功能,还不知道如何让对象动起来。这是{{l|Doc:Animation_Basics|下一章节}}会涉及的。
+
當然啦,您現在還只是知道如何使用synfig studio的基本功能而已,您還不知道如何讓東西動起來。而這是下一章{{l|Doc:Animation_Basics|動畫基礎}}會提到的喔。

Latest revision as of 13:44, 20 July 2010

Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • 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:  <<Manual>>

介绍

前言:感謝官方論壇上jcome網友已經翻譯成了簡體中文,讓翻譯速度加快了不少

當您啟動了synfig studio之後,會看到下面的開始畫面:

Synfig Studio 的主要介面布局


Synfig Studio 界面主要的组件有:

  • 工具箱(toolbox) — 是 Synfig Studio的主要視窗。如果你關掉這個視窗就代表你要退出Synfig studio了。他包含了程式的主選單以及按鈕、各種工具等等用於創造和編輯您的作品。
  • 畫布(canvas) — 這是您的畫作以及動畫出現的地方。
  • 面板(panel) — 包含了各種工具以及幾個您的專案下某些元素的資訊。有些面板還能夠讓你去修改那些元素。

{{Note|注|如果您的synfig studio看起來跟上圖配置不一樣,而您想要弄回來這個樣子的話,很簡單,只要在工具箱(toolbox)上的file按鈕,按下去後選擇Panels → Reset Windows to Original Layout即可。

在中間的視窗我們稱為畫布視窗。每一次啟動Synfig studio之後都會打開新的畫布視窗。這個視窗代表了Root畫布,這個名字現在對你來說可能沒有什麼意義,不過沒關係,我們只是先大略的讓您看看而已。在畫布視窗的左上角,您會看到一個帶有插入的按钮。如果點了這個插入的按鈕,就會彈出畫布視窗主選單。(另外,如果在畫布空白,沒有圖層的位置上點右键,也會出現這個選單。)您现在知道最重要的畫布選單在哪了。對,就在畫布視窗裡,很好。

另外兩個視窗(一個在下方,一個在右方)是可以自己客製的dock dialogs。每一個dick dialogs都包含了一些面板,排列成水平或者是垂直的樣子。在dock dialogs中,有些面板是共用同一個區塊,而且你可以用點他們的頁面來進行切換。您以按照自己的意思,通過拖曳面板的頁面到你想要得地方,將整個dock dialogs給重新調整過。

如果你一個不小心關掉了其中一個面板(拖曳出dock dialogs後,不小心關掉了這個新的dock dialogs)別擔心,只要在工具箱(toolbox)上面選擇File → Panels,並且點你想要得面板名稱就可以讓面板回來了。

最重要的面板有:

  • Layers Panel — 這個面板告訴你畫布上你每個圖層的層級,並且讓你可以操作這些圖層。
  • Params Panel — 這個圖層會顯示你現在選取的圖層的參數。要是有多個圖層被同時選取,就只會顯示這些圖層共同有的參數。
  • Tool Options Panel — 這個圖層顯示出你現在選取中的工具的所有選項參數。
  • Navigator —這個面板告訴你目前你的畫布的整體縮圖。你還可以在這個面板上放大或者是轉移焦點。
  • History Panel —這個可以紀錄你目前作品的歷史步驟。你也可以在歷史紀錄中編輯你的動作。

Synfig Studio 有很多的面板。如果您不知道某個面板的用途,只要把滑鼠指標放在其之上,就會跳出說明其功能作用的提示。

深入了解

Synfig studio就像其他出色的繪圖軟體那樣,把畫布上每個獨立的元素分解成多個圖層。然而,和其他軟體在兩個主要的方面有所不同。

圖層面板
  1. 在Synfig裡面每一個圖層都代表著獨立的" 原型 "。像是一個單獨的區塊,一個區塊的輪廓,一張匯入的圖片等等。 這樣可以讓您靈活修改並且易於控制。所以你創作一個作品有上百層的圖層可能並非罕見的事情。(當然,可以依照創作者的意願來組織圖層。)
  2. 圖層不僅僅是一堆下面的圖像所組合而成的資訊,同時也按照其他的方式來使之變形和/或編輯之。在這個情況下,Synfig的圖層運作更像是Adobe Photoshop 或 Gimp裡面的濾鏡。例如說,我們有Blur Layer, Radial Blur Layer, Spherize Layer, Color Correct Layer, Bevel Layer之類等等...

每個圖層都有一套專屬的參數來支配其行為表現。當你點選一個圖層(不論是在畫布視窗裡的,還是如上圖所顯示的圖層面板裡的圖層),你就可以在參數面板上發現到它各種的參數。。 Synfig Studio 有個自動復原的功能。如果它當機了,即使是當前的工作沒有存檔,也不會失去超過五分鐘的工作。重新開啟軟體是會自動提示用戶復原沒有存檔的變化,不過不幸的是,歷史紀錄步驟就沒有辦法恢復了。

Development Notes:

您也許會發現 Synfig Studio 執行得不快,尤其是在超過3年的電腦上會讓你幾乎沒法去用,即使它在新的電腦上的表現是可以接受的。這個問題最大的原因是,為了能夠達到高動態範圍的圖像,它所有顏色都是用浮點運算的。

然而,一些優化工作以及重要事項的達成應該會改進Synfig在所有平台上的執行效率。我們的目標不只是200%,而是至少提昇2000%的速度表現。目前在開發分支之中有個正在進行,通過OpenGL來進行優化。它已經展現出非常有前途的結果,只是還沒到達可用的階段而已。

第一步

讓我們來一起創造一些好玩的東西吧!

首先,在工具箱(toolbox),點Circle Tool(如果您不知道是哪一個,可以把滑鼠指標放在那些圖形上面,直到您發現其中一個的提示指出是“Circle Tool”的)。

點選Circle Tool,此時您應該會注意到您的Tool Options Panel產生變化了。不過這個我們稍候再來講。


有些用户也許會發生下面的問題:點了Circle Tool之後到畫布上面用拖曳的方式拉出一個圓,結果什麼都看不到,或者是弄出了個超大的圓。這是個已知的問題,要如何解決呢?首先到这是已知的问题。要解决它,到"File → Input Devices",並且選取disable all the devices(比如Macintosh滑鼠指標按鈕模擬和USB光學滑鼠)。如果您有個外接的裝置你想要用,像是手寫觸控筆,此時再將這裡選取打開。完成這個動作後,Synfig 就會跑得如您所願了
note end


選中圓形工具(Circle Tool)之後,你就能在畫布視窗上建立圓形了。就像您預期的那樣,只要在畫布上點一下,然後用拖曳的方式改變半徑大小,最後放開滑鼠按鍵就完成了。創造兩個圓形(如果您想更多也可以)。如果您在拖曳之前就不小心放開了滑鼠按鈕的話,最後只會建立出一個半徑是0的圓形,那可是完全看不見的!不過不用擔心,這樣的問題很容易就能修正。


在属性面板(Params Panel)中,您可以改變被選中的物件的數值。如果您剛好或是不小心做了個半徑是0的圓形,您可以改變它的半徑(radius)為一個不是0的數值,比如说10,然後等圓圈出現之後在用畫布duck調整成你想要得圓形。


現在讓我們回到工具箱(Toolbox),點選Transform Tool(有個箭頭的藍色圓圈),然後,點選已經畫好的其中一個圓形。您會看到一個Bounding box(邊界框,不過我離題了,這時候這個是沒什麼用的。)一個綠色的點處在圓心,還有另一個青色的點在半徑上,這些點則是被稱為ducks。如果您想要改變這個圓形,點選某個duck並且按著不放四處拖曳看看,很簡單的!


你可以用點得方式來選取一個圖層。如果您選一次選取多個圖層,按下Ctrl然後再點--這個方法不論是對於畫布視窗還是Layers Panel都有效,您可以試試看!


您也可以一次選取多個ducks,您可以用幾種方法來達成。首先,您可以按下Ctrl然後一個一個點選想要選的duck,但是這個方法可能比較麻煩一點。有個更快速的方法,用selection box,按下滑鼠並且用拖曳的方式選取你想要得duck。


接著,選取那兩個圖形,並且選取它們所有的ducks。在多個ducks被選中的同時,移動其中一個duck也就會移動所有的duck,這樣的行為是依靠於Transform Tool的。如此這般,也許Transform Tool用更描述的來說應該是移動工具(move tool)或者是轉換工具(translate tool)。


在不是選取多個duck的情形下,rotatescale 的功能就跟Transform Tool很像。你自己動手試試看會比只看這些文字文件還要更容易搞清楚。選上幾個圓形,選取它們所有的duck,然後試試看rotate(旋轉工具) 和 scale(縮放工具)


請注意一點,duck操作工具有和它們有關聯的選項。如果有哪個特定的工具用起來非您所願,查查看Tool Options Panel,看看是不是按照您所想要的設定。

連接

現在讓我們來試一下連接功能吧。假設現在有兩個圓形,然後我們想讓這圓形永遠保持一樣大的話該怎麼辦?首先選取這兩個圓形,然後選取它們半徑的duck(青色的點)

要一次選擇多個duck,可以按著滑鼠左鍵,拖曳出一個框框將所有duck選起來。或者事先選一個duck,然後按著Ctrl键再按其他的duck。當您把兩個半徑的duck都選取起來之後,請按右鍵點選其中一個,此時會跳出一個選單。點選"Literal"。咻!兩個參數就連接在一起了。接著您可以試試,當你改變一個圓的半徑大小,另一個也會跟著改變。很整齊的東西吼?

連接是synfig一個基本而且很重要的概念。您可以創造的連接不只侷限於duck之間,多個同時被選中的圖層的參數也可以:在參數的頁面(tab)上右鍵點選參數,然後選擇"Literal"

題外話

這就是一個物件的輪廓(outlines)要如何依附著它們的區塊 (regions)。— 不過我有點講得太快了。此時此刻,synfig 核心裡連接的基本能力和靈活性已經超越了synfig studio目前能達到的範圍。這樣的情況在未來會改變的,不過我們先回到正題...
note end


顏色選取

讓我們假設您想要讓其中一個圓圈產生不一樣的顏色好了。如果你看了一下那些工具下面的Toolbox,你會看到一個兩個正方形,分別是outline color和fill color的選項,我們稱為outline/fill color 選擇器。除此之外,還有其他的東西,像是輪廓寬度選擇器(outline width selector)、預設混合模式(default blend method)以及顏色漸層功能(gradient)。utline/fill color 選擇器就像您預期的那樣,你可以點一下來更換其他顏色。它會出現一個顏色選取盤,改變顏色是相當容易的。

不過,有時候你只是想選個顏色然後就開始,這時候就是你右方的palette editor頁面所能做的事情了。儘管他的功能還沒有百分百完成(像是存取或是載入自製調色盤的功能還沒開發出來),預設的調色盤還是頗令人滿意的。點選palette editor的按鈕,看一下--它是個調色色版外觀的圖示,一般來說都在右方。用滑鼠左鍵點選的話,改變的是輪廓(outline)的顏色。滑鼠右鍵改變的則是物件整體填充的顏色(fill)。


一切都還不錯,可是我們還是沒有改變已經創造了的圓形的顏色啊。有三種方法可以達成,第一個是選擇那個要編輯的圖層,然後在參數面板(Params panel)點兩下"Color"參數。此時會跳出一個顏色選取器,你就可以改變物件的顏色。假設您已經把您要得顏色設定成預設顏色或者是輪廓的顏色,在在參數面板(Params panel)右鍵點一下"Color"參數,接著選擇"Apply Fill Color"或者是"Apply Outline Color"。最後一個方法,用工具箱上(toolbox)上的"Fill Tool",點選畫布中的圖形,然後,咻!圖形就變色囉!這個方法不只是對圖形有效,我們很快就會看到其他例子了。

用圓形多玩玩,調整各種參數試試看,看看有什麼變化。例如說把Feather Parameter調成5看看!

深入發掘

當然啦,您現在還只是知道如何使用synfig studio的基本功能而已,您還不知道如何讓東西動起來。而這是下一章動畫基礎會提到的喔。


Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎