新手起步
(→深入了解) |
(→颜色選取) |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 45: | Line 45: | ||
Synfig studio就像其他出色的繪圖軟體那樣，把{{l|canvas|畫布}}上每個獨立的元素分解成多個{{l|layer|圖層}}。然而，和其他軟體在兩個主要的方面有所不同。 | Synfig studio就像其他出色的繪圖軟體那樣，把{{l|canvas|畫布}}上每個獨立的元素分解成多個{{l|layer|圖層}}。然而，和其他軟體在兩個主要的方面有所不同。 | ||
| − | [[Image:LayersPanel.png|right|frame| | + | [[Image:LayersPanel.png|right|frame|圖層面板]] |
# 在Synfig裡面每一個圖層都代表著獨立的" 原型 "。像是一個單獨的區塊，一個區塊的輪廓，一張匯入的圖片等等。 這樣可以讓您靈活修改並且易於控制。所以你創作一個作品有上百層的圖層可能並非罕見的事情。（當然，可以依照創作者的意願來組織圖層。） | # 在Synfig裡面每一個圖層都代表著獨立的" 原型 "。像是一個單獨的區塊，一個區塊的輪廓，一張匯入的圖片等等。 這樣可以讓您靈活修改並且易於控制。所以你創作一個作品有上百層的圖層可能並非罕見的事情。（當然，可以依照創作者的意願來組織圖層。） | ||
| Line 59: | Line 59: | ||
{{DevNotesEnd}} | {{DevNotesEnd}} | ||
| − | == | + | == 第一步 == |
| − | + | 讓我們來一起創造一些好玩的東西吧！ | |
| − | + | 首先，在工具箱(toolbox)，點{{l|Circle Tool}}（如果您不知道是哪一個，可以把滑鼠指標放在那些圖形上面，直到您發現其中一個的提示指出是“Circle Tool”的）。 | |
| − | + | 點選Circle Tool，此時您應該會注意到您的{{l|Tool Options Panel}}產生變化了。不過這個我們稍候再來講。 | |
| − | {{Note| | + | {{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並且按著不放四處拖曳看看，很簡單的！ | |
| − | |||
| − | + | 你可以用點得方式來選取一個圖層。如果您選一次選取多個圖層，按下{{Shortcut|ctrl}}然後再點--這個方法不論是對於畫布視窗還是{{l|Layers Panel}}都有效，您可以試試看！ | |
| − | |||
| − | + | 您也可以一次選取多個ducks，您可以用幾種方法來達成。首先，您可以按下{{Shortcut|ctrl}}然後一個一個點選想要選的duck，但是這個方法可能比較麻煩一點。有個更快速的方法，用{{l|Selection|selection box}}，按下滑鼠並且用拖曳的方式選取你想要得duck。 | |
| − | |||
| − | + | 接著，選取那兩個圖形，並且選取它們所有的ducks。在多個ducks被選中的同時，移動其中一個duck也就會移動所有的duck，這樣的行為是依靠於Transform Tool的。如此這般，也許Transform Tool用更描述的來說應該是移動工具（move tool）或者是轉換工具(translate tool)。 | |
| − | |||
| − | + | 在不是選取多個duck的情形下，{{l|Rotate Tool|rotate}} 和 {{l|Scale Tool|scale}} 的功能就跟Transform Tool很像。你自己動手試試看會比只看這些文字文件還要更容易搞清楚。選上幾個圓形，選取它們所有的duck，然後試試看{{l|Rotate Tool|rotate}}（旋轉工具） 和 {{l|Scale Tool|scale}}（縮放工具） | |
| − | + | ||
| − | |||
| − | + | 請注意一點，duck操作工具有和它們有關聯的選項。如果有哪個特定的工具用起來非您所願，查查看{{l|Tool Options Panel}}，看看是不是按照您所想要的設定。 | |
| − | == | + | == 連接 == |
| − | + | 現在讓我們來試一下{{l|linking|連接}}功能吧。假設現在有兩個圓形，然後我們想讓這圓形永遠保持一樣大的話該怎麼辦？首先選取這兩個圓形，然後選取它們半徑的duck(青色的點) | |
| + | |||
| + | 要一次選擇多個duck，可以按著滑鼠左鍵，拖曳出一個框框將所有duck選起來。或者事先選一個duck，然後按著{{Shortcut|ctrl}}键再按其他的duck。當您把兩個半徑的duck都選取起來之後，請按右鍵點選其中一個，此時會跳出一個選單。點選{{Literal|Literal}}。咻！兩個參數就連接在一起了。接著您可以試試，當你改變一個圓的半徑大小，另一個也會跟著改變。很整齊的東西吼？ | ||
| + | |||
| + | 連接是synfig一個基本而且很重要的概念。您可以創造的連接不只侷限於duck之間，多個同時被選中的圖層的參數也可以：在參數的頁面(tab)上右鍵點選參數，然後選擇{{Literal|Literal}} | ||
| + | |||
| + | {{Note|題外話|這就是一個物件的輪廓{{l|Outline Layer|（outlines）}}要如何依附著它們的區塊 {{l|Region Layer|（regions）}}。— 不過我有點講得太快了。此時此刻，synfig 核心裡連接的基本能力和靈活性已經超越了synfig studio目前能達到的範圍。這樣的情況在未來會改變的，不過我們先回到正題... }} | ||
| + | |||
| + | == 顏色選取 == | ||
| + | |||
| + | 讓我們假設您想要讓其中一個圓圈產生不一樣的顏色好了。如果你看了一下那些工具下面的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）點兩下{{Literal|Color}}參數。此時會跳出一個顏色選取器，你就可以改變物件的顏色。假設您已經把您要得顏色設定成預設顏色或者是輪廓的顏色，在在參數面板（Params panel）右鍵點一下{{Literal|Color}}參數，接著選擇{{Literal|Apply Fill Color}}或者是{{Literal|Apply Outline Color}}。最後一個方法，用工具箱上(toolbox)上的{{Literal|Fill Tool}}，點選畫布中的圖形，然後，咻！圖形就變色囉！這個方法不只是對圖形有效，我們很快就會看到其他例子了。 | ||
| + | |||
| + | 用圓形多玩玩，調整各種參數試試看，看看有什麼變化。例如說把{{l|Feather Parameter}}調成5看看！ | ||
| + | |||
| + | == 深入發掘 == | ||
| + | |||
| + | 當然啦，您現在還只是知道如何使用synfig studio的基本功能而已，您還不知道如何讓東西動起來。而這是下一章{{l|Doc:Animation_Basics|動畫基礎}}會提到的喔。 | ||
Latest revision as of 13:44, 20 July 2010
 |
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! |
介绍
前言：感謝官方論壇上jcome網友已經翻譯成了簡體中文，讓翻譯速度加快了不少
當您啟動了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就像其他出色的繪圖軟體那樣，把畫布上每個獨立的元素分解成多個圖層。然而，和其他軟體在兩個主要的方面有所不同。
- 在Synfig裡面每一個圖層都代表著獨立的" 原型 "。像是一個單獨的區塊，一個區塊的輪廓，一張匯入的圖片等等。 這樣可以讓您靈活修改並且易於控制。所以你創作一個作品有上百層的圖層可能並非罕見的事情。（當然，可以依照創作者的意願來組織圖層。）
- 圖層不僅僅是一堆下面的圖像所組合而成的資訊，同時也按照其他的方式來使之變形和/或編輯之。在這個情況下，Synfig的圖層運作更像是Adobe Photoshop 或 Gimp裡面的濾鏡。例如說，我們有Blur Layer, Radial Blur Layer, Spherize Layer, Color Correct Layer, Bevel Layer之類等等...
每個圖層都有一套專屬的參數來支配其行為表現。當你點選一個圖層（不論是在畫布視窗裡的，還是如上圖所顯示的圖層面板裡的圖層），你就可以在參數面板上發現到它各種的參數。。 Synfig Studio 有個自動復原的功能。如果它當機了，即使是當前的工作沒有存檔，也不會失去超過五分鐘的工作。重新開啟軟體是會自動提示用戶復原沒有存檔的變化，不過不幸的是，歷史紀錄步驟就沒有辦法恢復了。
您也許會發現 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 就會跑得如您所願了
|
選中圓形工具(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的情形下，rotate 和 scale 的功能就跟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目前能達到的範圍。這樣的情況在未來會改變的，不過我們先回到正題...
|
顏色選取
讓我們假設您想要讓其中一個圓圈產生不一樣的顏色好了。如果你看了一下那些工具下面的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的基本功能而已，您還不知道如何讓東西動起來。而這是下一章動畫基礎會提到的喔。
