{"id":955,"date":"2023-08-27T09:51:57","date_gmt":"2023-08-27T09:51:57","guid":{"rendered":"https:\/\/support.visual-store.de\/?page_id=955"},"modified":"2025-10-06T07:58:40","modified_gmt":"2025-10-06T07:58:40","slug":"animation-video-creation","status":"publish","type":"page","link":"https:\/\/support.visual-store.de\/en\/schulung\/praesentation\/animation-videoerstellung\/","title":{"rendered":"Animations \/ Videos"},"content":{"rendered":"<h1>Animationen \/ Videos<\/h1>\n<h4><\/h4>\n<p>Mithilfe von Animationen ist es Ihnen m\u00f6glich eine Begehung ihrer Planung zu simulieren und diese im Anschluss als Video-Datei abzuspeichern.<\/p>\n<h4>\u00dcbersicht<\/h4>\n<ul>\n<li><a href=\"#animation\">Animationen<\/a><\/li>\n<li><a href=\"#uebersicht\">\u00dcbersicht<\/a><\/li>\n<li><a href=\"#AeA\">Anlegen eines Animationspfades<\/a><\/li>\n<li><a href=\"#BeA\">Bearbeiten eines Animationspfades<\/a><\/li>\n<li><a href=\"#ReA\">Rendern einer Animation<\/a><\/li>\n<\/ul>\n<hr \/>\n<h4 id=\"animation\">Animationen<\/h4>\n<p style=\"margin-top: 25px;\">Um eine Animation zu erstellen, gehen Sie wie folgt vor. Navigieren Sie zu dem Register Pr\u00e4sentation und klicken anschlie\u00dfend auf den Animations-Button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2222 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_1.png\" alt=\"\" width=\"850\" height=\"116\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_1.png 850w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_1-300x41.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_1-768x105.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<hr \/>\n<h4 id=\"uebersicht\">\u00dcbersicht<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2224 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_2.png\" alt=\"\" width=\"939\" height=\"122\" \/><\/p>\n<div style=\"width: 100%; display: grid; grid: auto \/ 30% auto; gap: 25px;\">\n<div>\n<ol>\n<li>Name der aktuell ausgew\u00e4hlten Animation<\/li>\n<li>Erstellen einer neuen Animation<\/li>\n<li>L\u00f6schen der ausgew\u00e4hlten Animation<\/li>\n<li>Hinzuf\u00fcgen oder anlegen eines neuen Animationspfades<\/li>\n<li>Zeitleiste, zeigt die Dauer der aktuellen Animation<\/li>\n<li>Abspielen und Stoppen der Animation<\/li>\n<li>Schlie\u00dfen der Animationsansicht<\/li>\n<\/ol>\n<\/div>\n<div>\n<p>\nStandardm\u00e4\u00dfig wird oben links der Name der Animation angezeigt (<b>Animation 1<\/b>), um eine zus\u00e4tzliche Animation anzulegen, k\u00f6nnen Sie vorn auf <b>Neu<\/b> klicken.<br \/>\nDabei stehen Ihnen die folgenden Optionen zur Verf\u00fcgung:<\/p>\n<ul style=\"padding-left: 80px;\">\n<li><b>Leere Animation<\/b><\/li>\n<li><b>Kreisanimation<\/b><br \/>\n        Hierbei k\u00f6nnen Sie einen Kreis, um das Zentrum ein einzelnes Objekt zeichnen, um dieses in Fokus zu stellen<\/li>\n<li><b>Animation duplizieren<\/b><\/li>\n<\/ul>\n<p>Um eine Animation zu entfernen, klicken Sie auf den Button <b>L\u00f6schen<\/b>.\n<\/p>\n<\/div>\n<\/div>\n<hr \/>\n<h4 id=\"AeA\">Anlegen eines Animationspfades<\/h4>\n<div style=\"width: 100%; display: grid; grid: auto \/ auto; gap: 50px;\">\n<div>\n<img decoding=\"async\" class=\"wp-image-2254 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_3.png\" alt=\"\" width=\"1020\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_3.png 1020w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_3-300x36.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_3-768x92.png 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\n<\/div>\n<div>\nUm der Animation einen neuen Animationspfad hinzuzuf\u00fcgen, klicken Sie auf den Button <b>Position hinzuf\u00fcgen<\/b>. Danach befindet sich ein orangefarbenes Pfeil-Symbol an Ihrem Cursor. Jetzt k\u00f6nnen Sie definieren, an welchem Punkt Ihre <b>Animation<\/b> beginnen soll. Klicken Sie dazu in Ihrer Planung in der Ansicht oben auf eine Stelle, an der Sie beginnen m\u00f6chten. Danach k\u00f6nnen Sie den <b>orangenen Pfeil<\/b> mittels Mausbewegung ausrichten. Dies gibt die Blickrichtung vor, in die die <b>Animations-Kamera<\/b> schauen soll. Wenn Sie mit der Ausrichtung zufrieden sind, klicken Sie mit der Maus in die gew\u00fcnschte Richtung.\n<\/div>\n<div>\n<img decoding=\"async\" class=\"wp-image-2255 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/10\/Animation-Videos_4.png\" alt=\"\" width=\"50%\" height=\"auto\" \/>\n<\/div>\n<div>\nNachdem Sie die Blickrichtung definiert haben, erscheint an Ihrem Mauscursor eine <b>blaue<\/b> Linie. Diese gibt den Pfad vor, dem die <b>Animations-Kamera<\/b> folgt. Bewegen Sie die Maus an die Stelle in Ihrer Zeichnung, wohin sich die <b>Kamera<\/b> bewegen soll. Im Anschluss daran k\u00f6nnen Sie wieder die Ziel-Blickrichtung festlegen, wohin die <b>Kamera<\/b> zeigen soll.\n<\/div>\n<div>\n<img decoding=\"async\" class=\"wp-image-2256 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_5.png\" alt=\"\" width=\"50%\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_5.png 1275w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_5-300x217.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_5-1024x740.png 1024w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_5-768x555.png 768w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/>\n<\/div>\n<div>\nDiese Schritte zum Einstellen der <b>Blickrichtung<\/b> und definieren des <b>Pfades<\/b>, k\u00f6nnen Sie nun so lang wiederholen, bis Sie einmal komplett durch Ihre Zeichnung gegangen sind. Wenn Sie fertig sind mit dem Anlegen des <b>Animationspfades<\/b>, dr\u00fccken Sie die <b>[ESC]-Taste<\/b>, um den Zeichenprozess zu beenden. Im Anschluss k\u00f6nnte Ihr <b>Animationspfad<\/b> wie folgt aussehen:\n<\/div>\n<div>\n<img decoding=\"async\" class=\"wp-image-2257 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_6.png\" alt=\"\" width=\"50%\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_6.png 1273w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_6-300x217.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_6-1024x741.png 1024w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_6-768x556.png 768w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/>\n<\/div>\n<div>\nUm Ihre erstellte <b>Animation<\/b> in Ihrer Zeichnung anzusehen, klicken Sie oben im <b>Animations-Men\u00fc<\/b> auf den <b>Play-Button<\/b>.\n<\/div>\n<div>\n<img decoding=\"async\" class=\"wp-image-2258 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_7.png\" alt=\"\" width=\"957\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_7.png 957w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_7-300x37.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_7-768x94.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/>\n<\/div>\n<\/div>\n<hr \/>\n<h4 id=\"BeA\">Bearbeiten eines Animationspfades<\/h4>\n<p style=\"margin-top: 25px;\">Um den <b>Pfad<\/b> Ihrer Animation zu bearbeiten, klicken Sie einmal auf den blauen Pfad. Danach werden Ihnen die einzelnen Punkte des Pfades hervorgehoben angezeigt, die Sie zuvor definiert haben. Wenn Sie einen der <b>Punkte<\/b> anklicken, k\u00f6nnen Sie mit gedr\u00fcckter Maustaste diesen verschieben und somit die Position ver\u00e4ndern. Bei dem ausgew\u00e4hlten Punkt sehen Sie auch wiederum den <b>orangenen Pfeil<\/b>, mit einem Klick auf dessen Spitze k\u00f6nnen Sie ebenfalls die Blickrichtung im Nachhinein ver\u00e4ndern. Des Weiteren ist es m\u00f6glich, die <b>Eigenschaften<\/b> des ausgew\u00e4hlten Punktes zu ver\u00e4ndern, indem Sie rechts in der <b>Toolbar<\/b> auf Eigenschaften klicken.<br \/>\nFolgende Optionen stehen Ihnen hierbei zur Verf\u00fcgung:<\/p>\n<div style=\"width: 100%; margin: 25px 0px; display: grid; grid: auto \/ 60% auto; gap: 50px;\">\n<div>\n<ul style=\"padding-left: 79px;\">\n<li><b>Name<\/b><br \/>\nHier k\u00f6nnen Sie den Namen des zuvor ausgew\u00e4hlten Punktes \u00e4ndern<\/li>\n<li><b>Geschwindigkeit<\/b><br \/>\nGibt die Geschwindigkeit von Punkt zu Punkt an. Diese erfolgt in Meter pro Sekunde und kann frei definiert werden. Somit kann man die Animation an bestimmten Stellen, schneller oder langsamer ablaufen lassen.<\/li>\n<li><b>Pause<\/b><br \/>\nHier k\u00f6nnen Sie festlegen, ob an dem ausgew\u00e4hlten Punkt f\u00fcr eine gewisse Zeit gewartet werden soll. Dies erfolgt in Millisekunden <b>(1000ms = 1s)<\/b><\/li>\n<li><b>Blickh\u00f6he<\/b><br \/>\nGibt an, auf welcher H\u00f6he die <b>Kamera<\/b> liegt<\/li>\n<li><b>Zielh\u00f6he<\/b><br \/>\nGibt an, auf welche H\u00f6he die <b>Kamera<\/b> schaut.<\/li>\n<li><b>Feste Richtung<\/b><br \/>\nHier k\u00f6nnen Sie mittels Anklicken der <b>Checkbox<\/b>, festlegen, ob die Blickrichtung starr sein soll.<\/li>\n<\/ul>\n<\/div>\n<div>\n<img decoding=\"async\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_8.png\" width=\"100%\" height=\"auto\" \/>\n<\/div>\n<\/div>\n<p>Diese <b>Eigenschaften<\/b> sind immer jeweils von Punkt zu Punkt zu betrachten. Danach m\u00fcssen Sie den n\u00e4chsten Punkt anw\u00e4hlen und k\u00f6nnen dort die entsprechenden Einstellungen vornehmen.<\/p>\n<hr \/>\n<h4 id=\"ReA\">Rendern einer Animation<\/h4>\n<p style=\"margin-top: 25px;\">Zum rendern einer Animation gehen Sie oben im <b>Register<\/b> auf <b>Pr\u00e4sentation<\/b> und klicken dort auf den Button Video.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2260 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_9.png\" alt=\"\" width=\"847\" height=\"118\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_9.png 847w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_9-300x42.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_9-768x107.png 768w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><br \/>\nEs \u00f6ffnet sich danach das folgende Fenster, bei dem Sie folgendes ausw\u00e4hlen k\u00f6nnen:<\/p>\n<div style=\"width: 100%; margin: 25px 0; display: grid; grid: auto \/ auto auto auto;\">\n<div style=\"grid-row: 1 \/ span 2; grid-column: 2 \/ span 2;\">\n<img decoding=\"async\" class=\"wp-image-2264 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_10.png\" alt=\"\" width=\"100%\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_10.png 1005w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_10-300x141.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_10-768x361.png 768w\" sizes=\"(max-width: 1005px) 100vw, 1005px\" \/>\n<\/div>\n<div style=\"grid-column: 1; grid-row: 1 \/ span 2; padding-right: 25px;\">\n<ul>\n<li><b>Animationen<\/b><br \/>\n        An dieser Stelle w\u00e4hlen Sie den <b>Animationspfad<\/b> aus, welcher gerendert werden soll.<br \/>\n        In diesem Beispiel, <b>Animation 1<\/b><\/li>\n<li><b>Bilder pro Sekunde<\/b><br \/>\n        Hier k\u00f6nnen Sie angeben, mit wie vielen Bildern pro Sekunde das sp\u00e4tere Video ablaufen soll. Dies beeinflusst zum einen die ben\u00f6tigte Dauer f\u00fcr das Rendering und zum anderen, wie fl\u00fcssig das Video am Ende l\u00e4uft. F\u00fcr ein fl\u00fcssiges Video empfehlen sich die folgenden Bildraten, <b>25, 30 oder 60<\/b> Bilder pro Sekunde. Je h\u00f6her Bildwiederholrate, desto h\u00f6her wird die Anzahl der Einzelbilder.<\/li>\n<\/ul>\n<\/div>\n<div style=\"grid-column: 1 \/ span 3;\">\n<ul>\n<li><b>Beginne mit Bild<\/b><br \/>\n        Hier k\u00f6nnen Sie festlegen, mit welchen Bild in der Animation begonnen werden soll. Dies bietet sich dann an, wenn zum Beispiel die Animation einmal abbrechen sollte, dann k\u00f6nnen Sie sp\u00e4ter an dieser Stelle wieder neu ansetzen.<\/li>\n<li><b>Gr\u00f6\u00dfe<\/b><br \/>\n        Hier k\u00f6nnen Sie die Aufl\u00f6sung des Videos einstellen, ob HD, Full-HD, 4K usw.<\/li>\n<li><b>Renderer<\/b><br \/>\n        Hier haben Sie die Wahl zwischen <b>OpenGL<\/b> und <b>OSPRay<\/b> als <b>Renderer<\/b><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>Bei der Auswahl des Renderer, empfiehlt sich der <b>OpenGL-Renderer<\/b>, da dieser um ein Vielfaches schneller ist als der <b>OSPRay-Renderer<\/b>.<br \/>\nSind alle Einstellungen getroffen, klicken Sie in dem <b>Renderfenster<\/b> oberhalb auf den gr\u00fcnen <b>Play-Button<\/b>, damit wird das Rendering gestartet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2268 size-full aligncenter\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_11-1.png\" alt=\"\" width=\"1007\" height=\"209\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_11-1.png 1007w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_11-1-300x62.png 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/09\/Animation-Videos_11-1-768x159.png 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Animationen \/ Videos Mithilfe von Animationen ist es Ihnen m\u00f6glich eine Begehung ihrer Planung zu simulieren und diese im Anschluss als Video-Datei abzuspeichern. \u00dcbersicht Animationen \u00dcbersicht Anlegen eines Animationspfades Bearbeiten eines Animationspfades Rendern einer Animation Animationen Um eine Animation zu &hellip; <a class=\"kt-excerpt-readmore more-link\" href=\"https:\/\/support.visual-store.de\/en\/schulung\/praesentation\/animation-videoerstellung\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":1135,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-955","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/comments?post=955"}],"version-history":[{"count":92,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/955\/revisions"}],"predecessor-version":[{"id":2328,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/955\/revisions\/2328"}],"up":[{"embeddable":true,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/1135"}],"wp:attachment":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/media?parent=955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}