{"id":5975,"date":"2008-07-18T20:08:13","date_gmt":"2008-07-18T18:08:13","guid":{"rendered":"http:\/\/www.aquasoft.de\/blog\/?p=115"},"modified":"2008-07-18T20:08:13","modified_gmt":"2008-07-18T18:08:13","slug":"3d-effekt-aus-starren-bildern-erzeugen","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/","title":{"rendered":"3D-Effekt aus starren Bildern erzeugen"},"content":{"rendered":"<p>In diesem Beitrag m\u00f6chte ich einen Effekt demonstrieren, den man mit ein bischen Handarbeit aus einem einzigen Bild erzeugen kann. Dabei wird ein Bild in mehrere Teile zerschnitten, die unterschiedlich schnell bewegt werden, um einen perspektivischen 3D-Effekt zu erziehen. Dieser Effekt wird auch als <a href=\"http:\/\/en.wikipedia.org\/wiki\/Parallax_scrolling\" title=\"Wikipedia-Artikel \u00fcber Parallax-Scrolling (englisch)\" target=\"_blank\">Parallax-Scrolling<\/a> bezeichnet und wurde schon in den Anf\u00e4ngen der Computerspiel\u00e4ra eingesetzt.<\/p>\n<p>Wie die fertige Animation aussehen k\u00f6nnte, zeigt dieses Video:<\/p>\n<p align=\"center\">\n<p>Um die verschiedenen Ebenen aus einem Bild herzustellen, ben\u00f6tigt man ein separates Bildbearbeitungsprogramm, um die Bereiche freizustellen. Im Beispiel habe ich den Vordergrund herausgetrennt und zus\u00e4tzlich die Wolkenschicht und jeweils als PNG-Grafik abgespeichert, um die Transparenz zu erhalten. Somit existieren mit dem unbearbeiteten Originalbild als Hintergrund 3 Ebenen.<\/p>\n<p style=\"text-align: center\"><img src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2008\/07\/freistellen.jpg\" alt=\"Freistellen der einzelnen Ebenen eines Bildes\" \/><\/p>\n<p>In der AquaSoft DiaShow werden die einzelnen Bildern in einem Kapitel jeweils in einer Spur angeordnet und \u00fcber einen Kameraschwenk oder einen Bewegungspfad leicht bewegt. Wichtig ist: je weiter weg eine Ebene ist, desto langsamer muss sie sich bewegen, um die Tiefenillusion zu erhalten. Als vierte Ebene habe ich noch eine Sonne dazugesetzt, die sich gar nicht bewegt, da sie sehr sehr weit weg ist.<\/p>\n<p style=\"text-align: center\"><img src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2008\/07\/timeline.png\" alt=\"Timeline mit den einzelnen Bildebenen\" \/><\/p>\n<p>Die beiden schwarzen Farbfl\u00e4chen, die in der letzten Spur zu sehen sind, dienen zum Ein- und Ausblenden der gesamten Animation. Die komplette Diashow kann im <a href=\"http:\/\/www.aquasoft.de\/DownloadCenter.as?spd=273\">Downloadcenter<\/a> heruntergeladen werden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Beitrag m\u00f6chte ich einen Effekt demonstrieren, den man mit ein bischen Handarbeit aus einem einzigen Bild erzeugen kann. Dabei wird ein Bild in mehrere Teile zerschnitten, die unterschiedlich schnell bewegt werden, um einen perspektivischen 3D-Effekt zu erziehen. Dieser Effekt wird auch als Parallax-Scrolling bezeichnet und wurde schon in&#46;&#46;&#46;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[92418],"tags":[42,93697,92526,95552],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>3D-Effekt aus starren Bildern erzeugen - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog<\/title>\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\/3d-effekt-aus-starren-bildern-erzeugen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3D-Effekt aus starren Bildern erzeugen - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\" \/>\n<meta property=\"og:description\" content=\"In diesem Beitrag m\u00f6chte ich einen Effekt demonstrieren, den man mit ein bischen Handarbeit aus einem einzigen Bild erzeugen kann. Dabei wird ein Bild in mehrere Teile zerschnitten, die unterschiedlich schnell bewegt werden, um einen perspektivischen 3D-Effekt zu erziehen. Dieser Effekt wird auch als Parallax-Scrolling bezeichnet und wurde schon in&#046;&#046;&#046;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/\" \/>\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:published_time\" content=\"2008-07-18T18:08:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2008\/07\/freistellen.jpg\" \/>\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=\"1\u00a0Minute\">\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\/3d-effekt-aus-starren-bildern-erzeugen\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2008\/07\/freistellen.jpg\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2008\/07\/freistellen.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/\",\"name\":\"3D-Effekt aus starren Bildern erzeugen - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#primaryimage\"},\"datePublished\":\"2008-07-18T18:08:13+00:00\",\"dateModified\":\"2008-07-18T18:08:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#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\/3d-effekt-aus-starren-bildern-erzeugen\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/f78e223989d85e590ba66ac37aaf83aa\"},\"headline\":\"3D-Effekt aus starren Bildern erzeugen\",\"datePublished\":\"2008-07-18T18:08:13+00:00\",\"dateModified\":\"2008-07-18T18:08:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#webpage\"},\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#primaryimage\"},\"keywords\":[\"Animation\",\"AquaSoft\",\"Diashow\",\"parallax scrolling\"],\"articleSection\":[\"DiaShow\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/3d-effekt-aus-starren-bildern-erzeugen\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/f78e223989d85e590ba66ac37aaf83aa\",\"name\":\"Steffen Binas\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#personlogo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78de40128567a355a071c279f48e57e5?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78de40128567a355a071c279f48e57e5?s=96&r=g\",\"caption\":\"Steffen Binas\"},\"sameAs\":[\"http:\/\/www.aquasoft.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"thumb-small":false,"thumb-standard":false,"thumb-medium":false,"thumb-large":false,"thumb-xlarge":false,"thumb-xxlarge":false,"yarpp-thumbnail":false},"uagb_author_info":{"display_name":"Steffen Binas","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/steffenbinas\/"},"uagb_comment_info":5,"uagb_excerpt":"In diesem Beitrag m\u00f6chte ich einen Effekt demonstrieren, den man mit ein bischen Handarbeit aus einem einzigen Bild erzeugen kann. Dabei wird ein Bild in mehrere Teile zerschnitten, die unterschiedlich schnell bewegt werden, um einen perspektivischen 3D-Effekt zu erziehen. Dieser Effekt wird auch als Parallax-Scrolling bezeichnet und wurde schon in&#46;&#46;&#46;","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/5975"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/comments?post=5975"}],"version-history":[{"count":0,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/5975\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=5975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=5975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=5975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}