{"id":8374,"date":"2020-05-19T11:57:29","date_gmt":"2020-05-19T09:57:29","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=8374"},"modified":"2020-06-23T09:29:37","modified_gmt":"2020-06-23T07:29:37","slug":"kaffeetasse-animieren-mit-wellen-drehung-und-dampf","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/","title":{"rendered":"Kaffeetasse animieren mit Wellen, Drehung und Dampf"},"content":{"rendered":"\n<p>Eine <strong>Kaffeetasse <\/strong>animieren, das ist eine gute Finger\u00fcbung, um mit Masken zu arbeiten und am Ende hat man auch noch ein sch\u00f6nes Video zum Versenden.<br>Der Kaffee, gerade frisch umger\u00fchrt, dreht sich <strong>dampfend in der Tasse<\/strong> &#8211; diese Animation liegt wirklich nur auf dem Inneren der Tasse, w\u00e4hrend der Rest des Bildes eingefroren ist. Dieses Beispiel kann auch f\u00fcr andere Projekte n\u00fctzlich sein und hier kommt die Anleitung dazu.<\/p>\n\n\n\n<p>Am Ende des Beitrags gibt es auch Video mit der Anleitung und dem Beispiel.<\/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-70f41326-bdf9-44d3-ad8b-b7ac06dfe3d4 \" \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<h2>Kaffeetasse animieren: mehrere Bilder gleichzeitig<\/h2>\n\n\n\n<p>Wenn mehrere Bilder gleichzeitig zu sehen sein sollen, ben\u00f6tigen wir <strong>Spuren<\/strong>. Daf\u00fcr ziehen wir aus der Toolbox ein Kapitel-Objekt in die noch leere Timeline.<\/p>\n\n\n\n<p>Hier in diesem Beispiel brauchen wir Spuren f\u00fcr:<\/p>\n\n\n\n<ul><li>das Foto der Kaffee-Tasse<\/li><li>den sich drehenden Kaffee<\/li><li>den Dampf<\/li><li>und den Wellen-Effekt<\/li><\/ul>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">Der Dampf und der Wellen-Effekt sind im Erweiterungspaket &#8222;<a href=\"https:\/\/www.aquasoft.de\/diashow\/erweiterungen\/natur\">Natur-Effekte<\/a>&#8220; zu finden.<\/p>\n\n\n\n<p>In das Kapitel ziehen wir nun unser Kaffeetassen-Foto. Besonders gut ist es, wenn das <strong>Foto von oben<\/strong> aufgenommen wurde, sodass der Rand der Kaffeetasse wirklich <strong>kreisrund <\/strong>ist. Unter &#8222;Eigenschaften&#8220; sollte man dann unbedingt noch Seitenverh\u00e4ltnis anpassen und die Einblendung deaktivieren.<\/p>\n\n\n\n<h2>Maske anlegen f\u00fcr den drehenden Kaffee<\/h2>\n\n\n\n<p>Jetzt ist schon die Drehung des Kaffees an der Reihe. Daf\u00fcr nutzen wir den Masken-Effekt (Dynamische Maske). Aber zun\u00e4chst m\u00fcssen wir den Teil des Bildes festlegen, der sich bewegen soll.<\/p>\n\n\n\n<p>Dazu ziehen wir jetzt erst einmal aus der Toolbox unter &#8222;Formen&#8220; &#8211; &#8222;Dynamische Formen&#8220; die Ellipse in die Timline, direkt unter das Kaffeetassen-Foto. Unter &#8222;Eigenschaften&#8220; setzen wir nun bei &#8222;Kreis&#8220; ein H\u00e4kchen (wenn der Ausschnitt im Foto tats\u00e4chlich rund ist) und stellen unter &#8222;Weicher Rand&#8220; einen guten Wert ein, z.B. 30%.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"393\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-maske-1024x393.jpg\" alt=\"Bereich der Animation festlegen\" class=\"wp-image-8375\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-maske-1024x393.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-maske-300x115.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-maske-768x295.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Der wei\u00dfe Kreis markiert den Bereich, der sich sp\u00e4ter drehen soll<\/figcaption><\/figure><\/div>\n\n\n\n<p>Im Layoutdesigner m\u00fcssen wir nun nur noch den wei\u00dfen Kreis anpassen. Wenn alles passt, kann das Foto verdoppelt werden. Auf das Foto ziehen wir nun den Effekt &#8222;Dynamische Maske&#8220; aus der Toolbox. In den Bereich f\u00fcr die Maske legen wir die Ellipse.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"796\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/aufbau-in-der-timeline-mit-maske-1024x796.jpg\" alt=\"Wollen wir die Kaffeetasse animieren, muss ein Teil des Fotos maskiert werden.\" class=\"wp-image-8376\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/aufbau-in-der-timeline-mit-maske-1024x796.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/aufbau-in-der-timeline-mit-maske-300x233.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/aufbau-in-der-timeline-mit-maske-768x597.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/aufbau-in-der-timeline-mit-maske.jpg 1056w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>So sollte der Aufbau in der Timeline jetzt aussehen.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Nun m\u00fcssen wir noch daf\u00fcr sorgen, dass sich der maskierte <strong>Bildausschnitt dreht<\/strong>. Dazu klicken wir auf das Foto, das sich in der Maske befindet. Im Layoutdesigner muss der Bewegungspfad-Modus aktiv sein (geschwungener Pfeil). Nun wird eine neue Bewegungsmarke angelegt (Linie mit Plus). <\/p>\n\n\n\n<p>Diese neue Marke muss sich genau \u00fcber der ersten befinden und dann um ca. 90 Grad gedreht werden. Das geht \u00fcber den dunkelgr\u00fcnen Anfasser-Punkt oder mit der Manuellen Steuerung (Strg und M dr\u00fccken und bei Winkel den Wert eingeben). Diese Drehung soll dann etwas l\u00e4nger dauern, unter &#8222;Zeitmarke&#8220; kann man z.B. 20 Sekunden eingeben. Nat\u00fcrlich muss dann die L\u00e4nge der Ellipse und des ersten Fotos auch auf 20 Sekunden angepasst werden.<\/p>\n\n\n\n<p>In der Vorschau m\u00fcssten wir jetzt eine sanfte Drehung des Kaffees sehen. &#x1f60a;&#x2615;<\/p>\n\n\n\n<h2>Kaffeetasse animieren: Wellen im Kaffee<\/h2>\n\n\n\n<p>F\u00fcr unsere Kaffee-Animation holen wir noch sanfte Wellen (der Effekt hei\u00dft &#8222;<strong>Wellen, kreisf\u00f6rmig&#8220;<\/strong>) hinzu. Diese gibt es im Erweiterungspaket &#8222;Natur-Effekte&#8220;, das schon viele besitzen. Alternativ k\u00f6nnte man auch den <a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/wie-erstellt-man-eine-displacement-effekt\/\">Displacement-Effekt<\/a> verwenden.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"667\" height=\"635\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/wellen-kreisf\u00f6rmig.jpg\" alt=\"Wellen-Effekt aus dem Erweiterungspaket &quot;Natur-Effekte&quot;\" class=\"wp-image-8377\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/wellen-kreisf\u00f6rmig.jpg 667w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/wellen-kreisf\u00f6rmig-300x286.jpg 300w\" sizes=\"(max-width: 667px) 100vw, 667px\" \/><figcaption>Der Effekt, der den Kaffee zum Pl\u00e4tschern bringt<\/figcaption><\/figure><\/div>\n\n\n\n<p>Der Effekt muss direkt auf das Foto gezogen werden, der sich im Masken-Effekt befindet. Es wird kurz ein gelber Rahmen in der Timeline um das Foto herum angezeigt, dann kann man den Effekt fallen lassen. Unter &#8222;Eigenschaften&#8220; lassen sich dann noch die Details anpassen.<\/p>\n\n\n\n<h2>Frischer Dampf \u00fcber dem hei\u00dfen Kaffee<\/h2>\n\n\n\n<p>Die Drehung und die Wellen in der Kaffee-Animation sind ja schon an sich ein Augenschmaus f\u00fcr Kaffeeliebende. Wer noch eins obendrauf setzen m\u00f6chte, nimmt jetzt noch den Dampf hinzu. Diesen bekommen wir mithilfe des Effektes &#8222;Wolkenhimmel&#8220; (auch aus dem Natur-Effekte-Paket).<\/p>\n\n\n\n<p>Der Effekt muss in die unterste Spur in der Timeline. So liegt er dann visuell \u00fcber der Kaffeetasse und unserer Animation.<br>Im Effekt steckt noch ein blauer Himmel. In der Timeline ist daf\u00fcr das Objekt &#8222;Black1x1.gif&#8220; daf\u00fcr verantwortlich. Es kann einfach gel\u00f6scht werden. Die Dauer des Wolkenhimmels muss dann noch auf 20 Sekunden erh\u00f6ht werden.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"357\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/dampf-f\u00fcr-animierte-kaffeetasse-1024x357.jpg\" alt=\"Dampf \u00fcber einer Kaffeetasse animieren\" class=\"wp-image-8378\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/dampf-f\u00fcr-animierte-kaffeetasse-1024x357.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/dampf-f\u00fcr-animierte-kaffeetasse-300x105.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/dampf-f\u00fcr-animierte-kaffeetasse-768x268.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/dampf-f\u00fcr-animierte-kaffeetasse.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Anpassung des Effektes &#8222;Wolkenhimmel&#8220; f\u00fcr den Dampf<\/figcaption><\/figure>\n\n\n\n<p>Der Dampf muss nun noch etwas angepasst werden, denn jetzt wirkt er noch wie frisch vom Himmel auf die Tasse gezogen. Unter &#8222;Eigenschaften&#8220; passiert dazu das Wichtigste. Bei den \u00c4nderungen hier sollte man immer ein Auge auf den Effekt im Layoutdesigner haben, denn nicht alle Werte kann und sollte man einfach abtippen. &#x1f605;<\/p>\n\n\n\n<ul><li>Den Rahmen des Effektes platzieren wir \u00fcber der \u00d6ffnung der Kaffeetasse.<\/li><li>Unter &#8222;Emitter&#8220; w\u00e4hlen wir die Option &#8222;Von Punkt&#8220;<\/li><li>Bei &#8222;Gr\u00f6\u00dfe&#8220; sollte am besten reduziert werden, z.B. auf 50% bis 100%.<\/li><li>Bei &#8222;Deckkraft&#8220; ebenfalls reduzieren, z.B. auf 10% bis 30%.<\/li><\/ul>\n\n\n\n<p>Fertig ist die Kaffee-Animation! &#x1f929; Unten folgt nun noch das Video und den Download des Projektes gibt es im VIP-Club:  <a href=\"https:\/\/www.aquasoft.de\/vip\/kaffeetasse-animieren\">https:\/\/www.aquasoft.de\/vip\/kaffeetasse-animieren<\/a> <\/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=\"ANLEITUNG | \u2615 Dampfenden Kaffee mit Drehung animieren (AquaSoft Stages 11 \/ DiaShow 11)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pwh5gmOKFkE?feature=oembed&#038;wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n<span id=\"post-ratings-8374\" class=\"post-ratings\" data-nonce=\"08c46ccf1f\"><img id=\"rating_8374_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(8374, 1, '1 Stern');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8374_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(8374, 2, '2 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8374_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(8374, 3, '3 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8374_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(8374, 4, '4 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_8374_5\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_off.gif\" alt=\"5 Sterne\" title=\"5 Sterne\" onmouseover=\"current_rating(8374, 5, '5 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (<strong>6<\/strong> Stimmen, durchschnittlich: <strong>4,00<\/strong> von 5)<br \/><span class=\"post-ratings-text\" id=\"ratings_8374_text\"><\/span><\/span><span id=\"post-ratings-8374-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>Der Kaffee, gerade frisch umger\u00fchrt, dreht sich dampfend in der Tasse &#8211; diese Animation liegt wirklich nur auf dem Inneren der Tasse, w\u00e4hrend der Rest des Bildes eingefroren ist. <\/p>\n","protected":false},"author":11,"featured_media":8382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[42,92488],"tags":[96143,95390,95388,95505,96144,95990,96145,96120],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kaffeetasse animieren mit Wellen, Drehung und Dampf - Anleitung<\/title>\n<meta name=\"description\" content=\"Lerne hier, wie du eine Kaffetasse animieren kannst, in der sich der Kaffe dreht und realistischer Kaffee-Dampf aufsteigt.\" \/>\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\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kaffeetasse animieren mit Wellen, Drehung und Dampf - Anleitung\" \/>\n<meta property=\"og:description\" content=\"Lerne hier, wie du eine Kaffetasse animieren kannst, in der sich der Kaffe dreht und realistischer Kaffee-Dampf aufsteigt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/\" \/>\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-05-19T09:57:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-23T07:29:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.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=\"4\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\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.jpg\",\"contentUrl\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.jpg\",\"width\":1440,\"height\":680},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/\",\"name\":\"Kaffeetasse animieren mit Wellen, Drehung und Dampf - Anleitung\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#primaryimage\"},\"datePublished\":\"2020-05-19T09:57:29+00:00\",\"dateModified\":\"2020-06-23T07:29:37+00:00\",\"description\":\"Lerne hier, wie du eine Kaffetasse animieren kannst, in der sich der Kaffe dreht und realistischer Kaffee-Dampf aufsteigt.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#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\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\"},\"headline\":\"Kaffeetasse animieren mit Wellen, Drehung und Dampf\",\"datePublished\":\"2020-05-19T09:57:29+00:00\",\"dateModified\":\"2020-06-23T07:29:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#primaryimage\"},\"keywords\":[\"Dampf\",\"Drehung\",\"Dynamische Maske\",\"Erweiterungspaket\",\"Kaffee\",\"Natur-Effekte\",\"Wellen#\",\"Wellen-Effekt\"],\"articleSection\":[\"Animation\",\"Effekte\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/kaffeetasse-animieren-mit-wellen-drehung-und-dampf\/#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\/05\/kaffee-animation-mit-drehung-und-dampf.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/05\/kaffee-animation-mit-drehung-und-dampf.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":2,"uagb_excerpt":"Der Kaffee, gerade frisch umger\u00fchrt, dreht sich dampfend in der Tasse - diese Animation liegt wirklich nur auf dem Inneren der Tasse, w\u00e4hrend der Rest des Bildes eingefroren ist.","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8374"}],"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=8374"}],"version-history":[{"count":9,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8374\/revisions"}],"predecessor-version":[{"id":8630,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8374\/revisions\/8630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/8382"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=8374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=8374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=8374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}