{"id":9925,"date":"2021-02-12T10:58:51","date_gmt":"2021-02-12T09:58:51","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=9925"},"modified":"2021-05-06T12:06:36","modified_gmt":"2021-05-06T10:06:36","slug":"bildteile-bewegen","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/bildteile-bewegen\/","title":{"rendered":"Bildteile bewegen"},"content":{"rendered":"\n<p>Wenn wir Bildteile bewegen wollen, ist das Bewegungspfad-Werkzeug unerl\u00e4sslich. Wie ein Hirsch mit dem Kopf nickt oder sich Teile eines Gem\u00e4ldes in Bewegung setzen, das wollen wir uns heute ansehen. Erst gehen wir das an einem Foto durch, danach werden wir das ber\u00fchmte <em>Metropolitan Museum of Art<\/em> besuchen, um eines der Gem\u00e4lde zum Leben zu erwecken.<\/p>\n\n\n\n<p>In diesem Beitrag lernst du wieder eine neue Funktion aus <a href=\"https:\/\/www.aquasoft.de\/diashow\">DiaShow 12<\/a> kennen, die hier sehr n\u00fctzlich sein wird &#8211; die <strong>Live-Vorschau<\/strong>. Auch das Thema 3D werden wir hier streifen.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-74d33692      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tInhalt\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#ein-hirsch-neigt-den-kopf\" class=\"uagb-toc-link__trigger\">Ein Hirsch neigt den Kopf<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#bild-freistellen\" class=\"uagb-toc-link__trigger\">Bild freistellen<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#bildteile-in-kapitel-einf\u00fcgen\" class=\"uagb-toc-link__trigger\">Bildteile in Kapitel einf\u00fcgen<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#animieren-des-kopfes\" class=\"uagb-toc-link__trigger\">Animieren des Kopfes<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#drehung-f\u00fcr-die-erste-marke\" class=\"uagb-toc-link__trigger\">Drehung f\u00fcr die erste Marke<\/a><\/li><\/ul><li class=\"uagb-toc__list\"><a href=\"#den-ganzen-hirsch-animieren\" class=\"uagb-toc-link__trigger\">Den ganzen Hirsch animieren<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#schnee-vor-und-hinter-dem-hirsch\" class=\"uagb-toc-link__trigger\">Schnee vor und hinter dem Hirsch<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#teile-eines-gem\u00e4ldes-animieren\" class=\"uagb-toc-link__trigger\">Teile eines Gem\u00e4ldes animieren<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#nach-dem-ausschneiden-ist-vor-der-animation\" class=\"uagb-toc-link__trigger\">Nach dem Ausschneiden ist vor der Animation<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#kopf-neigen-mit-live-vorschau\" class=\"uagb-toc-link__trigger\">Kopf neigen &#8211; mit Live-Vorschau<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#bewegung-des-k\u00f6rpers-zeitlich-abgestimmt-auf-andere-bewegung\" class=\"uagb-toc-link__trigger\">Bewegung des K\u00f6rpers &#8211; Zeitlich abgestimmt auf andere Bewegung<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#alles-zusammen-bewegen\" class=\"uagb-toc-link__trigger\">Alles zusammen bewegen<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#animation-f\u00fcr-alle-die-es-gerne-dezent-m\u00f6gen\" class=\"uagb-toc-link__trigger\">Animation f\u00fcr alle, die es gerne dezent m\u00f6gen<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\">Ein Hirsch neigt den Kopf <\/h2>\n\n\n\n<p>Hier wollen wir erreichen, dass der Hirsch im Foto seinen Kopf leicht neigt und wieder hebt, passend zum Fotohintergrund soll es auch noch ein wenig schneien.<br>Das Beispiel kann man auch gut auf andere Tierfotos anwenden, bei denen es nicht so sehr auf anatomische Genauigkeit ankommt, sondern eher auf die interessante Wirkung der Bewegung eines eigentlich &#8222;eingefrorenen&#8220; Moments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bild freistellen<\/h3>\n\n\n\n<p>F\u00fcr unsere Animation ist ein Foto die Grundlage. Nehmen wir doch mal das Foto eines Hirschs im Schnee. Das wollen wir f\u00fcr unsere Animation in drei Teile zerlegen (die Bildteile kannst du auch <strong>herunterladen <\/strong>und zum \u00dcben benutzen):<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/schnee.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">Den Hintergrund<\/a><\/li><li><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/kopf-hirsch.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">Den Kopf <\/a><\/li><li><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/k\u00f6rper-hirsch.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">Den K\u00f6rper<\/a><\/li><\/ol>\n\n\n\n<p>Diesen Schritt musst du in einem <strong>Grafikprogramm <\/strong>deiner Wahl durchf\u00fchren, aber dank der vielen Hilfen und Automatiken, die mittlerweile integriert sind, geht das recht gut. Zudem musst du dich darum k\u00fcmmern, dass der Hintergrund kein Loch hat. Dort, wo der Hirsch war, muss also mit dem Kopierstempel wieder ein Hintergrund eingef\u00fcgt werden. <\/p>\n\n\n\n<p><em>Ich hoffe, du kannst diese Schritte bei dir auch nachvollziehen &#8211; falls nicht, schreib&#8216; mir das doch gerne als Kommentar, dann werde ich das nochmal in einem kleinen Sondervideo zeigen.<\/em> <em><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/bildteile-mit-gimp-2-freistellen\/\">Hier<\/a> findest du auch schon eine Anleitung zum Ausschneiden mit GIMP.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-teile-972x1024.jpg\" alt=\"\" class=\"wp-image-9927\" width=\"729\" height=\"768\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-teile-972x1024.jpg 972w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-teile-285x300.jpg 285w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-teile-768x809.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-teile.jpg 1632w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><figcaption>Das Bild wird in drei Teile zerlegt<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Bildteile in Kapitel einf\u00fcgen<\/h3>\n\n\n\n<p>Wenn alles ausgeschnitten und ausgef\u00fcllt ist, k\u00f6nnen wir loslegen. Im ersten Schritt f\u00fcgen wir ein Kapitel ein. Hier f\u00fcgen wir nun die drei Bildteile ein, untereinander. Die Einblendung wird hier deaktiviert. Die Dauer k\u00f6nnen wir auf mindestens zehn Sekunden verl\u00e4ngern.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"407\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-in-der-timeline.jpg\" alt=\"\" class=\"wp-image-9953\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-in-der-timeline.jpg 327w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-in-der-timeline-241x300.jpg 241w\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" \/><figcaption>Bildteile in der Timeline<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Animieren des Kopfes<\/h3>\n\n\n\n<p>Jetzt \u00f6ffnen wir die Manuelle Eingabe. Das geht mit der Tastenkombination <strong>Strg und M<\/strong>. Die Manuelle Eingabe werden wir noch \u00f6fter benutzen, darum macht es sich gut, du diese direkt in die Programmoberfl\u00e4che einsetzt. Wie das geht, werde ich im Video auch noch einmal zeigen.<\/p>\n\n\n\n<p>Nun kann auch schon der Kopf animiert werden! Falls du dich noch nicht so richtig mit dem Bewegungspfad-Werkzeug befasst hast, gehen wir es jetzt zusammen Schritt f\u00fcr Schritt durch:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00dcber dem Layoutdesigner gibt es ein Kurven-Symbol, mit dem du den Bewegungspfad-Modus aktivierst (meist ist er bereits aktiv).<\/li><li>Es gibt ein Kurvensymbol mit einem Plus und einem Minus. Hier f\u00fcgst du Bewegungsmarken ein. Eine Bewegungsmarke kann eine Gr\u00f6\u00dfen\u00e4nderung beinhalten, eine Positions\u00e4nderung, eine Drehung und seit Version 12 auch eine Drehung im 3D-Raum.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Drehung f\u00fcr die erste Marke<\/h4>\n\n\n\n<p>Nun erh\u00e4lt der Kopf des Hirsches eine leichte Drehung. Die Drehung f\u00fcgen wir, ganz behutsam, \u00fcber die <strong>Manuelle Eingabe<\/strong> (Strg und M) hinzu. Dazu ver\u00e4ndern wird allein den <strong>Wert unter &#8222;Drehung&#8220; &#8211; &#8222;Z-Achse&#8220;<\/strong>, z.B. auf -5. Wenn du m\u00f6chtest, dass die Bewegung nicht sofort startet, gibt unter &#8222;<strong>Standzeit<\/strong>&#8220; noch einen gerungen Wert ein, z.B. 1.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-z-achse-1024x384.jpg\" alt=\"\" class=\"wp-image-9947\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-z-achse-1024x384.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-z-achse-300x112.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-z-achse-768x288.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Drehung f\u00fcr Z-Achse<\/figcaption><\/figure><\/div>\n\n\n\n<p>Anschlie\u00dfend f\u00fcgen wir eine neue Bewegungsmarke \u00fcber das Plus-Symbol hinzu. Jetzt erscheint schon ein neuer Punkt im Layoutdesigner, der leicht versetzt zum vorherigen liegt. Schiebe den zweiten Punkt auf den ersten Punkt, sodass sie \u00fcbereinander liegen. Bei &#8222;Drehung&#8220; &#8211; &#8222;Z-Achse&#8220; kannst du jetzt einen anderen Wert eingeben, z.B. 0.<\/p>\n\n\n\n<p>F\u00fcge nun wieder eine Marke hinzu, die du \u00fcber die anderen beiden legst und \u00e4ndere den Wert bei &#8222;Drehung&#8220; &#8211; &#8222;Z-Achse&#8220; z.B. wieder auf 5. Wenn du dir jetzt die Vorschau ansiehst, wirst du sehen, wie der Hirsch den Kopf neigt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Den ganzen Hirsch animieren<\/h3>\n\n\n\n<p>Jetzt bewegt der Hirsch den Kopf, aber auf Foto soll noch ein bisschen mehr passieren, auch der K\u00f6rper soll sich ganz leicht bewegen. Damit wird jetzt nicht Kopf und K\u00f6rper getrennt St\u00fcck f\u00fcr St\u00fcck bewegen m\u00fcssen, &#8222;kleben&#8220; wir beiden einfach kurzerhand zusammen.<\/p>\n\n\n\n<p>Dazu f\u00fcgst du in das Kapitel eine Flexi-Collage ein. Die Flexi-Collage sollte in der Spur unter dem Hintergrund liegen. In die Flexi-Collage f\u00fcgst du das Bild des Kopfes und das des K\u00f6rpers ein, sodass diese untereinander liegen, also auch <a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/wie-kann-ich-in-aquasoft-diashow-12-spuren-hinzufuegen\/\">gleichzeitig<\/a> angezeigt werden.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"510\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/ansicht-in-der-timeline-hirsch.jpg\" alt=\"\" class=\"wp-image-9948\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/ansicht-in-der-timeline-hirsch.jpg 330w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/ansicht-in-der-timeline-hirsch-194x300.jpg 194w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><figcaption>Aufbau in der Timeline<\/figcaption><\/figure><\/div>\n\n\n\n<p>Klick in der Timeline auf den roten Rand der Flexi-Collage. F\u00fcge \u00fcber der Plus-Symbol eine neue Bewegungsmarke hinzu, die nur ganz leicht von der ersten Marke abweicht (in Gr\u00f6\u00dfe und Position). Nun kannst du wieder in die Manuelle Eingabe (Strg und M) gehen, um auch hier eine leichte Drehung anzugeben &#8211; diesmal aber nicht auf der Z-Achse, sondern auf der <strong>X-Achse<\/strong> und der <strong>Y-Achse<\/strong>. So neigt sich der gesamte K\u00f6rper leicht im dreidimensionalen Raum. Hier solltest du jedoch weiterhin vorsichtig sein, die Bewegung kann sonst zu sehr ins &#8222;<a href=\"https:\/\/de.wikipedia.org\/wiki\/Uncanny_Valley\">Uncanny Valley<\/a>&#8220; gehen, also unglaubw\u00fcrdig wirken.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-flexi-collage-1024x463.jpg\" alt=\"\" class=\"wp-image-9949\" width=\"512\" height=\"232\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-flexi-collage-1024x463.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-flexi-collage-300x136.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-flexi-collage-768x347.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-flexi-collage.jpg 1791w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><figcaption>Drehung auf der X-Achse und der Y-Achse<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Schnee vor und hinter dem Hirsch<\/h3>\n\n\n\n<p>Auf dem Bild f\u00e4llt Schnee, jedoch verharren die Flocken, der Moment ist eingefroren. Wer wieder ein paar Flocken fallen sehen m\u00f6chte, kann in der Toolbox-Suche &#8222;Schnee&#8220; eingeben und eine passende Schnee-Animation einf\u00fcgen. Besonders realistisch wirkt der Schnee aus dem Erweiterungspaket &#8222;<a href=\"https:\/\/www.aquasoft.de\/diashow\/erweiterungen\/natur\">Natur-Effekte<\/a>&#8222;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-mit-schnee-1024x584.jpg\" alt=\"\" class=\"wp-image-9950\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-mit-schnee-1024x584.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-mit-schnee-300x171.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-mit-schnee-768x438.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/hirsch-mit-schnee.jpg 1095w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Hirsch mit Schnee (aus &#8222;<a href=\"https:\/\/www.aquasoft.de\/diashow\/erweiterungen\/natur\">Natur-Effekte<\/a>&#8222;)<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Teile eines Gem\u00e4ldes animieren<\/h2>\n\n\n\n<p>Das MET Museum hat seine Bilder unter die Creative Commons Lizenz gestellt, die es <a href=\"https:\/\/www.metmuseum.org\/blogs\/digital-underground\/2017\/open-access-at-the-met\">ausdr\u00fccklich erlaubt<\/a>, dass Kunstwerke bearbeitet und verwendet werden k\u00f6nnen. <a rel=\"noreferrer noopener\" aria-label=\"Schau dich um (\u00f6ffnet in neuem Tab)\" href=\"https:\/\/www.metmuseum.org\/art\/collection\/search#!?showOnly=openAccess&amp;offset=0&amp;pageSize=0&amp;sortOrder=asc&amp;perPage=20&amp;searchField=All\" target=\"_blank\">Schau dich um<\/a> und sich&#8216; dir ein Bild aus, mit dem du kreativ werden m\u00f6chtest. Es ist f\u00fcr unser Vorhaben einfach perfekt, dass die Bilder sehr hochaufl\u00f6send angeboten werden, da kannst du sogar kleinste Details animieren, wenn dir danach ist. Wichtig ist, dass bei der Suche die Option &#8222;Open Access&#8220; aktiv ist.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/met-suche-1024x1007.jpg\" alt=\"\" class=\"wp-image-9934\" width=\"512\" height=\"504\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/met-suche-1024x1007.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/met-suche-300x295.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/met-suche-768x755.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/met-suche.jpg 1802w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p>Wenn du erst noch beginnst, das mit dem Freistellen zu begreifen, such dir ein einfaches Bild aus, das einen schlichten Hintergrund besitzt.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/gem\u00e4lde-ausgeschnitten-834x1024.jpg\" alt=\"Teile eines Kunstwerks ausgeschnitten\" class=\"wp-image-9937\" width=\"417\" height=\"512\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/gem\u00e4lde-ausgeschnitten-834x1024.jpg 834w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/gem\u00e4lde-ausgeschnitten-244x300.jpg 244w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/gem\u00e4lde-ausgeschnitten-768x943.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/gem\u00e4lde-ausgeschnitten.jpg 1375w\" sizes=\"auto, (max-width: 417px) 100vw, 417px\" \/><figcaption>&#8222;Study of a Seated Woman Seen from Behind (Marie-Gabrielle Capet)&#8220; von  Ad\u00e9la\u00efde Labille-Guiard <\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Nach dem Ausschneiden ist vor der Animation<\/h3>\n\n\n\n<p>Hast du alles gut ausschneiden k\u00f6nnen? Die L\u00fccken im Hintergrund sind gef\u00fcllt? Gut, dann ist der Rest jetzt gar nicht mehr schwer.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>F\u00fcge zuerst ein Kapitel ein.<\/li><li>Als Hintergrund f\u00fcgst du ein Rechteck aus der Toolbox ein (verwende die Suche, um es schneller zu finden).<\/li><li>Jetzt f\u00fcgst du alle Bildteile untereinander in der Timeline ein.<\/li><li>Nun animieren wir die Bildteile wieder ganz dezent &#8211; \u00f6ffne dazu die Manuelle Eingabe (Strg und M).<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Kopf neigen &#8211; mit Live-Vorschau<\/h3>\n\n\n\n<p>Bei dem Bild, dass ich gew\u00e4hlt habe, habe ich wieder den Kopf und den K\u00f6rper getrennt. Allerdings gibt es sicherlich noch viel mehr M\u00f6glichkeiten, Bildteile zu animieren. Der Kopf soll sich wieder ganz leicht bewegen. Im Unterschied zum vorherigen Beispiel gehen wir hier gleich in den 3D-Raum, benutzen also auch die Drehung auf der X- und der Y-Achse.<\/p>\n\n\n\n<p>Das Ziel der Bewegung in meinem Beispiel soll sein, dass die Frau den Kopf leicht hebt. An den Zeitwerten unten im Bild siehst du, wie klein die Werte daf\u00fcr sind.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-im-3d-raum-1024x454.jpg\" alt=\"\" class=\"wp-image-9962\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-im-3d-raum-1024x454.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-im-3d-raum-300x133.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/drehung-im-3d-raum-768x340.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Einstellungen f\u00fcr Drehung<\/figcaption><\/figure><\/div>\n\n\n\n<p>Du wirst schnell merken, dass manchmal der <strong>Anschluss <\/strong>an die anderen Bildteile im <strong>Verlauf <\/strong>der Animation nicht passend bleibt. Da kommt dir etwas zugute, dass es bisher so nur in <a href=\"https:\/\/www.aquasoft.de\/stages\">AquaSoft Stages<\/a> gab und jetzt eben auch in DiaShow 12: die <a href=\"https:\/\/www.aquasoft.de\/help\/diashow12\/live-vorschau.htm?zoom_highlightsub=live\">Live-Vorschau<\/a>. Du aktivierst sie mit einem Klick auf das Auge\/Linie-Symbol unter der Vorschau im Layoutdesigner.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"210\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/live-vorschau-1024x210.jpg\" alt=\"\" class=\"wp-image-9958\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/live-vorschau-1024x210.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/live-vorschau-300x62.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/live-vorschau-768x157.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/live-vorschau.jpg 1185w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Symbol f\u00fcr Live-Vorschau<\/figcaption><\/figure><\/div>\n\n\n\n<p>Ist die Live-Vorschau aktiv, kannst du genau erkennen, wie die Bewegung abl\u00e4uft. Dazu musst du jetzt nicht mehr die Vorschau abspielen, du kannst einfach den <strong>Playhead ziehen<\/strong>. Klick das Bild an, bei dem du deine eingef\u00fcgte Bewegung nachvollziehen m\u00f6chtest und ziehe den Playhead St\u00fcck f\u00fcr St\u00fcck  dar\u00fcber. So kannst du die Geschwindigkeit steuern und auf die Details achten. Dir wird dann auch auffallen, wenn etwas bei der Bewegung nicht richtig passt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bewegung des K\u00f6rpers &#8211; Zeitlich abgestimmt auf andere Bewegung<\/h3>\n\n\n\n<p>Auch der K\u00f6rper soll sich ein wenig neigen, aber erst, wenn der Kopf mit deinem Bewegungsablauf schon fertig ist. Beim Kopf wei\u00df ich durch die Werte der Zeitmarke, dass die Bewegung nach f\u00fcnf Sekunden beendet ist. Ich nehme diesen Zeitwert und trage ihn f\u00fcr den K\u00f6rper unter &#8222;Zeitmarke&#8220; oben im Layoutdesigner ein, noch bevor ich eine neue Marke hinzuf\u00fcge. Steht der Wert, kann es weitergehen.<\/p>\n\n\n\n<p>Wir f\u00fcgen die neue Marke hinzu und schieben sie genau auf die erste Marke, denn nicht die Position oder Gr\u00f6\u00dfe soll sich \u00e4ndern, sondern nur die Drehung. Die Drehung des K\u00f6rpers geben wir wieder in der Manuellen Eingabe ein. Unter &#8222;Zeitmarke&#8220; kannst du auch f\u00fcr die zweite Marke noch den Zeitwert \u00e4ndern und so die Bewegung schneller oder langsamer ablaufen lassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alles zusammen bewegen<\/h3>\n\n\n\n<p>Auch hier habe ich wieder den Kopf und den K\u00f6rper in einer Flexi-Collage zusammen gefasst. Damit kann ich das Bildmotiv von der Seite &#8222;einfliegen lassen&#8220;, w\u00e4hrend sich dessen Bildteile ebenfalls bewegen. Vielleicht siehst du im Screenshot unten auch die Ellipse, die ich noch eingef\u00fcgt habe? Sie sorgt f\u00fcr eine leichte R\u00f6tung der Wange, die langsam eingeblendet wird.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/aufbau-und-endergebnis-1024x555.jpg\" alt=\"\" class=\"wp-image-9964\" width=\"768\" height=\"416\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/aufbau-und-endergebnis-1024x555.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/aufbau-und-endergebnis-300x163.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/aufbau-und-endergebnis-768x416.jpg 768w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption>Aufbau in der Timeline und Ergebnis<\/figcaption><\/figure><\/div>\n\n\n\n<p>Es soll hier auch noch Platz f\u00fcr Text geben, der ebenfalls &#8222;einfliegt&#8220; und auch der Hintergrund bekommt noch eine eigene kleine Animation. Wie das am Ende aussieht, zeige ich dir im Video.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"ANLEITUNG | Bildteile bewegen \u2728\ud83d\uddbc\ufe0f\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/-swkPsugk7Q?feature=oembed&#038;wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Animation f\u00fcr alle, die es gerne dezent m\u00f6gen<\/h2>\n\n\n\n<p>Du siehst, es muss nicht immer der gro\u00dfe, fantastische Effekt sein. Mit kleinen, vielleicht sogar subtilen Bewegungen kannst du auch Aufmerksamkeit schaffen. Mir f\u00e4llt so etwas schon seit langem typischerweise bei Arte-Dokus \u00fcber Kunst auf &#8211; ist dir das auch schon begegnet? Diese kleinen, feinen Bewegungen <strong>unterst\u00fctzen <\/strong>die Erz\u00e4hlung und dr\u00e4ngen sich nicht zu sehr in den Mittelpunkt.<\/p>\n\n\n\n<p>War der Beitrag f\u00fcr dich hilfreich? Sei gerne ehrlich und sag&#8216; mir mit Sternen oder einem Kommentar, was du denkst.<\/p>\n\n\n<span id=\"post-ratings-9925\" class=\"post-ratings\"><img decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"12 votes, average: 4,00 out of 5\" title=\"12 votes, average: 4,00 out of 5\" class=\"post-ratings-image\" \/><img decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"12 votes, average: 4,00 out of 5\" title=\"12 votes, average: 4,00 out of 5\" class=\"post-ratings-image\" \/><img decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"12 votes, average: 4,00 out of 5\" title=\"12 votes, average: 4,00 out of 5\" class=\"post-ratings-image\" \/><img decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"12 votes, average: 4,00 out of 5\" title=\"12 votes, average: 4,00 out of 5\" class=\"post-ratings-image\" \/><img decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_off.gif\" alt=\"12 votes, average: 4,00 out of 5\" title=\"12 votes, average: 4,00 out of 5\" class=\"post-ratings-image\" \/> (<em><strong>12<\/strong> Stimme(n), Durchschnitt: <strong>4,00<\/strong><\/em>)<\/span><span id=\"post-ratings-9925-loading\" class=\"post-ratings-loading\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/loading.gif\" width=\"16\" height=\"16\" class=\"post-ratings-image\" \/>Loading...<\/span>\n","protected":false},"excerpt":{"rendered":"<p>Wenn wir Bildteile bewegen wollen, ist das Bewegungspfad-Werkzeug unerl\u00e4sslich. Wie ein Hirsch mit dem Kopf nickt oder sich Teile eines Gem\u00e4ldes in Bewegung setzen, das wollen wir uns heute ansehen. Erst gehen wir das an einem Foto durch, danach werden wir das ber\u00fchmte Metropolitan Museum of Art besuchen, um eines&#46;&#46;&#46;<\/p>\n","protected":false},"author":11,"featured_media":9971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[42,96435],"tags":[96102,94341,96441,92823],"class_list":["post-9925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-diashow-12","tag-3d","tag-ausschneiden","tag-bewegungung","tag-bild-ausschneiden"],"uagb_featured_image_src":{"full":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/02\/bildteile-bewegen.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":27,"uagb_excerpt":"Wenn wir Bildteile bewegen wollen, ist das Bewegungspfad-Werkzeug unerl\u00e4sslich. Wie ein Hirsch mit dem Kopf nickt oder sich Teile eines Gem\u00e4ldes in Bewegung setzen, das wollen wir uns heute ansehen. Erst gehen wir das an einem Foto durch, danach werden wir das ber\u00fchmte Metropolitan Museum of Art besuchen, um eines&#46;&#46;&#46;","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/comments?post=9925"}],"version-history":[{"count":29,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9925\/revisions"}],"predecessor-version":[{"id":10089,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9925\/revisions\/10089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/9971"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=9925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=9925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=9925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}