{"id":7676,"date":"2020-01-24T12:29:34","date_gmt":"2020-01-24T12:29:34","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=7676"},"modified":"2020-07-21T12:17:16","modified_gmt":"2020-07-21T10:17:16","slug":"vorher-nachher-vergleich-mit-weisser-linie","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/","title":{"rendered":"Vorher-Nachher-Vergleich mit wei\u00dfer Linie"},"content":{"rendered":"\n<p>Wenn man Fotos gerne bearbeitet oder ein RAW-File entwickelt, ergeben sich doch deutliche Unterschiede zwischen dem Vorher und dem Nachher eines Bildes. Dieser Unterschied ist manchmal wirklich bemerkenswert und mit einem Vorher-Nachher-Vergleich kann man die Arbeit und Liebe zum Detail, die in einem bearbeiteten Bild steckt, sichtbar machen.<\/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-a7418c01-6a15-459c-b8d8-33ad566adb6b \" \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><\/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\/01\/vorher-nachher-animiert-mit-linie-1024x576.jpg\" alt=\"Vorher-Nachher-Vergleich mit wei\u00dfer Linie\" class=\"wp-image-7677\" width=\"768\" height=\"432\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-animiert-mit-linie-1024x576.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-animiert-mit-linie-300x169.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-animiert-mit-linie-768x432.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-animiert-mit-linie.jpg 2000w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Vorher-Nachher-Vergleich von bearbeitetem Bild und nicht bearbeitetem Bild<\/figcaption><\/figure><\/div>\n\n\n\n<p>In dieser Anleitung zeige ich, wie Sie selbst den Vorher-Nachher-Vergleich mit einer animierten wei\u00dfen Trennlinie, die sich \u00fcber das Bild bewegt, animieren. Eine wei\u00dfe Linie &#8222;wischt&#8220; \u00fcber das unbearbeitete Bild und l\u00e4sst dann die fertige Version erscheinen.<\/p>\n\n\n\n<div class=\"schema-how-to wp-block-yoast-how-to-block\"><p class=\"schema-how-to-total-time\"><span class=\"schema-how-to-duration-time-text\">Ben\u00f6tigte Zeit:\u00a0<\/span>25 Minuten. <\/p><p class=\"schema-how-to-description\">Aufbau der Vorher-Nachher-Animation<\/p> <ol class=\"schema-how-to-steps\"><li class=\"schema-how-to-step\" id=\"how-to-step-1579862623483\"><strong class=\"schema-how-to-step-name\">Fotos oder Videos einf\u00fcgen<\/strong> <p class=\"schema-how-to-step-text\">Ziehen Sie eine Flexi-Collage in die Timeline. In die erste Spur legen Sie nun das nicht bearbeitete Foto (Videos sind auch m\u00f6glich).<br\/>In die zweite Spur ziehen Sie das bearbeitete Bild. Achten Sie bei beiden Bildern darauf, dass unter &#8222;Einstellungen&#8220; keine Animation eingestellt ist und die Bilder m\u00f6glichst den Bildschirm f\u00fcllen.<img alt=\"Bilder m\u00f6glichst bildschirmf\u00fcllend und ohne Einblendung darstellen lassen\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/einstellungen-f\u00fcr-bild.jpg\"\/><\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1579862794963\"><strong class=\"schema-how-to-step-name\">Maske festlegen<\/strong> <p class=\"schema-how-to-step-text\">Auf das zweite Bild ziehen Sie nun den Masken-Effekt, dieser liegt in der Toolbox im Tab &#8222;Objekte&#8220; unter &#8222;Live Effekte&#8220;.<br\/>Als Maske verwenden Sie das Rechteck, das sich im Abschnitt &#8222;Dynamische Formen&#8220; befindet. <img alt=\"Masken-Effekt in der Timeline\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/Masken-Effekt-in-der-Timeline.jpg\"\/><\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1579863912897\"><strong class=\"schema-how-to-step-name\">Bewegungspfad f\u00fcr Maske<\/strong> <p class=\"schema-how-to-step-text\">Damit die Maske nach und nach das darunter liegende Bild freigibt, muss sie sich nat\u00fcrlich zur Seite bewegen. Das geht \u00fcber den Bewegungspfad. <br\/>Bei der ersten Bewegungsmarke bedeckt das Rechteck das Bild vollst\u00e4ndig. Jetzt wird eine zweite Marke hinzugef\u00fcgt.<br\/>Die zweite Bewegungsmarke befindet sich noch au\u00dferhalb des linken Bildrandes und ist sehr schmal. Die Breite k\u00f6nnen Sie \u00fcber die Manuelle Steuerung (Strg und M dr\u00fccken) kontrollieren. <img alt=\"Maske in der Timeline und im Layoutdesigner\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/bewgungspad-maske-rechteck.jpg\"\/><\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1579864064748\"><strong class=\"schema-how-to-step-name\">Wei\u00dfe Linie einf\u00fcgen<\/strong> <p class=\"schema-how-to-step-text\">Die wei\u00dfe Linie hebt die Trennung von Vorher-Bild und Nachher-Bild noch einmal viel deutlicher hervor. Au\u00dferdem wirkt es in der Animation so, als w\u00e4re die Linie eine Art Vorhand oder Wischer, durch den das Bild dann &#8222;pl\u00f6tzlich&#8220; bearbeitet ist.<br\/>Die wei\u00dfe Linie soll der eben erstellen Maske folgen. Deshalb ist es praktisch, das Rechteck aus der Maske zu kopieren und in der untersten Spur wieder einzuf\u00fcgen. <br\/>Nun muss die Breite des Rechtecks angepasst werden. Klicken Sie auf die erste Bewegungsmarke und ziehen Sie den Positionsrahmen so weit nach rechts, dass Sie eine schmale Linie erhalten. Die zweite Bewegungsmarke hatten Sie ja bereits in Schritt drei schmal eingestellt, wichtig ist es jetzt nur, dass die beiden Marken die gleiche Breite besitzen. <img alt=\"Aufbau in der Timeline\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-wei\u00dfe-linie.jpg\"\/><\/p> <\/li><\/ol><\/div>\n\n\n\n<p>Haben Sie diese Anleitung gemeistert? Oder gibt es noch Fragen? Schreiben Sie mir gerne an support@aquasoft.de. <\/p>\n\n\n\n<h2>Wei\u00dfe Linie mit Vorher-Nachher-Vergleich in Variationen<\/h2>\n\n\n\n<p>Das Grundger\u00fcst haben Sie jetzt kennengelernt, nun k\u00f6nnen Sie das in viele Richtungen abwandeln:<\/p>\n\n\n\n<ul><li>Die Linie (und damit auch die Maske) k\u00f6nnen schr\u00e4g angelegt werden<\/li><li>\u00dcber dem bearbeiteten Bild k\u00f6nnen Animationen liegen, wie z.B. <a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/glanzstreifen-auf-foto-animieren\/\">Partikel-Effekte<\/a><\/li><li>Linie und Maske k\u00f6nnen vor- und zur\u00fcckwandern<\/li><li>Auf der Flexi-Collage kann ein dezenter Zoom liege<\/li><li>Warum nur Vorher-Nachher? Man kann auch einen kompletten Bildwechsel gestalten &#x1f60a; , dazu weiter unten mehr<\/li><\/ul>\n\n\n\n<h2>Ein anderer Weg (schneller, aber mit weniger Abwandlungen)<\/h2>\n\n\n\n<p>Es gibt noch einen anderen Weg, mit dem Sie schneller zum Ziel kommen. Es gibt n\u00e4mlich die Einblendung &#8222;Wischen&#8220;, die schon eine Linie mitbringt. Diesen Weg zu beschreiben, geht schnell und sicher finden Sie selbst auch noch kreative M\u00f6glichkeiten, das abzuwandeln.  Allerdings funktioniert diese Variante nicht so gut f\u00fcr Videos, sondern ist eher bei Fotos zu empfehlen.<\/p>\n\n\n\n<ul><li>F\u00fcgen Sie Ihre zwei Bildversionen ein, hintereinander in der Timeline. Beide Bilder sind bildschirmf\u00fcllend.<\/li><li>Jetzt klicken Sie auf das zweite Bild und klicken unter &#8222;Einblendung&#8220; auf den Button &#8222;Anpassen&#8220;.<\/li><li>W\u00e4hlen Sie &#8222;Wischen&#8220; und stellen Sie Folgendes ein:<ul><li>den linken Halbkreis in der zweiten Reihe als Einblendungsrichtung oder unter &#8222;Winkel&#8220; 90 Grad<\/li><li>Unter &#8222;H\u00e4rte&#8220; 100 %<\/li><li>Bei &#8222;Rand&#8220; setzen Sie ein H\u00e4kchen<\/li><li>Die Breite des Randes stellen Sie auf 3 %<\/li><\/ul><\/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\/01\/vohrer-nachher-mit-wei\u00dfer-linie-einfach-1024x506.jpg\" alt=\"Einstellungen bei der Einblendung &quot;Wischen&quot;\" class=\"wp-image-7692\" width=\"768\" height=\"380\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vohrer-nachher-mit-wei\u00dfer-linie-einfach-1024x506.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vohrer-nachher-mit-wei\u00dfer-linie-einfach-300x148.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vohrer-nachher-mit-wei\u00dfer-linie-einfach-768x379.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vohrer-nachher-mit-wei\u00dfer-linie-einfach.jpg 1528w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Einstellung f\u00fcr die Einblendung &#8222;Wischen&#8220;<\/figcaption><\/figure><\/div>\n\n\n\n<p>Und noch ein Tipp, f\u00fcr alle, die schon <a href=\"https:\/\/www.aquasoft.de\/stages\">Stages 11<\/a> nutzen. Wenn die Linie noch einmal effektvoll vor- und zur\u00fcckgleiten soll, kann man das ganz leicht \u00fcber die Einblendung mithilfe der Kurve einstellen. Wie das aussieht? Im Video unten zeige ich es im ersten Beispiel. Die Kurve der Einblendung muss dann so aussehen, wie in dem Screenshot:<\/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\/01\/kurve-f\u00fcr-einblendung-1024x501.jpg\" alt=\"Kurve f\u00fcr Einblendung in Stages 11\" class=\"wp-image-7699\" width=\"768\" height=\"376\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/kurve-f\u00fcr-einblendung-1024x501.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/kurve-f\u00fcr-einblendung-300x147.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/kurve-f\u00fcr-einblendung-768x376.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/kurve-f\u00fcr-einblendung.jpg 1514w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>In Stages 11 kann man f\u00fcr den verlauf der Einblendung auch eine Kurve einstellen<\/figcaption><\/figure><\/div>\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=\"HOW TO | Vorher-Nachher-Vergleich mit wei\u00dfer Linie animieren\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QiMrz5sFaX8?feature=oembed&#038;wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption>Ideen f\u00fcr die Animation mit der wei\u00dfen Linie<\/figcaption><\/figure>\n\n\n<span id=\"post-ratings-7676\" class=\"post-ratings\" data-nonce=\"7901f6169a\"><img id=\"rating_7676_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(7676, 1, '1 Stern');\" onmouseout=\"ratings_off(4.7, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_7676_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(7676, 2, '2 Sterne');\" onmouseout=\"ratings_off(4.7, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_7676_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(7676, 3, '3 Sterne');\" onmouseout=\"ratings_off(4.7, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_7676_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(7676, 4, '4 Sterne');\" onmouseout=\"ratings_off(4.7, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_7676_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(7676, 5, '5 Sterne');\" onmouseout=\"ratings_off(4.7, 5, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (<strong>3<\/strong> Stimmen, durchschnittlich: <strong>4,67<\/strong> von 5)<br \/><span class=\"post-ratings-text\" id=\"ratings_7676_text\"><\/span><\/span><span id=\"post-ratings-7676-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>Besonders, wenn man Fotos gerne bearbeitet oder ein RAW-File entwickelt, ergeben sich manchmal deutliche Unterschiede zwischen dem Vorher und dem Nachher eines Bildes. Dieser Unterschied ist manchmal wirklich bemerkenswert und mit einem Vorher-Nachher-Vergleich kann man die Arbeit und Liebe zum Detail, die in einem bearbeiteten Bild steckt, sichtbar machen.<\/p>\n","protected":false},"author":11,"featured_media":7689,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[42,92412],"tags":[96079,96081,18,95458],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vorher-Nachher-Vergleich mit wei\u00dfer Linie - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog<\/title>\n<meta name=\"description\" content=\"Du hast ein Foto bearbeitet und willst mit einer wei\u00dfen Linie die Vorher-Version von der Nachher-Version trennen? Hier zeigen wir, wie man das geht.\" \/>\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\/vorher-nachher-vergleich-mit-weisser-linie\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vorher-Nachher-Vergleich mit wei\u00dfer Linie - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\" \/>\n<meta property=\"og:description\" content=\"Du hast ein Foto bearbeitet und willst mit einer wei\u00dfen Linie die Vorher-Version von der Nachher-Version trennen? Hier zeigen wir, wie man das geht.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/\" \/>\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-01-24T12:29:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-21T10:17:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie.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\/vorher-nachher-vergleich-mit-weisser-linie\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\\u00dfer-linie.jpg\",\"contentUrl\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\\u00dfer-linie.jpg\",\"width\":1440,\"height\":680,\"caption\":\"Vorher-Nachher-Slider mit wei\\u00dfer Linie\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/\",\"name\":\"Vorher-Nachher-Vergleich mit wei\\u00dfer Linie - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#primaryimage\"},\"datePublished\":\"2020-01-24T12:29:34+00:00\",\"dateModified\":\"2020-07-21T10:17:16+00:00\",\"description\":\"Du hast ein Foto bearbeitet und willst mit einer wei\\u00dfen Linie die Vorher-Version von der Nachher-Version trennen? Hier zeigen wir, wie man das geht.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#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\/vorher-nachher-vergleich-mit-weisser-linie\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\"},\"headline\":\"Vorher-Nachher-Vergleich mit wei\\u00dfer Linie\",\"datePublished\":\"2020-01-24T12:29:34+00:00\",\"dateModified\":\"2020-07-21T10:17:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#primaryimage\"},\"keywords\":[\"Bildwechsel\",\"RAW\",\"\\u00dcberblendungen\",\"Wei\\u00dfe Linie\"],\"articleSection\":[\"Animation\",\"Inspiration\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#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\"]},{\"@type\":\"HowTo\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#howto-1\",\"name\":\"Vorher-Nachher-Vergleich mit wei\\u00dfer Linie\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#article\"},\"description\":\"Aufbau der Vorher-Nachher-Animation\",\"totalTime\":\"P0DT0H25M\",\"step\":[{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#how-to-step-1579862623483\",\"name\":\"Fotos oder Videos einf\\u00fcgen\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Ziehen Sie eine Flexi-Collage in die Timeline. In die erste Spur legen Sie nun das nicht bearbeitete Foto (Videos sind auch m\\u00f6glich).<br\/>In die zweite Spur ziehen Sie das bearbeitete Bild. Achten Sie bei beiden Bildern darauf, dass unter \\\"Einstellungen\\\" keine Animation eingestellt ist und die Bilder m\\u00f6glichst den Bildschirm f\\u00fcllen.\"}],\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#schema-image-efd547ce654ac666613c3a047591f18b\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/einstellungen-f\\u00fcr-bild.jpg\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/einstellungen-f\\u00fcr-bild.jpg\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#how-to-step-1579862794963\",\"name\":\"Maske festlegen\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Auf das zweite Bild ziehen Sie nun den Masken-Effekt, dieser liegt in der Toolbox im Tab \\\"Objekte\\\" unter \\\"Live Effekte\\\".<br\/>Als Maske verwenden Sie das Rechteck, das sich im Abschnitt \\\"Dynamische Formen\\\" befindet. \"}],\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#schema-image-a079dc481f02e0a352ef184a85c8b00c\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/Masken-Effekt-in-der-Timeline.jpg\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/Masken-Effekt-in-der-Timeline.jpg\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#how-to-step-1579863912897\",\"name\":\"Bewegungspfad f\\u00fcr Maske\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Damit die Maske nach und nach das darunter liegende Bild freigibt, muss sie sich nat\\u00fcrlich zur Seite bewegen. Das geht \\u00fcber den Bewegungspfad. <br\/>Bei der ersten Bewegungsmarke bedeckt das Rechteck das Bild vollst\\u00e4ndig. Jetzt wird eine zweite Marke hinzugef\\u00fcgt.<br\/>Die zweite Bewegungsmarke befindet sich noch au\\u00dferhalb des linken Bildrandes und ist sehr schmal. Die Breite k\\u00f6nnen Sie \\u00fcber die Manuelle Steuerung (Strg und M dr\\u00fccken) kontrollieren. \"}],\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#schema-image-ee76b39e5d2ec87c1d22e4c6ccfc6bcf\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/bewgungspad-maske-rechteck.jpg\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/bewgungspad-maske-rechteck.jpg\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#how-to-step-1579864064748\",\"name\":\"Wei\\u00dfe Linie einf\\u00fcgen\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Die wei\\u00dfe Linie hebt die Trennung von Vorher-Bild und Nachher-Bild noch einmal viel deutlicher hervor. Au\\u00dferdem wirkt es in der Animation so, als w\\u00e4re die Linie eine Art Vorhand oder Wischer, durch den das Bild dann \\\"pl\\u00f6tzlich\\\" bearbeitet ist.<br\/>Die wei\\u00dfe Linie soll der eben erstellen Maske folgen. Deshalb ist es praktisch, das Rechteck aus der Maske zu kopieren und in der untersten Spur wieder einzuf\\u00fcgen. <br\/>Nun muss die Breite des Rechtecks angepasst werden. Klicken Sie auf die erste Bewegungsmarke und ziehen Sie den Positionsrahmen so weit nach rechts, dass Sie eine schmale Linie erhalten. Die zweite Bewegungsmarke hatten Sie ja bereits in Schritt drei schmal eingestellt, wichtig ist es jetzt nur, dass die beiden Marken die gleiche Breite besitzen. \"}],\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/vorher-nachher-vergleich-mit-weisser-linie\/#schema-image-497d20177ac6a9daf063d772429260cd\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-wei\\u00dfe-linie.jpg\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nachher-wei\\u00dfe-linie.jpg\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","uagb_featured_image_src":{"full":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/01\/vorher-nacher-slider-mit-wei\u00dfer-linie.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":13,"uagb_excerpt":"Besonders, wenn man Fotos gerne bearbeitet oder ein RAW-File entwickelt, ergeben sich manchmal deutliche Unterschiede zwischen dem Vorher und dem Nachher eines Bildes. Dieser Unterschied ist manchmal wirklich bemerkenswert und mit einem Vorher-Nachher-Vergleich kann man die Arbeit und Liebe zum Detail, die in einem bearbeiteten Bild steckt, sichtbar machen.","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/7676"}],"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=7676"}],"version-history":[{"count":21,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/7676\/revisions"}],"predecessor-version":[{"id":8865,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/7676\/revisions\/8865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/7689"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=7676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=7676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=7676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}