新手起步

From Synfig Studio :: Documentation
Jump to: navigation, search
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的基本功能而已,您還不知道如何讓東西動起來。而這是下一章動畫基礎會提到的喔。