Los geht's

From Synfig Studio :: Documentation
Jump to: navigation, search
(Created page with '<!-- Page info --> {{Title|Los geht's}} {{Navigation|Category:Manual|Doc:Animation_Basics}} Category:Manual Category:Tutorials Category:Tutorials Basic [[Category:Upd…')
 
m (Re-translated title)
 
(33 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
{{Title|Los geht's}}
 
{{Title|Los geht's}}
 
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 
{{Navigation|Category:Manual|Doc:Animation_Basics}}
[[Category:Manual]]
+
{{TOCright}}
[[Category:Tutorials]]
+
{{Category|Manual}}
[[Category:Tutorials Basic]]
+
{{Category|Tutorials}}
[[Category:Updated]]
+
{{Category|Tutorials Basic}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
== Einführung ==
+
== Bedienoberfläche ==
 
Wenn Du Synfig Studio startest erscheinen die folgenden Fenster:
 
Wenn Du Synfig Studio startest erscheinen die folgenden Fenster:
  
[[Image:Interface.png|600px|thumb|center|border|Default interface layout of Synfig Studio]]
+
[[File:Interface-1.0-de.png|900px|thumb|center|border|Typische Oberflächenanordnung von Synfig Studio]]
 
+
 
+
  
 
Die Hauptkomponenten der Synfig Studio Oberfläche sind:
 
Die Hauptkomponenten der Synfig Studio Oberfläche sind:
  
* {{l|Werkzeugkasten}} &mdash; ist das Hauptfenster von Synfig Studio. Wenn Du dieses Fenster schließt beendet sich das Programm. Es enthält das System Menü und einige Knöpfe, werkzeuge und mehr um Deine Zeichnungen zu erstellen und zu bearbeiten.
+
* {{l|Toolbox|Werkzeugkasten}} &mdash; ist das Hauptfenster von Synfig Studio. Es enthält das Systemmenü und einige Tasten, Werkzeuge und mehr, um Deine Zeichnungen zu erstellen und zu bearbeiten. Wenn Du dieses Fenster schließt, beendet sich das Programm.  
* {{l|Animation}} &mdash; hier werden Deine Animationen und Zeichnungen dargestellt.  
+
* {{l|Canvas|Animation}} &mdash; hier werden Deine Animationen und Zeichnungen dargestellt.  
* {{l|Anzeigen}} &mdash; enthält Werkzeuge und Informationen über bestimmte Elemente Deines Projekts. Einige Anzeigen erlauben Dir diese Elemente sogar zu verändern.
+
* {{l|Category:Panels|Anzeigen}} &mdash; enthält Werkzeuge und Informationen über bestimmte Elemente Deines Projekts. Einige Anzeigen erlauben Dir diese Elemente sogar zu verändern.
 
+
{{Note|Note|Wenn Deine Synfig Studio Oberfläche anders aussieht gibt es zum Glück eine Möglichkeit dieses Aussehen einfach wieder herzustellen. Im {{Literal|Datei}} Menü des Werkzeugkastens wähle {{c|Anzeigen|Fenster auf Originallayout zurücksetzen}}.}}
+
Das Fenster in der Mitte wird {{l|Animationsfenster}} genannt. Jedes mal wenn Du Synfig Studio startest wird ein neues Animationsfenster geöffnet. Dieses Fenster stellt die {{l|Basisanimation}} dar, was das bedeutet ist für Dich momentan noch unklar, aber das ist in Ordnung &mdash; wir wollen Dich ja nur ein wenig herumführen. I der obene linken Ecke des Animationsfensters
+
 
+
XXX  In the upper left corner of the Canvas Window, you'll see a button with a {{l|Canvas Menu Caret|caret}}. If you click on this caret button, the {{l|Canvas Menu Caret|canvas window menu}} will pop up. (By the way, if you right-click in the canvas area and there is not a {{l|layer}} under the mouse position, this menu will also appear.)  So now you know where the '''most important canvas menu''' is, right in the Canvas Window. Good.
+
 
+
The other two windows (one on the bottom, and one to the right) are customizable {{l|dock dialogs|dock dialogs}}. Each dock dialog contains a set of {{L|panel|panels}}, arranged horizontally or vertically. Some panels share the same space inside the dock dialog and you can switch between them by clicking on their {{l|panel tab|tabs}}. You can rearrange the contents of dock dialogs as you wish by dragging the panel tab to where you want it. You can even create a new dock dialog by dragging a tab out of its dock dialog.
+
 
+
If you accidentally close a {{l|panel|panel}} (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply go to the {{l|Toolbox}}, select {{c|File|Panels}} in toolbox menu and then click on the name of the panel you need.
+
 
+
  
 +
{{Note|Hinweis|Wenn Deine Synfig Studio Oberfläche anders aussieht, gibt es eine Möglichkeit dieses Aussehen einfach wieder herzustellen. Im {{Literal|Datei}} Menü des Werkzeugkastens wähle {{c|Anzeigen|Fenster auf Originallayout zurücksetzen}}.}}
  
The '''most important panels''' are:
+
Das Fenster in der Mitte wird {{L|Category:Canvas_Window|Animationsfenster}} genannt. Jedes mal wenn Du Synfig Studio startest wird ein neues Animationsfenster geöffnet. Dieses Fenster stellt die {{l|Root Canvas|Basisanimation}} dar, was das bedeutet ist für Dich momentan noch unklar, aber das ist in Ordnung &mdash; wir wollen Dich ja nur ein wenig herumführen. In der oberen linken Ecke des Animationsfensters siehst Du eine Taste mit einem {{l|Canvas Menu Caret|Pfeil}}. Wenn Du auf diese Pfeiltaste klickst wird das {{l|Canvas Menu Caret|Animationsfenster Menü }} erscheinen. (Übrigens, wenn Du auf dem Animationsbereich rechts klickst und unter dem Mauszeiger ist keine {{l|layer|Ebene}} erscheint dieses Menü auch.) So, nun weißt Du wo das wichtigste Animationsmenü ist, einfach im Animationsfenster. Gut.
  
* {{l|Layers Panel}} &mdash; This panel shows you the hierarchy of layer of your working canvas. It also allows you to manipulate these layers.
+
Die anderen beiden Fenster (eines unten, das andere rechts) sind anpassbare {{l|dock dialogs|Dock-Container}}. Jeder Dock-Container enthält einige {{L|panel|Anzeigen}}, horizontal oder vertikal angeordnet. Einige Anzeigen teilen sich denselben Platz in der Leiste und man kann zwischen ihnen umschalten, indem man auf ihre {{l|panel tab|Reiter}} klickt. Du kannst die Inhalte der Leisten beliebig verschieben indem Du den Anzeigenreiter verschiebst wohin Du willst. Du kannst sogar ein neues Dock erstellen, indem Du einen Reiter neben ein Dock ziehst.
* {{l|Params Panel}} &mdash; This panel shows you the parameters of the layer currently selected. When multiple layers are selected, only the parameters that the selected layers have in common are displayed.
+
* {{l|Categorical Help#Synfig Dialogs|Tool Options Panel}} &mdash; This panel shows you any options specific to the currently selected tool.
+
* {{l|Navigator|Navigator}} &mdash; This shows a thumbnail image of what the currently selected canvas looks like. You can also zoom in and move the focus around with this panel.
+
* {{l|History Panel}} &mdash; This shows you the history stack for the current composition. You can also edit the actions in history.
+
  
There are many {{l|panel|panels}} in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.
+
Wenn Du versehentlich eine {{l|panel|Anzeige}} geschlossen hast (durch Herausziehen aus dem Dock und schließen des neu erstellten Containers), kein Problem. Benutze einfach den {{l|Toolbox|Werkzeugkasten}}, wähle {{c|Datei|Anzeigen}} im Werkzeugkasten Menü und klicke auf den Namen der benötigten Anzeige.
  
 +
Die wichtigsten Anzeigen sind:
  
 +
* {{l|Layers Panel|Ebenen}} &mdash; Diese Anzeige zeigt Dir die Hierarchie der Ebenen in Deiner aktuellen Animation. Sie erlaubt Dir auch diese Ebenen zu ändern.
 +
* {{l|Parameters Panel|Parameter}} &mdash; Diese Anzeige zeigt Dir die Parameter der ausgewählten Ebene. Wenn mehrere Ebenen markiert sind, werden nur die gemeinsamen Parameter angezeigt.
 +
* {{l|Tool Options Panel|Werkzeugoptionen}} &mdash; Diese Anzeige zeigt Dir die Parameter des gerade aktiven Werkzeugs.
 +
* {{l|Navigator|Navigator}} &mdash; Dies zeigt ein Überblicksbild des aktuellen Animationsausschnitts. Du kannst hereinzoomen und den Ausschnitt damit wählen.
 +
* {{l|History Panel|History}} &mdash; Dies ziegt Dir die gespeicherte Historie der derzeitigen Komposition. Du kannst die Aktionen in der Historie verändern.
  
== Under the hood ==
+
Es gibt viele unterschiedliche {{l|panel|Anzeigen}} in Synfig Studio. Wenn Du nicht weißt, was eine Anzeige macht, dann halte einfach den Mauszeiger über sie und eine Beschreibung ihrer Funktion wird angezeigt.
  
Synfig Studio, like most every other competent graphics program, breaks down individual elements of a {{l|canvas|canvas}} into {{l|layer|layers}}. However, it differs from other programs in two major ways:
+
== Was steckt unter der Haube? ==
  
[[Image:LayersPanel.png|right|frame|Layers Panel]]
+
[[File:Adding_Layers_tutorial-12_0.64.1-de.png|right|frame|Ebenenanzeige]]
  
# An individual layer in Synfig usually represents a single "Primitive". I.e. a single region, an outline of a region, an imported image, etc... This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers (organized into a hierarchy for artist's sanity of course).
+
Synfig Studio, wie die meisten professionellen Grafikprogramme, legt die individuellen Elemente einer {{l|canvas|Animation}} in {{l|layer|Ebenen}} ab. Aber es unterscheidet sich von anderen Programmen in zwei wesentlichen Punkten:
# A layer can not only composite information on top of the image below it, but also distorts and/or modify it in some other way. In this sense, Synfig's Layers act much like filters do in Adobe Photoshop or the GIMP. For example, we have a {{l|Blur Layer}}, {{l|Radial Blur Layer}}, {{l|Spherize Layer}}, {{l|Color Correct Layer}}, {{l|Bevel Layer}}, etc...
+
  
Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the canvas window, or in the illustrated {{l|Layers Panel}}), you will see its parameters in the {{l|Params Panel}}.
+
#  Eine Ebene in Synfig repräsentiert normalerweise ein einzelnes "Primitiv",  z.B. eine einzelne Region, eine Umrandung einer Region, ein importiertes Bild, ... Dies gibt Dir weitreichende Flexibilität und Kontrolle. Für eine Komposition ist es durchaus üblich Hunderte von Ebenen zu haben (natürlich durch den Benutzer sinnvoll hierarchisch organisiert).
 +
# Eine Ebene kann nicht nur weitere Elemente auf die darunter liegenden Ebenen hinzufügen, sondern kann auch verändernd auf die darunter liegenden Ebenen einwirken. In diesem Sinne verhalten sich Synfigs Ebenen wie Filter in Adobe Photoshop oder GIMP. Zum Beispiel gibt es eine {{l|Blur Layer|Unschärfe Ebene}}, {{l|Radial Blur Layer|Radiale Unschärfe Ebene}}, {{l|Spherize Layer|Spherize Ebene}}, {{l|Color Correct Layer|Farbkorrektur Ebene}}, {{l|Bevel Layer|Schräge Ebene}}, ...
  
Synfig Studio has an '''autorecovery''' feature. If it crashes, even if the current file has not been saved, it will not lose more than 5 minutes of work. At restart it will automatically prompt the user to recover the unsaved changes. Unfortunately history isn't recovered yet.
+
Jede Ebene hat eine Menge an Parametern, die bestimmen wie sie sich verhält. Wenn Du auf eine Ebene klickst (entweder im Animationsfenster oder in der dargestellten {{l|Layers Panel|Ebenenanzeige}}), wirst Du ihre Parameter in der {{l|Parameters Panel|Parameter Anzeige}} sehen.
  
{{DevNotesBegin}}
+
== Erste Schritte ==
You may find that Synfig Studio is SLOW, making it practically unusable on hardware that is over 3 years old even if it behaves acceptably on recent hardware. The biggest reason for this is that all of the color calculations are done in floating point &mdash; to enable High-Dynamic-Range Imaging.
+
  
HOWEVER, some major re-implementations and optimizations are to be made that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, but at least a '''2000% speed increase'''. Currently there is a work in progress in development branch implementing those optimization via OpenGL. It already shows very promising results, but is not ready for usage yet.
+
Lass uns erst einmal etwas erstellen, um damit etwas herumzuspielen!
{{DevNotesEnd}}
+
  
== First steps ==
+
Zuerst klicke im Werkzeugkasten auf das {{l|Circle Tool|Kreis Werkzeug}} (wenn Du nicht weißt, welches das ist, dann bewege den Mauszeiger über die Werkzeuge und lies die Hinweise).
  
Let's create something fun so that we can play with it!
+
Wenn Du auf das Kreis Werkzeug klickst, siehst Du, dass die {{l|Tool Options Panel|Werkzeugoptionen Anzeige}} sich ändert. Dazu kommen wir aber später noch.
  
First, go over to the toolbox and click on the {{l|Circle Tool}} (if you don't know which one it is, just mouse over them until you find the one with the tooltip that says "Circle Tool").  
+
Während das Kreis Werkzeug ausgewählt ist, kannst Du Kreise im {{L|Category:Canvas_Window|Animationsfenster}} erzeugen. Dies funktioniert wie erwartet &mdash; klicke auf die Animation, zieh um den Radius zu ändern und lass die Maustaste los, wenn Du fertig bist. Mach ruhig 2 Kreise (oder mehr, wenn Du Lust hast). Wenn Du die Maustaste versehentlich loslässt, bevor Du gezogen hast, dann hast Du einen Kreis mit Radius 0 gezeichnet, der unsichtbar ist! Aber kein Problem, das kannst Du leicht beheben. In der Parameter Ansicht kannst Du die Parameter des ausgewählten Objekts ändern. Falls Du gerade einen Kreis ohne Ausdehnung gezeichnet hast, sollte er das zurzeit ausgewählte Objekt sein. Du kannst den Radius auf einen anderen Wert (z.B. 10) setzen, um ihn dann mit den Griffen weiter zu verändern.
  
When you click on the circle tool, you should notice that the {{l|Tool Options Panel}} changed. But we'll get to that later.
+
{{Note|Hinweis|Bei einigen Nutzern könnte folgendes Problem auftreten: Wenn Du mit dem Kreis Werkzeug auf die Animation klickst und ziehst, scheint entweder nichts zu passieren oder Du hast plötzlich unglaublich riesige Kreise. Um das zu beheben, geh auf {{c|Datei|Eingabegeräte}} und '''deaktiviere alle Geräte''', die Du dort findest. Falls Du ein Eingabegerät, wie z.B. einen Druck-empfindlichen Stift, angeschlossen hast, dann aktivier es in diesem Bildschirm. Nach dieser Änderung wird Synfig arbeiten wie erwartet.}}
 +
Geh nun zum Werkzeugkasten zurück und klicke auf das {{l|Transform Tool|Ändern Werkzeug}} (Der Knopf mit dem Pfeil darauf). Danach klicke auf einen der Kreise. Dann siehst Du einen "{{l|bounding box|Begrenzungsrahmen}}", einen grünen Punkt in der Mitte und einen blaugrünen Punkt für den Radius. Diese Punkte nennen wir "{{l|handle|Griffe}}". Wenn Du den Kreis verändern willst, dann spiele ein wenig mit den Griffen herum. Ganz einfach!
  
{{Note|Note|Some users might experience the following problem: when you click-drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. This is a known problem. To fix this go to {{c|File|Input Devices}} and '''disable all the devices''' you can find there (such as Macintosh mouse button emulation or USB Optical mouse). If you have an extended input device that you want to use, such as a pressure-sensitive pen, then enable it in this screen. After this change Synfig will work as expected.}}
+
Du kannst eine {{l|layer|Ebene}} durch anklicken auswählen. Wenn Du mehr als eine Ebene auswählen möchtest, dann halte die {{Shortcut|Strg}}-Taste gedrückt, während Du klickst &mdash; das funktioniert im Animationsfenster und in der {{l|Layers Panel|Ebenenanzeige}}. Versuch es!
With the Circle Tool selected, you can now create circles in the {{l|Canvas Window}}. This works as you might expect &mdash; click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.
+
  
Now go back to the toolbox and click on the {{l|Transform Tool}} (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a {{l|bounding box}} (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ''{{l|duck|ducks}}''. If you want to modify the circle, grab a duck and drag it around. Easy!
+
Du kannst auch mehrere Griffe auswählen. Das kannst du auf unterschiedliche Weise tun. Entweder Du hältst {{Shortcut|Strg}} gedrückt und klickst auf die weiteren Griffe, die Du auswählen willst, was aufwändig sein kann. Oder Du benutzt die schnellere Methode &mdash; Du erstellst eine Auswahl durch klicken und ziehen der Maus über einen Bereich.  
  
You can select a {{l|layer}} by clicking on it. If you want to select more than one layer, hold down {{Shortcut|ctrl}} key while you are clicking &mdash; this works in both the Canvas Window and the {{l|Layers Panel}}. Try it!
+
Erstelle nun zwei Kreise und wähle alle Griffe der beiden aus. Wenn Du mehrere Griffe ausgewählt hast und einen bewegst, dann bewegen sich alle.
 +
<!-- TODO: Über drehen und skalieren mit Strg- und Alt-Tasten -->
  
You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method &mdash; just create a {{l|Selection|selection box}} by clicking the mouse and dragging it over the area of ducks that you want selected.  
+
{{Note|Hinweis|Synfig Studio hat eine automatische Wiederherstellung. Wenn es abstürzt, wirst Du nicht mehr als 5 Minuten Arbeit verlieren, selbst wenn die aktuelle Datei noch nicht gesichert wurde. Bei einem Neustart wird es automatisch anbieten, die ungesicherten Änderungen wiederherzustellen. Die Historie wird derzeit noch nicht wiederhergestellt.}}
 +
Die {{l|Rotate Tool|Dreh-}} und {{l|Scale Tool|Skalieren}} Werkzeuge funktionieren weitgehend wie das Ändern Werkzeug, außer wenn mehrere Griffe ausgewählt sind. Es ist viel einfacher es auszuprobieren als darüber zu lesen. Wähle ein paar Kreise aus, dann wähle alle ihre Griffe und probiere die Dreh- und Skalierungswerkzeuge aus.
  
Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the Transform Tool. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.
+
Hinweis: die Werkzeuge, die Griffe verändern, haben jeweils zugewiesene Optionen. Wenn ein bestimmtes Werkzeug nicht wie erwartet funktioniert, dann schau mal in die zugeordneten {{l|Tool Options Panel|Werkzeug Optionen}} um zu sehen, ob alles so eingestellt ist wie gewünscht.
  
The {{l|Rotate Tool|rotate}} and {{l|Scale Tool|scale}} tools work much like the Transform Tool, except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.
+
==  Verknüpfen ==
  
Note that, duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.
+
Lass uns nun {{l|linking|Verknüpfen}} ausprobieren. Angenommen wir wollen, dass zwei Kreise immer gleich groß sind. Wähle diese beiden Kreise, dann wähle ihre beiden Radiusgriffe (die türkisen Punkte).
  
== Linking ==
+
Um mehrere Griffe auszuwählen, ziehst Du wahlweise ein Rechteck um sie herum, oder wählst den ersten aus und hältst dann die {{Shortcut|Strg}}-Taste gedrückt, während Du den Rest auswählst.  Sobald Du die beiden ausgewählt hast, klicke auf einen von beiden mit der rechten Maustaste, um ein Kontextmenü anzuzeigen. Klicke auf {{Literal|Verknüpfung}}. Fertig. Die Parameter sind nun miteinander verknüpft. Überprüfe es, indem Du nur einen Kreis auswählst und seinen Radius veränderst &mdash; der andere wird sich ebenfalls verändern. Toll, oder? So werden übrigens {{l|Outline Layer|Umrandungen}} mit ihrer {{l|Region Layer|Region}} verbunden &mdash; aber da greifen wir vor...
  
Now let's try {{l|linking|linking}}. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).
+
Verknüpfen ist ein fundamentales Konzept in Synfig. Du kannst nicht nur Griffe verknüpfen, sondern auch Parameter, indem Du mehrere Ebenen auswählst und auf die Parameter mit der rechten Maustaste klickst und im Kontextmenü wieder {{Literal|Verknüpfung}} wählst.
  
To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the {{Shortcut|ctrl}} key while selecting the rest.  Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Click on {{Literal|Link}}. Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius &mdash; the other one will change as well. Neat stuff, eh?
+
== Farbe auswählen ==
  
Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting {{Literal|Link}}.
+
Angenommen Du willst, dass einer der Kreise eine andere Farbe hat. Wenn du im Werkzeugkasten unter den Werkzeugen schaust, findest Du die Auswahl für Umrandungs- und Füllfarben, Pinselbreite und einiges andere wie z.B. Standardverlauf und Deckkraft. Die Auswahl für Umrandungs- und Füllfarben funktioniert eigentlich wie gewohnt — Du klickst auf die Füllfarbe und ein Farbwähler erscheint. Nun kannst Du eine Farbe wählen.  
  
{{Note|Digression|This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} &mdash; 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...}}
+
Manchmal möchtest Du einfach die gewünschte Farbe aus einer Auswahl anklicken und fertig. Hier kommt die Palette ins Spiel.  
  
== Color selection ==
+
Klicke auf den Reiter der Palette und versuch es &mdash; es ist der Reiter, der wie drei Farbstreifen aussieht. Wenn man mit der linken Maustaste auf die Farben klickt, ändert sich die Umrandungsfarbe und klickt man mit der mittleren Maustaste ändert sich die Füllfarbe.
  
Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect &mdash; you can click on the fill color, and a modest color chooser will appear. Now to can change the color pretty easily.  
+
Prima, aber die Farbe des Kreises haben wir immer noch nicht verändert. Es gibt drei Wege dies zu tun. Der erste ist: Einfach das Füllen Werkzeug im Werkzeugkasten wählen und damit den Kreis in der Animation anklicken. Fertig. Der Kreis wechselt die Farbe. Das funktioniert natürlich genauso mit anderen Formen. Angenommen Du hast schon die gewünschte Vordergrund- und Füllfarbe gewählt, dann klicke mit der rechten Maustaste auf den {{Literal|Farbe}} Parameter und wähle {{Literal|Füllfarbe anwenden}} oder {{Literal|Umrandungsfarbe anwenden}}. Oder mach einen Doppelklick auf den {{Literal|Farbe}} Parameter - ein Farbwahldialog wird erscheinen, dort wählst Du die gewünschte Farbe.
  
But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette Editor panel tab and have a look &mdash; it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.
+
Spiel ein wenig mit den Kreisen herum. Verändere Parameter und sieh was passiert. Für den Anfang versuch einmal den {{l|Feather Parameter|Schleier Parameter}} auf 5 pt zu setzen.
  
That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to select the circle layer you want to modify, go to the Params panel and double-click on the {{Literal|Color}} parameter.  A color selector dialog will then show up, and you can just tweak away. But let's say you already selected your color as the default fill or outline color. Then you can right-click on the Color parameter in the Params panel and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Finally, you can just click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.
+
== Weiter geht's ==
  
Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the {{l|Feather Parameter}} to 5.
+
Bis jetzt hast Du erst die Basisfunktionen von Synfig Studio gesehen und weißt noch nicht wie man eine Zeichnung animiert. Das kommt im {{l|Doc:Animation_Basics|nächsten Kapitel}}.
  
== Digging deeper ==
+
{{Navigation|Category:Manual|Doc:Animation_Basics}}
  
Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next chapter}}.
+
  Du kannst ein Archiv herunterladen, das das Projekt für die Bebilderung des Wikis enthält [[File:Interface.sfg]]
 +
  Du kannst das Projekt mit der Animation, die im Wiki-Bild auftaucht, herunterladen:[[File:Spline-DotMan.sifz]]

Latest revision as of 11:55, 11 June 2015

Languages Language: 

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


Navigation Navigation:  <<Handbuch>>



Bedienoberfläche

Wenn Du Synfig Studio startest erscheinen die folgenden Fenster:

Typische Oberflächenanordnung von Synfig Studio

Die Hauptkomponenten der Synfig Studio Oberfläche sind:

  • Werkzeugkasten — ist das Hauptfenster von Synfig Studio. Es enthält das Systemmenü und einige Tasten, Werkzeuge und mehr, um Deine Zeichnungen zu erstellen und zu bearbeiten. Wenn Du dieses Fenster schließt, beendet sich das Programm.
  • Animation — hier werden Deine Animationen und Zeichnungen dargestellt.
  • Anzeigen — enthält Werkzeuge und Informationen über bestimmte Elemente Deines Projekts. Einige Anzeigen erlauben Dir diese Elemente sogar zu verändern.

Hinweis

Wenn Deine Synfig Studio Oberfläche anders aussieht, gibt es eine Möglichkeit dieses Aussehen einfach wieder herzustellen. Im "Datei" Menü des Werkzeugkastens wähle "Anzeigen → Fenster auf Originallayout zurücksetzen".
note end


Das Fenster in der Mitte wird Animationsfenster genannt. Jedes mal wenn Du Synfig Studio startest wird ein neues Animationsfenster geöffnet. Dieses Fenster stellt die Basisanimation dar, was das bedeutet ist für Dich momentan noch unklar, aber das ist in Ordnung — wir wollen Dich ja nur ein wenig herumführen. In der oberen linken Ecke des Animationsfensters siehst Du eine Taste mit einem Pfeil. Wenn Du auf diese Pfeiltaste klickst wird das Animationsfenster Menü erscheinen. (Übrigens, wenn Du auf dem Animationsbereich rechts klickst und unter dem Mauszeiger ist keine Ebene erscheint dieses Menü auch.) So, nun weißt Du wo das wichtigste Animationsmenü ist, einfach im Animationsfenster. Gut.

Die anderen beiden Fenster (eines unten, das andere rechts) sind anpassbare Dock-Container. Jeder Dock-Container enthält einige Anzeigen, horizontal oder vertikal angeordnet. Einige Anzeigen teilen sich denselben Platz in der Leiste und man kann zwischen ihnen umschalten, indem man auf ihre Reiter klickt. Du kannst die Inhalte der Leisten beliebig verschieben indem Du den Anzeigenreiter verschiebst wohin Du willst. Du kannst sogar ein neues Dock erstellen, indem Du einen Reiter neben ein Dock ziehst.

Wenn Du versehentlich eine Anzeige geschlossen hast (durch Herausziehen aus dem Dock und schließen des neu erstellten Containers), kein Problem. Benutze einfach den Werkzeugkasten, wähle "Datei → Anzeigen" im Werkzeugkasten Menü und klicke auf den Namen der benötigten Anzeige.

Die wichtigsten Anzeigen sind:

  • Ebenen — Diese Anzeige zeigt Dir die Hierarchie der Ebenen in Deiner aktuellen Animation. Sie erlaubt Dir auch diese Ebenen zu ändern.
  • Parameter — Diese Anzeige zeigt Dir die Parameter der ausgewählten Ebene. Wenn mehrere Ebenen markiert sind, werden nur die gemeinsamen Parameter angezeigt.
  • Werkzeugoptionen — Diese Anzeige zeigt Dir die Parameter des gerade aktiven Werkzeugs.
  • Navigator — Dies zeigt ein Überblicksbild des aktuellen Animationsausschnitts. Du kannst hereinzoomen und den Ausschnitt damit wählen.
  • History — Dies ziegt Dir die gespeicherte Historie der derzeitigen Komposition. Du kannst die Aktionen in der Historie verändern.

Es gibt viele unterschiedliche Anzeigen in Synfig Studio. Wenn Du nicht weißt, was eine Anzeige macht, dann halte einfach den Mauszeiger über sie und eine Beschreibung ihrer Funktion wird angezeigt.

Was steckt unter der Haube?

Ebenenanzeige

Synfig Studio, wie die meisten professionellen Grafikprogramme, legt die individuellen Elemente einer Animation in Ebenen ab. Aber es unterscheidet sich von anderen Programmen in zwei wesentlichen Punkten:

  1. Eine Ebene in Synfig repräsentiert normalerweise ein einzelnes "Primitiv", z.B. eine einzelne Region, eine Umrandung einer Region, ein importiertes Bild, ... Dies gibt Dir weitreichende Flexibilität und Kontrolle. Für eine Komposition ist es durchaus üblich Hunderte von Ebenen zu haben (natürlich durch den Benutzer sinnvoll hierarchisch organisiert).
  2. Eine Ebene kann nicht nur weitere Elemente auf die darunter liegenden Ebenen hinzufügen, sondern kann auch verändernd auf die darunter liegenden Ebenen einwirken. In diesem Sinne verhalten sich Synfigs Ebenen wie Filter in Adobe Photoshop oder GIMP. Zum Beispiel gibt es eine Unschärfe Ebene, Radiale Unschärfe Ebene, Spherize Ebene, Farbkorrektur Ebene, Schräge Ebene, ...

Jede Ebene hat eine Menge an Parametern, die bestimmen wie sie sich verhält. Wenn Du auf eine Ebene klickst (entweder im Animationsfenster oder in der dargestellten Ebenenanzeige), wirst Du ihre Parameter in der Parameter Anzeige sehen.

Erste Schritte

Lass uns erst einmal etwas erstellen, um damit etwas herumzuspielen!

Zuerst klicke im Werkzeugkasten auf das Kreis Werkzeug (wenn Du nicht weißt, welches das ist, dann bewege den Mauszeiger über die Werkzeuge und lies die Hinweise).

Wenn Du auf das Kreis Werkzeug klickst, siehst Du, dass die Werkzeugoptionen Anzeige sich ändert. Dazu kommen wir aber später noch.

Während das Kreis Werkzeug ausgewählt ist, kannst Du Kreise im Animationsfenster erzeugen. Dies funktioniert wie erwartet — klicke auf die Animation, zieh um den Radius zu ändern und lass die Maustaste los, wenn Du fertig bist. Mach ruhig 2 Kreise (oder mehr, wenn Du Lust hast). Wenn Du die Maustaste versehentlich loslässt, bevor Du gezogen hast, dann hast Du einen Kreis mit Radius 0 gezeichnet, der unsichtbar ist! Aber kein Problem, das kannst Du leicht beheben. In der Parameter Ansicht kannst Du die Parameter des ausgewählten Objekts ändern. Falls Du gerade einen Kreis ohne Ausdehnung gezeichnet hast, sollte er das zurzeit ausgewählte Objekt sein. Du kannst den Radius auf einen anderen Wert (z.B. 10) setzen, um ihn dann mit den Griffen weiter zu verändern.

Hinweis

Bei einigen Nutzern könnte folgendes Problem auftreten: Wenn Du mit dem Kreis Werkzeug auf die Animation klickst und ziehst, scheint entweder nichts zu passieren oder Du hast plötzlich unglaublich riesige Kreise. Um das zu beheben, geh auf "Datei → Eingabegeräte" und deaktiviere alle Geräte, die Du dort findest. Falls Du ein Eingabegerät, wie z.B. einen Druck-empfindlichen Stift, angeschlossen hast, dann aktivier es in diesem Bildschirm. Nach dieser Änderung wird Synfig arbeiten wie erwartet.
note end

Geh nun zum Werkzeugkasten zurück und klicke auf das Ändern Werkzeug (Der Knopf mit dem Pfeil darauf). Danach klicke auf einen der Kreise. Dann siehst Du einen "Begrenzungsrahmen", einen grünen Punkt in der Mitte und einen blaugrünen Punkt für den Radius. Diese Punkte nennen wir "Griffe". Wenn Du den Kreis verändern willst, dann spiele ein wenig mit den Griffen herum. Ganz einfach!

Du kannst eine Ebene durch anklicken auswählen. Wenn Du mehr als eine Ebene auswählen möchtest, dann halte die Strg-Taste gedrückt, während Du klickst — das funktioniert im Animationsfenster und in der Ebenenanzeige. Versuch es!

Du kannst auch mehrere Griffe auswählen. Das kannst du auf unterschiedliche Weise tun. Entweder Du hältst Strg gedrückt und klickst auf die weiteren Griffe, die Du auswählen willst, was aufwändig sein kann. Oder Du benutzt die schnellere Methode — Du erstellst eine Auswahl durch klicken und ziehen der Maus über einen Bereich.

Erstelle nun zwei Kreise und wähle alle Griffe der beiden aus. Wenn Du mehrere Griffe ausgewählt hast und einen bewegst, dann bewegen sich alle.

Hinweis

Synfig Studio hat eine automatische Wiederherstellung. Wenn es abstürzt, wirst Du nicht mehr als 5 Minuten Arbeit verlieren, selbst wenn die aktuelle Datei noch nicht gesichert wurde. Bei einem Neustart wird es automatisch anbieten, die ungesicherten Änderungen wiederherzustellen. Die Historie wird derzeit noch nicht wiederhergestellt.
note end

Die Dreh- und Skalieren Werkzeuge funktionieren weitgehend wie das Ändern Werkzeug, außer wenn mehrere Griffe ausgewählt sind. Es ist viel einfacher es auszuprobieren als darüber zu lesen. Wähle ein paar Kreise aus, dann wähle alle ihre Griffe und probiere die Dreh- und Skalierungswerkzeuge aus.

Hinweis: die Werkzeuge, die Griffe verändern, haben jeweils zugewiesene Optionen. Wenn ein bestimmtes Werkzeug nicht wie erwartet funktioniert, dann schau mal in die zugeordneten Werkzeug Optionen um zu sehen, ob alles so eingestellt ist wie gewünscht.

Verknüpfen

Lass uns nun Verknüpfen ausprobieren. Angenommen wir wollen, dass zwei Kreise immer gleich groß sind. Wähle diese beiden Kreise, dann wähle ihre beiden Radiusgriffe (die türkisen Punkte).

Um mehrere Griffe auszuwählen, ziehst Du wahlweise ein Rechteck um sie herum, oder wählst den ersten aus und hältst dann die Strg-Taste gedrückt, während Du den Rest auswählst. Sobald Du die beiden ausgewählt hast, klicke auf einen von beiden mit der rechten Maustaste, um ein Kontextmenü anzuzeigen. Klicke auf "Verknüpfung". Fertig. Die Parameter sind nun miteinander verknüpft. Überprüfe es, indem Du nur einen Kreis auswählst und seinen Radius veränderst — der andere wird sich ebenfalls verändern. Toll, oder? So werden übrigens Umrandungen mit ihrer Region verbunden — aber da greifen wir vor...

Verknüpfen ist ein fundamentales Konzept in Synfig. Du kannst nicht nur Griffe verknüpfen, sondern auch Parameter, indem Du mehrere Ebenen auswählst und auf die Parameter mit der rechten Maustaste klickst und im Kontextmenü wieder "Verknüpfung" wählst.

Farbe auswählen

Angenommen Du willst, dass einer der Kreise eine andere Farbe hat. Wenn du im Werkzeugkasten unter den Werkzeugen schaust, findest Du die Auswahl für Umrandungs- und Füllfarben, Pinselbreite und einiges andere wie z.B. Standardverlauf und Deckkraft. Die Auswahl für Umrandungs- und Füllfarben funktioniert eigentlich wie gewohnt — Du klickst auf die Füllfarbe und ein Farbwähler erscheint. Nun kannst Du eine Farbe wählen.

Manchmal möchtest Du einfach die gewünschte Farbe aus einer Auswahl anklicken und fertig. Hier kommt die Palette ins Spiel.

Klicke auf den Reiter der Palette und versuch es — es ist der Reiter, der wie drei Farbstreifen aussieht. Wenn man mit der linken Maustaste auf die Farben klickt, ändert sich die Umrandungsfarbe und klickt man mit der mittleren Maustaste ändert sich die Füllfarbe.

Prima, aber die Farbe des Kreises haben wir immer noch nicht verändert. Es gibt drei Wege dies zu tun. Der erste ist: Einfach das Füllen Werkzeug im Werkzeugkasten wählen und damit den Kreis in der Animation anklicken. Fertig. Der Kreis wechselt die Farbe. Das funktioniert natürlich genauso mit anderen Formen. Angenommen Du hast schon die gewünschte Vordergrund- und Füllfarbe gewählt, dann klicke mit der rechten Maustaste auf den "Farbe" Parameter und wähle "Füllfarbe anwenden" oder "Umrandungsfarbe anwenden". Oder mach einen Doppelklick auf den "Farbe" Parameter - ein Farbwahldialog wird erscheinen, dort wählst Du die gewünschte Farbe.

Spiel ein wenig mit den Kreisen herum. Verändere Parameter und sieh was passiert. Für den Anfang versuch einmal den Schleier Parameter auf 5 pt zu setzen.

Weiter geht's

Bis jetzt hast Du erst die Basisfunktionen von Synfig Studio gesehen und weißt noch nicht wie man eine Zeichnung animiert. Das kommt im nächsten Kapitel.

Navigation Navigation:  <<Handbuch>>


  Du kannst ein Archiv herunterladen, das das Projekt für die Bebilderung des Wikis enthält File:Interface.sfg
  Du kannst das Projekt mit der Animation, die im Wiki-Bild auftaucht, herunterladen:File:Spline-DotMan.sifz


Languages Language: 

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