Difference between revisions of "Doc:Interface"

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Add translation bar.)
m (Text replace - '[[' to '{{l|')
Line 5: Line 5:
  
  
<div style="float:left; margin-right:20px; margin-bottom:10px;">[[image:Toolbox.png|left|The Toolbox]]</div>
+
<div style="float:left; margin-right:20px; margin-bottom:10px;">{{l|image:Toolbox.png|left|The Toolbox]]</div>
The [[Toolbox]] is the main window of Synfig: even if you have several open projects, there will only be one Toolbox. The window is separated into three areas or palettes:
+
The {{l|Toolbox]] is the main window of Synfig: even if you have several open projects, there will only be one Toolbox. The window is separated into three areas or palettes:
  
 
* The upper palette contains buttons with access to standard '''file operations''': create a new file, open a file, save (all) file(s) (under a new name), undo and redo as well as access to the settings dialog and the help system.
 
* The upper palette contains buttons with access to standard '''file operations''': create a new file, open a file, save (all) file(s) (under a new name), undo and redo as well as access to the settings dialog and the help system.
  
* Located in the palette underneath are the '''tools''' which allow you to create and manipulate objects (or better: [[layer|layers]], as each object lies in its own layer). You can find a detailed description of each tool in the [[Categorical Help]].
+
* Located in the palette underneath are the '''tools''' which allow you to create and manipulate objects (or better: {{l|layer|layers]], as each object lies in its own layer). You can find a detailed description of each tool in the {{l|Categorical Help]].
  
 
* The lowest palette contains the '''standard settings''' for new layers: fore- and background colours, line width, opacity and layer mode.
 
* The lowest palette contains the '''standard settings''' for new layers: fore- and background colours, line width, opacity and layer mode.
 
----
 
----
  
<div style="float:right;">[[image:canvas.png|right|600px|The Canvas]]</div>
+
<div style="float:right;">{{l|image:canvas.png|right|600px|The Canvas]]</div>
 
