Ladebalken animieren – Der Aufbau<\/h2>\n![\"Ladebalken](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-Rechteck1-300x190.jpg\")
<\/a>Der Aufbau in der Timeline mit dem erstem Rechteck f\u00fcr den Hintergrund<\/p><\/div>\n
F\u00fcgen Sie zun\u00e4chst ein beliebiges Hintergrundbild in die Timeline ein und packen Sie es mit dem entsprechenden Symbol vom linken Timeline-Rand in ein Kapitel-Objekt<\/em> ein.<\/p>\nAus der > Toolbox > Reiter Objekte > Dynamische Formen<\/em> ziehen Sie das Rechteck<\/em> in die Timeline. Dieses Rechteck bildet den Hintergrund f\u00fcr den Ladebalken. In den Eigenschaften k\u00f6nnen Sie das Aussehen anpassen. Im Layoutdesigner ver\u00e4ndern Sie die Gr\u00f6\u00dfe und die Position.<\/p>\n![\"Ladebalken](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-Rechteck2-300x211.jpg\")
<\/a>Der Aufbau in der Timeline mit dem zweiten Rechteck als Ladebalken<\/p><\/div>\n
F\u00fcgen Sie ein weiteres Rechteck unter dem bestehenden ein. Dieses dient als beweglicher Ladebalken. \u00dcbertragen Sie Gr\u00f6\u00dfe und Position vom Hintergrund-Rechteck. Daf\u00fcr eine Marke vom Hintergrund-Rechteck mit rechts anklicken > Pfad kopieren. Dann eine Marke vom Vordergrund-Rechteck mit rechts anklicken > Pfad einf\u00fcgen. Die Rechtecke liegen genau \u00fcbereinander. In den Eigenschaften k\u00f6nnen Sie noch das Aussehen des Ladebalkens anpassen.<\/p>\n
Um den Ladebalken zu animieren, erh\u00e4lt dieser nun einen Bewegungspfad.<\/p>\n
Ladebalken animieren – Die Animation<\/h2>\n
Markieren Sie den Ladebalken in der Timeline. F\u00fcgen Sie dem Ladebalken \u00fcber das + im Layoutdesigner eine Bewegungsmarke hinzu und ziehen Sie den Balken ganz schmal zum Rand.<\/p>\n
![\"\"](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-Bewegungspfad1-300x217.jpg\")
<\/a>Links die schmale erste Marke, in der Mitte die zweite Marke mit voller Ausdehnung.<\/p><\/div>\n
Da bei der ersten Marke der Balken nun aber breit w\u00e4re und bei der zweiten Marke schmal, die Bewegung genau anders herum von schmal zu breit sein soll, klicken Sie eine Marke mit rechts an und w\u00e4hlen > Pfad bearbeiten > Umkehren.<\/p>\n
Beim Abspielen dehnt sich der Ladebalken in 2 Sekunden von links nach rechts aus. Soll der Ladebalken genau so lange zu sehen sein, wie das Foto oder das Ladebalken-Rechteck, muss die zweite Marke auf 7 Sekunden erh\u00f6ht werden.<\/p>\n
![\"\"](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-Bewegungspfad2-300x217.jpg\")
<\/a>Der Zeitwert der zweiten Marke wurde auf 7 Sekunden erh\u00f6ht und damit der Objektl\u00e4nge angepasst.<\/p><\/div>\n
W\u00fcrde man die Anzeigedauer des Bildes und des Ladebalkens in seinem Projekt nun \u00e4ndern, m\u00fcsste der Zeitwert der zweiten Marke wiederum manuelle auf die neue Dauer angepasst werden.<\/p>\n
Manuelle Eingabe \u00f6ffnen f\u00fcr Funktion „Prozent der Objektdauer“<\/h3>\n
Um die Dauer f\u00fcr diese Ausdehnung variabel zu halten und die Dauer an die Objektdauer anzupassen, kann man aber die neue Funktion „Prozent der Objektdauer“ einsetzen.<\/p>\n
![\"\"](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-ManuelleEingabe-300x254.jpg\")
<\/a>Manuelle Eingabe – links „Zeit in Sekunden“, rechts „Prozent der Objektdauer“ (wechseln Sie nach dem Umschalten ggf. zwischen den aktiven Marken, um die Anzeige zu aktualisieren)<\/p><\/div>\n
\u00d6ffnen Sie die „Manuelle Eingabe“ mit STRG+M. Stellen Sie den „Zeitstempel“ auf „Prozent der Objektdauer“. Damit haben die vorhanden Marken keinen absoluten Zeitwert mehr, sondern bekommen eine Prozentangabe. 100% entspricht dabei der gesamten Objektdauer.<\/p>\n
Im Layoutdesigner sehen Sie die Prozentangaben ebenfalls:<\/p>\n
![\"Ladebalken](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-Bewegungspfad-in-Prozent-300x217.jpg\")
<\/a>Die Zeitangaben erfolgen nun in Prozent der Objektdauer<\/p><\/div>\n
\u00c4ndern Sie jetzt die Objektdauer des Ladebalkens in der Timeline oder den Eigenschaften, wird automatisch die Dauer der Ausdehnung skaliert. Das Abspielen der Bewegung zwischen Marke 1 und Marke 2 dauert genau solange, wie die Objektdauer ist.<\/p>\n
+++<\/p>\n
Ladebalken animieren in Stages<\/h3>\n
In diesem Zusammenhang noch eine kurze Information zu Stages<\/strong>:<\/p>\n![\"Manuelle](\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2019\/10\/Ladebalken-animieren-ManuelleEingabe_Stages-300x181.jpg\")
<\/a>Manuelle Eingabe in Stages: links Timing linear (wie in DiaShow), Mitte mit Kurve, rechts Kurve mit Filter<\/p><\/div>\n
Die Bewegung zwischen zwei Marken verl\u00e4uft in DiaShow zeitlich immer linear. In Stages gibt es eine zus\u00e4tzliche M\u00f6glichkeit, dieses Timing mit einer Kurve darzustellen oder zu filtern. Mit der im Screenshot gezeigten mittleren Kurve erfolgt die Ausdehnung des Ladebalkens nicht gleichm\u00e4\u00dfig, sondern der Balken geht unterschiedlich schnell vor und auch immer wieder mal zur\u00fcck. Die dritte Variante im Screenshot zeigt die lineare Ausgangsvariante, bei der zus\u00e4tzlich > Filtern und > Quantisieren (hier mit Wert 5) aktiviert wurde. Damit „springt“ der Ladebalken in 5 Schritten. Probieren Sie es am besten gleich einmal aus! (Zur Stages-Demoversion<\/a>)<\/p>\n+++<\/p>\n
<\/a>Der Aufbau in der Timeline mit dem erstem Rechteck f\u00fcr den Hintergrund<\/p><\/div>\n
F\u00fcgen Sie zun\u00e4chst ein beliebiges Hintergrundbild in die Timeline ein und packen Sie es mit dem entsprechenden Symbol vom linken Timeline-Rand in ein Kapitel-Objekt<\/em> ein.<\/p>\n Aus der > Toolbox > Reiter Objekte > Dynamische Formen<\/em> ziehen Sie das Rechteck<\/em> in die Timeline. Dieses Rechteck bildet den Hintergrund f\u00fcr den Ladebalken. In den Eigenschaften k\u00f6nnen Sie das Aussehen anpassen. Im Layoutdesigner ver\u00e4ndern Sie die Gr\u00f6\u00dfe und die Position.<\/p>\n Der Aufbau in der Timeline mit dem zweiten Rechteck als Ladebalken<\/p><\/div>\n F\u00fcgen Sie ein weiteres Rechteck unter dem bestehenden ein. Dieses dient als beweglicher Ladebalken. \u00dcbertragen Sie Gr\u00f6\u00dfe und Position vom Hintergrund-Rechteck. Daf\u00fcr eine Marke vom Hintergrund-Rechteck mit rechts anklicken > Pfad kopieren. Dann eine Marke vom Vordergrund-Rechteck mit rechts anklicken > Pfad einf\u00fcgen. Die Rechtecke liegen genau \u00fcbereinander. In den Eigenschaften k\u00f6nnen Sie noch das Aussehen des Ladebalkens anpassen.<\/p>\n Um den Ladebalken zu animieren, erh\u00e4lt dieser nun einen Bewegungspfad.<\/p>\n Markieren Sie den Ladebalken in der Timeline. F\u00fcgen Sie dem Ladebalken \u00fcber das + im Layoutdesigner eine Bewegungsmarke hinzu und ziehen Sie den Balken ganz schmal zum Rand.<\/p>\n Links die schmale erste Marke, in der Mitte die zweite Marke mit voller Ausdehnung.<\/p><\/div>\n Da bei der ersten Marke der Balken nun aber breit w\u00e4re und bei der zweiten Marke schmal, die Bewegung genau anders herum von schmal zu breit sein soll, klicken Sie eine Marke mit rechts an und w\u00e4hlen > Pfad bearbeiten > Umkehren.<\/p>\n Beim Abspielen dehnt sich der Ladebalken in 2 Sekunden von links nach rechts aus. Soll der Ladebalken genau so lange zu sehen sein, wie das Foto oder das Ladebalken-Rechteck, muss die zweite Marke auf 7 Sekunden erh\u00f6ht werden.<\/p>\n Der Zeitwert der zweiten Marke wurde auf 7 Sekunden erh\u00f6ht und damit der Objektl\u00e4nge angepasst.<\/p><\/div>\n W\u00fcrde man die Anzeigedauer des Bildes und des Ladebalkens in seinem Projekt nun \u00e4ndern, m\u00fcsste der Zeitwert der zweiten Marke wiederum manuelle auf die neue Dauer angepasst werden.<\/p>\n Um die Dauer f\u00fcr diese Ausdehnung variabel zu halten und die Dauer an die Objektdauer anzupassen, kann man aber die neue Funktion „Prozent der Objektdauer“ einsetzen.<\/p>\n Manuelle Eingabe – links „Zeit in Sekunden“, rechts „Prozent der Objektdauer“ (wechseln Sie nach dem Umschalten ggf. zwischen den aktiven Marken, um die Anzeige zu aktualisieren)<\/p><\/div>\n \u00d6ffnen Sie die „Manuelle Eingabe“ mit STRG+M. Stellen Sie den „Zeitstempel“ auf „Prozent der Objektdauer“. Damit haben die vorhanden Marken keinen absoluten Zeitwert mehr, sondern bekommen eine Prozentangabe. 100% entspricht dabei der gesamten Objektdauer.<\/p>\n Im Layoutdesigner sehen Sie die Prozentangaben ebenfalls:<\/p>\n Die Zeitangaben erfolgen nun in Prozent der Objektdauer<\/p><\/div>\n \u00c4ndern Sie jetzt die Objektdauer des Ladebalkens in der Timeline oder den Eigenschaften, wird automatisch die Dauer der Ausdehnung skaliert. Das Abspielen der Bewegung zwischen Marke 1 und Marke 2 dauert genau solange, wie die Objektdauer ist.<\/p>\n +++<\/p>\n In diesem Zusammenhang noch eine kurze Information zu Stages<\/strong>:<\/p>\n Manuelle Eingabe in Stages: links Timing linear (wie in DiaShow), Mitte mit Kurve, rechts Kurve mit Filter<\/p><\/div>\n Die Bewegung zwischen zwei Marken verl\u00e4uft in DiaShow zeitlich immer linear. In Stages gibt es eine zus\u00e4tzliche M\u00f6glichkeit, dieses Timing mit einer Kurve darzustellen oder zu filtern. Mit der im Screenshot gezeigten mittleren Kurve erfolgt die Ausdehnung des Ladebalkens nicht gleichm\u00e4\u00dfig, sondern der Balken geht unterschiedlich schnell vor und auch immer wieder mal zur\u00fcck. Die dritte Variante im Screenshot zeigt die lineare Ausgangsvariante, bei der zus\u00e4tzlich > Filtern und > Quantisieren (hier mit Wert 5) aktiviert wurde. Damit „springt“ der Ladebalken in 5 Schritten. Probieren Sie es am besten gleich einmal aus! (Zur Stages-Demoversion<\/a>)<\/p>\n +++<\/p>\n <\/a>Ladebalken animieren – Die Animation<\/h2>\n
<\/a><\/a>Manuelle Eingabe \u00f6ffnen f\u00fcr Funktion „Prozent der Objektdauer“<\/h3>\n
<\/a><\/a>Ladebalken animieren in Stages<\/h3>\n
<\/a>