{"id":180,"date":"2011-09-15T00:07:07","date_gmt":"2011-09-14T23:07:07","guid":{"rendered":"http:\/\/en2.zzblog.aquasoft.de\/?p=180"},"modified":"2015-08-28T13:55:59","modified_gmt":"2015-08-28T12:55:59","slug":"create-slideshow-videos-with-3d-effects","status":"publish","type":"post","link":"https:\/\/www.aquasoft.net\/blog\/en\/create-slideshow-videos-with-3d-effects\/","title":{"rendered":"How to Create Slideshow videos with 3D Effects"},"content":{"rendered":"<p><span lang=\"en\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-276\" title=\"Create Slideshow with 3D Effect\" src=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Create-Slideshow-with-3D-Effect.jpg\" alt=\"Create Slideshow with 3D Effect\" width=\"123\" height=\"83\" \/>3D is all the buzz! But you have no high-tech stereo camera, just a fine SLR or even a point and shoot camera for regular 2D photos. Believe it or not, but that&#8217;s perfectly adequate! Your photos and AquaSoft SlideShow is all you need to create slide show videos with a hidden 3D effect &#8211; you just need to discover it!<!--more--> Let me show you how you can add great 3D effects to your slideshow project, without\u00a0 breaking the bank or learning complex technologies. Below is a video that I created from the sample slideshow project (download link at the bottom). Notice how the sky and the water slowly move along:<\/span><\/p>\n<p>[youtube width=&#8221;640&#8243; height=&#8221;386&#8243;]http:\/\/www.youtube.com\/watch?v=GWrUu5OA1HU[\/youtube]<\/p>\n<h3><span lang=\"en\">Slicing and Dicing Images<\/span><\/h3>\n<p>The starting point for our 3D slideshow project is a single, ordinary photo. The 3D illusion we are about to incorporate is based on the optical effect that <span lang=\"en\">moving objects in a scene become smaller while they travel along its route. To achieve this, we will need the help of an application that can cut out (&#8220;mask&#8221;) all visible key elements from the photo. Masking can typically be done with any image editor such as Adobe Elements, Photoshop or even (as a free alternative) Paint.NET. You can save yourself a lot of time by choosing an image that has clearly distinguishable elements that are easy to mask. Our sample picture shows a scene near Lake Tahoe, Nevada, with my daughter and I in front of a cloudy sky and blue lake. This was fairly easy to separate in about 30 minutes, nicely<\/span><span lang=\"en\"> sliced\u00a0 and diced into several image files, each showing a single visual feature <\/span><span lang=\"en\">(other elements of the photo appear translucent) <\/span><span lang=\"en\">and saved in PNG format . <\/span><\/p>\n<p><span lang=\"en\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-254\" title=\"Layered Image used to create a slideshow with 3D effect\" src=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Layered-Image.jpg\" alt=\"Layered Image used to create a slideshow with 3D effect\" width=\"616\" height=\"188\" srcset=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Layered-Image.jpg 616w, https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Layered-Image-300x91.jpg 300w\" sizes=\"(max-width: 616px) 100vw, 616px\" \/><\/span><\/p>\n<h3><span lang=\"en\">Tricking the Human Eye<\/span><\/h3>\n<p><span lang=\"en\">In our perception, the slower an objects moves the further away it appears to be (i.e., a car that drives off) . The 3D effect we will create uses exactly this perception and creates an optical illusion for the human eye. This makes us believe that the slideshow (derived from a single, flat photo) has a depth dimension &#8211; hence the 3D!<br \/>\nOur key tool for this is the <em>Timeline<\/em> panel in AquaSoft SlideShow. The timeline is a powerful feature that allows you to\u00a0determine precisely what layer is shown at what time. The <em>Layout <\/em><em>Designer<\/em> panel (usually located above the timeline panel and the central part for creating and specifying any image motion) allows you to specify the movement path settings for each object. To keep track of all this, it&#8217;s usually a good idea to group layers (tracks) in chapters that can be collapsed and expanded within the timeline (see below, tracks are grouped inside of &#8220;2d to 3d&#8221;).<\/span><\/p>\n<p><span lang=\"en\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-251\" title=\"Creating Slideshow Layers for the 3D Effect\" src=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Slideshow-Layers-for-3D-Effect.jpg\" alt=\"Creating Slideshow Layers for the 3D Effect\" width=\"630\" height=\"209\" srcset=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Slideshow-Layers-for-3D-Effect.jpg 630w, https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/Slideshow-Layers-for-3D-Effect-300x99.jpg 300w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><br \/>\nLet&#8217;s start our sample project by adding the background elements first and then work our way to the foreground. The first layer is the cloudy sky, followed by the dark mountain ridge, the blue lake and then the small pier on the right hand side.<br \/>\n<\/span><\/p>\n<h3><span lang=\"en\">The Sky is Moving&#8230;<\/span><\/h3>\n<p><span lang=\"en\">After the tracks with important image layers are place, it&#8217;s time to create some action in our slideshow project. At first, we will add some <em>camera<\/em><em> movement<\/em> to the 1st layer that shows the sky. The effect that we want to create is that the clouds appear to slowly move out. To achieve this, we use a very simple trick: we let the clouds seem large at first, by beginning with an over-sized image of the sky. Then, we subsequently reduce its size over time<\/span><span lang=\"en\">.<\/span><\/p>\n<p><span lang=\"en\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-230\" title=\"AquaSoft SlideShow Creator - Layout Designer\" src=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Creator_LayoutDesigner1.jpg\" alt=\"AquaSoft SlideShow Creator - Layout Designer\" width=\"422\" height=\"281\" srcset=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Creator_LayoutDesigner1.jpg 560w, https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Creator_LayoutDesigner1-300x200.jpg 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/span><span lang=\"en\"><br \/>\nTo implement this, we add a <em>movement path<\/em> with two markers in the Layout Designer (with the &#8220;snake-like&#8221; buttons). At the starting marker <\/span><span lang=\"en\">(shown in the screenshot above as <em>green<\/em>)<\/span><span lang=\"en\">, we size the image several times larger than the actual visible canvas (highlighted in <em>red<\/em>). Notice that the canvas is fairly small, since we had to increase the size of the grey work area <\/span><span lang=\"en\"> in the Layout Designer <\/span><span lang=\"en\">(by zooming out, via the magnifying glass button that has the &#8220;-&#8220;) in order to see the overly large starting point (the <em>green <\/em>frame).\u00a0 The second marker (shown in <em>orange<\/em>) displays the image much smaller, and slightly to the left. The specified time defines now how long the image will take to &#8216;travel&#8217; from from marker 1 to marker 2 (while at the same time shrinking in size).<\/span><\/p>\n<p><span lang=\"en\">Since many outdoor photos contain clouds that can easily be cut out (masked), we recommend this technique as the first, simple step to add some &#8220;life&#8221; you your work when you make a 3D slideshow.<\/span><\/p>\n<h3><span lang=\"en\">Here Comes the Water&#8230;<\/span><\/h3>\n<p dir=\"ltr\"><span lang=\"en\">The second layer of our project shows the mountain ridge, which is in a fixed position on the canvas. In order to make the water appear more lively, we overlay this with the 3rd 3D layer that contains the PNG file that shows only water and then apply a similar <em>movement path<\/em> (two markers, reduces the image size along a motion path) as we did with the clouds. To improve the spatial impression, we overlay the pier element on top of the water (remains still).<br \/>\n<\/span><\/p>\n<div dir=\"ltr\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-259\" title=\"AquaSoft SlideShow Creator Main Window\" src=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Main-Window.png\" alt=\"AquaSoft SlideShow Creator Main Window\" width=\"504\" height=\"294\" srcset=\"https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Main-Window.png 504w, https:\/\/www.aquasoft.net\/blog\/en\/files\/2011\/09\/AquaSoft-SlideShow-Main-Window-300x175.png 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/div>\n<p>As with many things in life, the devil is in the details:<\/p>\n<ul>\n<li>take your time to select the right image elements that cut out nicely (skip that frizzy hairdo picture),<\/li>\n<li>make sure they have the same brightness, color saturation and direction of the shadow,<\/li>\n<li>when you place them, scale the items so that appear realistic &#8211; a dog can&#8217;t be bigger than a car, even if you like your pooch a lot,<\/li>\n<li>pay attention to the perspective \/angle of all elements (i.e. the pier and the picture of my daughter and me &#8220;look&#8221; in the same direction)<\/li>\n<li>the right speed and direction of your movement path, along with a perfect starting and ending size of an element is pivotal to a realistic effect<\/li>\n<\/ul>\n<p>In summary, creating a slideshow that incorporates one or more 3D effects is a fairly simple job. Once you sliced your image elements into separate files, all you need to remember is to apply a movement path that makes the element either become larger (moving towards you) or smaller (moving away from you).<\/p>\n<h3>Download and Try it Yourself<\/h3>\n<p dir=\"ltr\">Our sample project can be downloaded here: <a title=\"Sample project to create a slideshow with 3D effects\" href=\"http:\/\/dl.dropbox.com\/u\/24099696\/3D-Pier.zip\" target=\"_blank\"><strong>http:\/\/dl.dropbox.com\/u\/24099696\/3D-Pier.zip<\/strong><\/a>. The ZIP archive contains the project file (3D-Pier.ads), along with a sub-folder Data that has all pictures (sliced PNG, layered PSD original) and the sound track. Feel free to take the project simply as a template for your own 3D experiments. Replace the images, play with the movement paths and learn what kind of effects you can achieve with changing speeds. Enjoy!<\/p>\n<p>&nbsp;<\/p>\n<p dir=\"ltr\">In case you don&#8217;t have a license for <a title=\"make slideshow videos with AquaSoft Slideshow 7\" href=\"http:\/\/www.aquasoft.net\/slideshow_en.as\">AquaSoft SlideShow 7<\/a> yet, simply download our free trial (30 days) or install our <a title=\"Create videos with AquaSoft Slideshow for YouTube\" href=\"http:\/\/www.aquasoft.net\/SlideShowYouTube_en.as\">freeware <\/a>edition (free forever, but limited to YouTube output).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3D is all the buzz! But you have no high-tech stereo camera, just a fine SLR or even a point and shoot camera for regular 2D photos. Believe it or not, but that&#8217;s perfectly adequate! Your photos and AquaSoft SlideShow is all you need to create slide show videos with&#46;&#46;&#46;<\/p>\n","protected":false},"author":9,"featured_media":259,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[52,94691],"tags":[53],"_links":{"self":[{"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/posts\/180"}],"collection":[{"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":87,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/posts\/180\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/posts\/180\/revisions\/403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/media\/259"}],"wp:attachment":[{"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aquasoft.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}