Once you have opened a file or created a new project (e.g. via the buttons in the toolbox) you'll see the '''canvas''' window. This is where you'll create your animation!
 
Once you have opened a file or created a new project (e.g. via the buttons in the toolbox) you'll see the '''canvas''' window. This is where you'll create your animation!
  
Whereas most graphics apps have a set of menus at the top of the screen, the top of the MDI window, or the top of the drawing window, Synfig has a '''[[Canvas Menu Caret|caret]]''': the little black triangle in the upper left corner of the canvas. Beneath are all the menus you would expect and that allow you to access most of Synfig's features.
+
Whereas most graphics apps have a set of menus at the top of the screen, the top of the MDI window, or the top of the drawing window, Synfig has a '''{{l|Canvas Menu Caret|caret]]''': the little black triangle in the upper left corner of the canvas. Beneath are all the menus you would expect and that allow you to access most of Synfig's features.
  
 
The area with the grey check-board pattern is your '''working area''' in which you can create elements/layers and manipulate them.
 
The area with the grey check-board pattern is your '''working area''' in which you can create elements/layers and manipulate them.
  
The [[Timebar|timeline]] that you can see in the picture here only appears when you have defined a duration in the settings dialog of your project. To the left you can see the number of the current frame and on the right side two buttons to switch the animation status and to lock/unlock the keyframes. The [[Animation Basics]] Tutorial gives a good introduction on how to work with this buttons.
+
The {{l|Timebar|timeline]] that you can see in the picture here only appears when you have defined a duration in the settings dialog of your project. To the left you can see the number of the current frame and on the right side two buttons to switch the animation status and to lock/unlock the keyframes. The {{l|Animation Basics]] Tutorial gives a good introduction on how to work with this buttons.
  
In the picture above there are three elements on the canvas, the black curve - called [[Bline_Tool|Bline]] - is selected. The little coloured dots control the curve and are called [[duck|ducks]].
+
In the picture above there are three elements on the canvas, the black curve - called {{l|Bline_Tool|Bline]] - is selected. The little coloured dots control the curve and are called {{l|duck|ducks]].
 
----
 
----
  
<div style="float:right; margin-left:20px">[[image:layers_window.png|250px|Navigator and Layers Panel]]</div>
+
<div style="float:right; margin-left:20px">{{l|image:layers_window.png|250px|Navigator and Layers Panel]]</div>
The third window contains again three areas, each of which can show different panels: in this picture the [[Navigator Panel]], the [[Tool Options Panel]] and the [[Layers Panel]] are open.
+
The third window contains again three areas, each of which can show different panels: in this picture the {{l|Navigator Panel]], the {{l|Tool Options Panel]] and the {{l|Layers Panel]] are open.
  
You can access detailed descriptions of the other panels via the [[Categorical Help]].
+
You can access detailed descriptions of the other panels via the {{l|Categorical Help]].
 
----
 
----
[[image:params_etc.png|600px]]
+
{{l|image:params_etc.png|600px]]
The fourth and last window shows the [[Params Panel]], where you can find detailed parameters and settings for the active element like colour, width, opacity, location and so on. To the right is the [[Timetrack Panel]] that allows you to create and modify [[waypoints]].
+
The fourth and last window shows the {{l|Params Panel]], where you can find detailed parameters and settings for the active element like colour, width, opacity, location and so on. To the right is the {{l|Timetrack Panel]] that allows you to create and modify {{l|waypoints]].

Revision as of 07:21, 8 September 2009

Languages Language: 

English • español • français • italiano • română


Template:TranslationBar

Synfig doesn't start in one window, but opens a number of individual windows on your desktop. If you are familiar with The GIMP, you will recognize this layout. This page tries to give you a short introduction to the different elements you will find after opening synfig.


{{l|image:Toolbox.png|left|The Toolbox]]

The {{l|Toolbox]] is the main window of Synfig: even if you have several open projects, there will only be one Toolbox. The window is separated into three areas or palettes:

  • The upper palette contains buttons with access to standard file operations: create a new file, open a file, save (all) file(s) (under a new name), undo and redo as well as access to the settings dialog and the help system.
  • Located in the palette underneath are the tools which allow you to create and manipulate objects (or better: {{l|layer|layers]], as each object lies in its own layer). You can find a detailed description of each tool in the {{l|Categorical Help]].
  • The lowest palette contains the standard settings for new layers: fore- and background colours, line width, opacity and layer mode.

{{l|image:canvas.png|right|600px|The Canvas]]

Once you have opened a file or created a new project (e.g. via the buttons in the toolbox) you'll see the canvas window. This is where you'll create your animation!

Whereas most graphics apps have a set of menus at the top of the screen, the top of the MDI window, or the top of the drawing window, Synfig has a {{l|Canvas Menu Caret|caret]]: the little black triangle in the upper left corner of the canvas. Beneath are all the menus you would expect and that allow you to access most of Synfig's features.

The area with the grey check-board pattern is your working area in which you can create elements/layers and manipulate them.

The {{l|Timebar|timeline]] that you can see in the picture here only appears when you have defined a duration in the settings dialog of your project. To the left you can see the number of the current frame and on the right side two buttons to switch the animation status and to lock/unlock the keyframes. The {{l|Animation Basics]] Tutorial gives a good introduction on how to work with this buttons.

In the picture above there are three elements on the canvas, the black curve - called {{l|Bline_Tool|Bline]] - is selected. The little coloured dots control the curve and are called {{l|duck|ducks]].


{{l|image:layers_window.png|250px|Navigator and Layers Panel]]

The third window contains again three areas, each of which can show different panels: in this picture the {{l|Navigator Panel]], the {{l|Tool Options Panel]] and the {{l|Layers Panel]] are open.

You can access detailed descriptions of the other panels via the {{l|Categorical Help]].


{{l|image:params_etc.png|600px]] The fourth and last window shows the {{l|Params Panel]], where you can find detailed parameters and settings for the active element like colour, width, opacity, location and so on. To the right is the {{l|Timetrack Panel]] that allows you to create and modify {{l|waypoints]].


Languages Language: 

English • español • français • italiano • română