{"id":8435,"date":"2020-06-04T11:32:07","date_gmt":"2020-06-04T09:32:07","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=8435"},"modified":"2020-08-10T09:19:02","modified_gmt":"2020-08-10T07:19:02","slug":"animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/","title":{"rendered":"Animierter Schatten &#8211; Fensterrahmen und Pflanzen im Luftstrom"},"content":{"rendered":"\n<p>Das Fenster ist angekippt, eine sanfte Brise bewegt die Bl\u00e4tter der Zimmerpflanzen und an der Wand ergibt das ein Schattenspiel, das auf eine gewisse Art beruhigend wirkt&#8230;<\/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-3ebf4311-b95e-45b5-ad2d-66bb6aba2096 \" \n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tdata-delay= \"800\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t<div class=\"uagb-toc__title-wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"uagb-toc__list-wrap\"><\/div>\n\t\t\t\t\t<p class='uagb_table-of-contents-placeholder'><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\n\n<p>Dieses Schattenspiel legt sich \u00fcber die Bildergalerie an der Wand und l\u00e4sst die Erinnerungen lebendig wirken. Eine sch\u00f6ne Szene? In diesem Beitrag werden wir sie in <a rel=\"noreferrer noopener\" aria-label=\"AquaSoft Stages 11 (\u00f6ffnet in neuem Tab)\" href=\"https:\/\/www.aquasoft.de\/stages\" target=\"_blank\">AquaSoft Stages 11<\/a> nachstellen! &#x1f60a; Man nennt diesen Effekt manchmal auch &#8222;Shadow Overlay&#8220;. (Der Effekt kann genauso in DiaShow 11 Ultimate nachgemacht werden.)<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-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=\"Beispiel f\u00fcr Schatten-Animation\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/IYZXJRYyd2A?feature=oembed&#038;wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption>So sieht der animierte Schatten aus<\/figcaption><\/figure>\n\n\n\n<h2>Animierter Schatten &#8211; Welche Grafiken f\u00fcr den Schatten?<\/h2>\n\n\n\n<p>In diesem Beispiel sehen wir den Schatten eines Fensterrahmens und von zwei verschiedenen Pflanzen. Die Grafiken m\u00fcssen freigestellt sein, also einen transparenten Hintergrund besitzen. Der Schatten wirkt &#8222;echter&#8220;, wenn die R\u00e4nder weichgezeichnet sind.<\/p>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">Der Schatten des Fensterrahmens sollte nat\u00fcrlich starr bleiben. Das, was in der Realit\u00e4t beweglich ist, wie z.B. die Bl\u00e4tter der Zimmerpflanzen, erh\u00e4lt eine Animation.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Fenster-1024x576.png\" alt=\"Schatten eines Fensterrahmens\" class=\"wp-image-8438\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Fenster-1024x576.png 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Fenster-300x169.png 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Fenster-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Die Grafik f\u00fcr den Schatten kann frei heruntergeladen und benutzt werden.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Zus\u00e4tzlich ben\u00f6tigen wir noch Pflanzen. Hier kann man z.B. auf kostenlose Fotos zur\u00fcckgreifen, die einen wei\u00dfen Hintergrund besitzen. Diesen kann man in AquaSoft Stages 11 dann verschwinden lassen. Im n\u00e4chsten Abschnitt zeige ich, wie das funktioniert.<\/p>\n\n\n\n<h3>Schatten-Grafik aus einem Foto erstellen<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/foto-pflanze-f\u00fcr-animierten-schatten-695x1024.jpg\" alt=\"Foto einer Zimmerpflanze auf wei\u00dfem Hintergrund\" class=\"wp-image-8440\" width=\"348\" height=\"512\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/foto-pflanze-f\u00fcr-animierten-schatten-695x1024.jpg 695w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/foto-pflanze-f\u00fcr-animierten-schatten-204x300.jpg 204w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/foto-pflanze-f\u00fcr-animierten-schatten-768x1131.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/foto-pflanze-f\u00fcr-animierten-schatten.jpg 772w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><figcaption>Aus diesem Foto machen wir eine Schatten-Grafik<\/figcaption><\/figure><\/div>\n\n\n\n<p>Das Originalfoto der Pflanze hat einen wei\u00dfen Hintergrund, von dem sich die spitzen, langen Bl\u00e4tter gut abheben. Idealerweise ist es eine Pflanzenart, deren Bl\u00e4tter sich im Luftstrom wiegen w\u00fcrden und nichts, das eigentlich starr w\u00e4re (z.B. eine Kaktee).<\/p>\n\n\n\n<p>Wenn sich das Foto in AquaSoft Stages 11 befindet, k\u00f6nnen wir mit der rechten Maustaste auf das Bild in der Timeline klicken und dann &#8222;<strong>Bild bearbeiten<\/strong>&#8220; ausw\u00e4hlen. Jetzt gehen wir im Men\u00fc rechts zum Tab &#8222;<strong>Effekte<\/strong>&#8222;. <\/p>\n\n\n\n<p>Hier legen wir jetzt nacheinander \u00fcber das Plus-Symbol folgende Effekte an:<\/p>\n\n\n\n<ul><li><strong>Histogramm <\/strong>&#8211; Kontrast erh\u00f6hen und dabei das Wei\u00df m\u00f6glichst gleichm\u00e4\u00dfig erscheinen lassen<\/li><li><strong>Einf\u00e4rben <\/strong>&#8211; hier wird der Schieberegler f\u00fcr die S\u00e4ttigung ganz nach links gezogen<\/li><li><strong>Maske <\/strong>&#8211; hier ein H\u00e4kchen bei &#8222;eingehendes Bild verwenden&#8220; und &#8222;Umkehren&#8220; setzen<\/li><li><strong>Weichzeichnen <\/strong>&#8211; die R\u00e4nder sollten nicht zu scharf sein<\/li><li><strong>Transparenz<\/strong>  &#8211; optional, falls der Schatten noch zu dunkel und deckend wirkt<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/bildbearbeitung-aus-foto-schatten-machen-1024x888.jpg\" alt=\"Schatten aus Foto erstellen in der Bildbearbeitung\" class=\"wp-image-8454\" width=\"512\" height=\"444\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/bildbearbeitung-aus-foto-schatten-machen-1024x888.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/bildbearbeitung-aus-foto-schatten-machen-300x260.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/bildbearbeitung-aus-foto-schatten-machen-768x666.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/bildbearbeitung-aus-foto-schatten-machen.jpg 1268w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><figcaption>So sieht das Foto nach der Bearbeitung aus<\/figcaption><\/figure><\/div>\n\n\n\n<h2>Wie wird der Schatten beweglich (animiert)?<\/h2>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">Einen Schatten haben wir ja jetzt schon einmal, aber wie kann er so animiert werden, dass die Bewegung realistisch wirkt? Daf\u00fcr gibt es in AquaSoft Stages 11 einen Effekt, der die eine zuf\u00e4llige Bewegungsabfolge erzeugt. Der Effekt befindet sich in der Toolbox und tr\u00e4gt den sch\u00f6nen Namen &#8222;<strong>Bewegungspfadwackeln<\/strong>&#8222;. <\/p>\n\n\n\n<p>Sch\u00f6ne andere Namen daf\u00fcr w\u00e4ren auch &#8222;Randomisierte Positionstransformation&#8220; oder &#8222;Multidimensionale Zufallsbewegung in definierbarem Raster&#8220;. In Adobe After Effects gibt es daf\u00fcr die <strong>Wiggle Expression<\/strong>. Ich w\u00fcrde sagen, wir bleiben bei &#8222;<strong>Bewegungspfadwackeln<\/strong>&#8222;, denn unsere Pflanzenbl\u00e4tter wackeln damit haupts\u00e4chlich. &#x1f601;<\/p>\n\n\n\n<p>Das bearbeitete Foto der Pflanzenbl\u00e4tter muss sich nun in dem Bewegungspfadwackeln-Effekt befinden. Im Bereich Eigenschaften legen wir nun fest, wie und in welchem Ausma\u00df sich der Schatten bewegt. Dabei lernt man viel, wenn man sich bei den Einstellungen erst einmal durchprobiert. Auch die Wertebereich-Funktion (Klick auf Kurvensymbol) ist hier n\u00fctzlich. Sie erlaubt es, dass sich der Rahmen der Bewegung in einem gewissen Umfang auch \u00e4ndern kann.<\/p>\n\n\n\n<ul><li><strong>Horizontale Verschiebung und vertikale Verschiebung<\/strong> &#8211; Spielraum, in dem sich das Objekt bewegen kann (sollte nicht zu umfangreich sein)<\/li><li><strong>Horizontale und vertikale Skalierung<\/strong> &#8211; gibt an, ob das Objekt gr\u00f6\u00dfer werden darf<\/li><li><strong>Winkel X, Y, Z <\/strong>&#8211; Bewegung des Objektes im dreidimensionalen Raum<\/li><li><strong>Dauer einer Fluktuation<\/strong> &#8211; So lange dauert eine Bewegung an<\/li><li><strong>Mindestabstand zwischen den Fluktuationen<\/strong> &#8211; Pause zwischen den Bewegungen, hier eher geringen Wert w\u00e4hlen<\/li><\/ul>\n\n\n\n<p>Im Beispiel habe ich zwei verschiedene Pflanzen-Grafiken animiert und f\u00fcr jedes etwas unterschiedliche Einstellungen verwendet, damit die Bewegungen organischer wirken. Es k\u00f6nnte ja sein, dass jede Pflanzenart empfindlicher auf den Luftsto\u00df reagiert und sich dementsprechend anders bewegt.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"703\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Einstellungen-f\u00fcr-Bewegungspfadwackeln-1-1024x703.jpg\" alt=\"Einstellungen f\u00fcr Bewegungspfadwackeln in AquaSoft Stages f\u00fcr Bewegung des animierten Schattens\" class=\"wp-image-8444\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Einstellungen-f\u00fcr-Bewegungspfadwackeln-1-1024x703.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Einstellungen-f\u00fcr-Bewegungspfadwackeln-1-300x206.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Einstellungen-f\u00fcr-Bewegungspfadwackeln-1-768x527.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/Einstellungen-f\u00fcr-Bewegungspfadwackeln-1.jpg 1236w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Verschiedene Einstellungen f\u00fcr Bewegungspfadwackeln, damit sich der animierte Schatten auch bewegt.<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">Das wirkt im ersten Moment diffizil? Nur Mut, denn was hier so kompliziert aussieht, wird durch Ausprobieren schnell <strong>durchschaubar<\/strong> und au\u00dferdem ist das Ergebnis schon ziemlich <strong>realistisch<\/strong>! &#x1f929;<\/p>\n\n\n\n<h2>Aufbau in der Timeline<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/aufbau-animierter-schatten-in-der-timeline-1024x501.jpg\" alt=\"Aufbau in der Timeline mit animiertem Schatten\" class=\"wp-image-8451\" width=\"768\" height=\"376\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/aufbau-animierter-schatten-in-der-timeline-1024x501.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/aufbau-animierter-schatten-in-der-timeline-300x147.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/aufbau-animierter-schatten-in-der-timeline-768x376.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/aufbau-animierter-schatten-in-der-timeline.jpg 1366w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Aufbau der Spuren in der Timeline<\/figcaption><\/figure><\/div>\n\n\n\n<p>Das wichtigste Element, den animierten Schatten, haben wir jetzt fertiggestellt. <strong>Aber wie kommt alles zusammen?<\/strong> Schlie\u00dflich ben\u00f6tigen wir noch die Wand mit unserer Bildergalerie. Als <strong>Hintergrund <\/strong>eignet sich eine schlichte Textur, wie z.B. ein gerades Foto von einer <a rel=\"noreferrer noopener\" aria-label=\"verputzten Wand (\u00f6ffnet in neuem Tab)\" href=\"https:\/\/unsplash.com\/photos\/Bf9PT5qVZvM\" target=\"_blank\">verputzten Wand<\/a>. Das Hintergrundbild kommt in die oberste Spur.<\/p>\n\n\n\n<h3>Optional: Animiertes Rauschen f\u00fcr Lichtreflexionen<\/h3>\n\n\n\n<p>In die Spur darunter kommen die Fotos (\u00fcbrigens, der Schatten-Effekt auf der Toolbox passt an dieser Stelle gut!), darunter folgt das animierte Rauschen aus den Erweiterungspaket &#8222;<a href=\"https:\/\/www.aquasoft.de\/diashow\/erweiterungen\/natur\">Natur-Effekte<\/a>&#8222;. Das Rauschen ist kein Muss, es bringt durch ein sanftes Flimmern jedoch Licht und W\u00e4rme in unsere Animation. Wie Sonne, die durch die gr\u00fcnen Bl\u00e4tter am Baum vor dem Fenster strahlt.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/einstellungen-f\u00fcr-animiertes-rauschen.jpg\" alt=\"Animiertes Rauschen erzeugt Licht-Effekt\" class=\"wp-image-8452\" width=\"297\" height=\"435\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/einstellungen-f\u00fcr-animiertes-rauschen.jpg 594w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/einstellungen-f\u00fcr-animiertes-rauschen-205x300.jpg 205w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><figcaption>Einstellungen f\u00fcr animiertes Rauschen<\/figcaption><\/figure><\/div>\n\n\n\n<p>In die n\u00e4chste Spur, die dann alles \u00fcberdecken wird, kommt nun der animierte Schatten (im Beispiel oben sind alle Elemente eine Flexi-Collage namens &#8222;Schatten-Overlay&#8220; zusammengefasst).<\/p>\n\n\n\n<h2>Spiel mit Licht und Schatten<\/h2>\n\n\n\n<p>Das Ziel war es, eine dezente und dennoch realistische Schatten-Animation zu erstellen. Ich finde, an diesem Beispiel sieht man wieder ganz gut, dass Animation und Effekte <strong>nicht immer hei\u00dfen muss, dass die Fotos zu kurz kommen<\/strong>. Vielmehr erschafft man damit eine <strong>Atmosph\u00e4re<\/strong> f\u00fcr die Betrachter. Sie werden dabei ganz subtil in den Bann der Geschichte gezogen. <\/p>\n\n\n\n<p>Im VIP-Club gibt es das Projekt auch als Download:  <a href=\"https:\/\/www.aquasoft.de\/vip\/animierter-schatten\">https:\/\/www.aquasoft.de\/vip\/animierter-schatten<\/a> <\/p>\n\n\n<span id=\"post-ratings-8435\" class=\"post-ratings\" data-nonce=\"3d494983a6\"><img id=\"rating_8435_1\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"1 Stern\" title=\"1 Stern\" onmouseover=\"current_rating(8435, 1, '1 Stern');\" onmouseout=\"ratings_off(4.4, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8435_2\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"2 Sterne\" title=\"2 Sterne\" onmouseover=\"current_rating(8435, 2, '2 Sterne');\" onmouseout=\"ratings_off(4.4, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8435_3\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"3 Sterne\" title=\"3 Sterne\" onmouseover=\"current_rating(8435, 3, '3 Sterne');\" onmouseout=\"ratings_off(4.4, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8435_4\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"4 Sterne\" title=\"4 Sterne\" onmouseover=\"current_rating(8435, 4, '4 Sterne');\" onmouseout=\"ratings_off(4.4, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8435_5\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_half.gif\" alt=\"5 Sterne\" title=\"5 Sterne\" onmouseover=\"current_rating(8435, 5, '5 Sterne');\" onmouseout=\"ratings_off(4.4, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (<strong>7<\/strong> Stimmen, durchschnittlich: <strong>4,43<\/strong> von 5)<br \/><span class=\"post-ratings-text\" id=\"ratings_8435_text\"><\/span><\/span><span id=\"post-ratings-8435-loading\" class=\"post-ratings-loading\"><img 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>Das Ziel war es, eine dezente und dennoch realistische Schatten-Animation zu erstellen. Ich finde, an diesem Beispiel sieht man wieder ganz gut, dass Animation und Effekte nicht immer hei\u00dfen muss, dass die Fotos zu kurz kommen. Vielmehr erschafft man damit eine Atmosph\u00e4re f\u00fcr die Betrachter. Sie werden dabei ganz subtil in den Bann der Geschichte gezogen.<\/p>\n","protected":false},"author":11,"featured_media":8457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[42,92488,92412,96056],"tags":[96126,92546,95505,96127,95990,94433,92505,96130,96128],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Schatten animieren f\u00fcr Video (Anleitung)<\/title>\n<meta name=\"description\" content=\"Animierter Schatten mit Pflanzen und Fensterrahmen. Eine Anleitung f\u00fcr stimmungsvolle, dezente Schatten, die Fotos und Collagen &quot;echt&quot; wirken lassen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Schatten animieren f\u00fcr Video (Anleitung)\" \/>\n<meta property=\"og:description\" content=\"Animierter Schatten mit Pflanzen und Fensterrahmen. Eine Anleitung f\u00fcr stimmungsvolle, dezente Schatten, die Fotos und Collagen &quot;echt&quot; wirken lassen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/\" \/>\n<meta property=\"og:site_name\" content=\"Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aquasoft.de\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/aquasoft\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-04T09:32:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-10T07:19:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@aquasoft_de\" \/>\n<meta name=\"twitter:site\" content=\"@AquaSoft_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\">\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\",\"name\":\"AquaSoft\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/aquasoft.de\",\"https:\/\/www.youtube.com\/user\/aquasoftgmbh\",\"https:\/\/twitter.com\/AquaSoft_DE\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#logo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2014\/07\/Logo-Quadrat.png\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2014\/07\/Logo-Quadrat.png\",\"width\":180,\"height\":180,\"caption\":\"AquaSoft\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"name\":\"Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg\",\"contentUrl\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg\",\"width\":1440,\"height\":680},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/\",\"name\":\"Schatten animieren f\\u00fcr Video (Anleitung)\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#primaryimage\"},\"datePublished\":\"2020-06-04T09:32:07+00:00\",\"dateModified\":\"2020-08-10T07:19:02+00:00\",\"description\":\"Animierter Schatten mit Pflanzen und Fensterrahmen. Eine Anleitung f\\u00fcr stimmungsvolle, dezente Schatten, die Fotos und Collagen \\\"echt\\\" wirken lassen.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"name\":\"Startseite\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\"},\"headline\":\"Animierter Schatten &#8211; Fensterrahmen und Pflanzen im Luftstrom\",\"datePublished\":\"2020-06-04T09:32:07+00:00\",\"dateModified\":\"2020-08-10T07:19:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#primaryimage\"},\"keywords\":[\"Bewegungspfadwackeln\",\"Bildbearbeitung\",\"Erweiterungspaket\",\"Fluktuation\",\"Natur-Effekte\",\"Rauschen\",\"Schatten\",\"Shadow Overlay\",\"Verschiebung\"],\"articleSection\":[\"Animation\",\"Effekte\",\"Inspiration\",\"Stages 11\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/animierter-schatten-fensterrahmen-und-pflanzen-im-luftstrom\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\",\"name\":\"Nadine\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#personlogo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/434a1bb11f4ac0f21bc3ebfcddd2815a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/434a1bb11f4ac0f21bc3ebfcddd2815a?s=96&r=g\",\"caption\":\"Nadine\"},\"description\":\"Bei AquaSoft k\\u00fcmmere ich mich um Blogbeitr\\u00e4ge, Videos und mehr - dabei gibt es eine gro\\u00dfe Insprationsquelle: Ihre Ideen und Anfragen.\",\"sameAs\":[\"http:\/\/support.aquasoft.de\",\"https:\/\/www.facebook.com\/aquasoft\",\"https:\/\/twitter.com\/aquasoft_de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","uagb_featured_image_src":{"full":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/06\/schatten-animieren.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":3,"uagb_excerpt":"Das Ziel war es, eine dezente und dennoch realistische Schatten-Animation zu erstellen. Ich finde, an diesem Beispiel sieht man wieder ganz gut, dass Animation und Effekte nicht immer hei\u00dfen muss, dass die Fotos zu kurz kommen. Vielmehr erschafft man damit eine Atmosph\u00e4re f\u00fcr die Betrachter. Sie werden dabei ganz subtil in den Bann der Geschichte&hellip;","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8435"}],"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=8435"}],"version-history":[{"count":25,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8435\/revisions"}],"predecessor-version":[{"id":8939,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8435\/revisions\/8939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/8457"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=8435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=8435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=8435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}