After Results: Make a 2D Picture Right into a 3D Video

After Results:  Make a 2D Picture Right into a 3D Video
After Results:  Make a 2D Picture Right into a 3D Video


Let’s discover ways to make a 3D video from a 2D picture utilizing Photoshop and After Results. We’ll break down every step in an easy-to-follow method, guaranteeing you may deliver your photos to life with dynamic 3D results. Whether or not you’re a hobbyist or an aspiring skilled, this tutorial will aid you create these superb transferring images. So let’s dive in!

Tutorial Belongings

You may want one of many following sources to finish this undertaking and create the 3D picture impact:

Young african woman walks alone on europe streetYoung african woman walks alone on europe streetYoung african woman walks alone on europe street

1. Create a Depth Map in Adobe Photoshop

Earlier than we start to flip our 2D picture right into a 3D video in Adobe After Results, we have to first create a depth map of our chosen picture. Making a depth map is an important step as a result of it permits you to outline the spatial relationship between objects in your picture.

A depth map assigns grayscale values to totally different elements of your picture, the place lighter shades symbolize components nearer to the digital camera and darker shades symbolize these additional away. 

This gradient helps After Results perceive how one can simulate depth and perspective, making your 3D impact extra reasonable and dynamic.

Step 1

Let’s get began by launching Adobe Photoshop and opening your chosen picture. From there, go to Filter > Neural Filters (Alt-Management-F) to entry the Neural Filters panel.

activate neural filters panelactivate neural filters panelactivate neural filters panel

Step 2

From there, choose Depth Blur from the listing of choices, which is able to simulate the impact of depth of subject in your photos, creating a way of three-dimensionality. 

depth blur effectdepth blur effectdepth blur effect

Step 3

As soon as you have chosen it, it is best to be capable to see how the impact modifications the look of your chosen {photograph}.

depth of field effect applieddepth of field effect applieddepth of field effect applied

Step 4

Choose Output Depth Map Solely on the backside of the panel, after which choose OK to use.

output depth map onlyoutput depth map onlyoutput depth map only

Step 5

By utilizing a depth map, the place totally different shades of grey symbolize varied distances from the digital camera, Photoshop can blur components primarily based on their distance. This system mimics the pure focus and blur seen in real-world images, the place objects farther from the focus seem out of focus.

Export your new depth map, after which let’s take it into Adobe After Results!

depth mapdepth mapdepth map

2. Make a 2D Picture 3D in Adobe After Results

Step 1

Now let’s discover ways to make a 2D picture 3D. Import each the unique picture and the depth map into a brand new undertaking in Adobe After Results. Then create a brand new composition from the unique picture by Proper-Clicking on the picture and deciding on New Comp From Choice.

new comp from selectionnew comp from selectionnew comp from selection

Step 2

Click on and drag the depth map into the composition and place it on high of the unique picture. Then click on on the Eye Icon to cover the layer.

add the depth map and hide itadd the depth map and hide itadd the depth map and hide it

Step 3

Choose the unique picture and apply a Displacement Map. Yow will discover this by typing it within the Results & Presets panel or by going to Impact > Distort > Displacement Map.

displacement mapdisplacement mapdisplacement map

Step 4

Within the Results Management panel, for Displacement Layer choose the Depth Map from the dropdown menu.

choose depth map for displacement layerchoose depth map for displacement layerchoose depth map for displacement layer

Step 5

Within the subsequent dropdown field, choose Results & Masks.

select effects and masks from the dropdown menuselect effects and masks from the dropdown menuselect effects and masks from the dropdown menu

Step 6

Change each the choices for Horizontal and Vertical Displacement to Luminance.

luminanceluminanceluminance

Step 7

From there, you may then animate and alter the values for Max Horizontal Displacement and Max Vertical Displacement to offer the phantasm of a 3D animation.

3d effect3d effect3d effect

Step 8

That is greatest used subtly, as bigger values will trigger the picture to stretch in unnatural methods.

stretch effectstretch effectstretch effect

Step 9 

To alleviate this, you may add a Gaussian Blur to the Depth Map and enhance the blurriness. This impact will be discovered within the Results & Presets panel or by going to Impact > Blur and Sharpen > Gaussian Blur.

gaussian blurgaussian blurgaussian blur

Step 10

Alternatively, you may separate the topic altogether by introducing one other layer within the composition. Bear in mind to be sure that the topic has been exported as a PNG to offer it a clear background.

separate the subjectseparate the subjectseparate the subject

Step 11

This layer is not going to be affected by the 3D impact, however it is going to let you use a number of topics.

different subjectsdifferent subjectsdifferent subjects

3. Create the Animation

Step 1

Now that you’ve all the pieces arrange, all that is left is to create the keyframes to your animation.

To do that, transfer the playhead to the start line within the timeline and set the preliminary keyframe values for Max Horizontal Displacement and Max Vertical Displacement. For this instance, we’ll go along with an preliminary worth of 0 for each, in order that the picture seems to be like the unique {photograph}. This will even create your first two keyframes within the timeline.

create new keyframescreate new keyframescreate new keyframes

Step 2

Now, transfer the playhead to the subsequent time limit. The additional in time you progress, the slower the animation will likely be. So play with how far alongside you need your subsequent keyframe to be relying on how slowly you need the animation to play and the way lengthy you need it to final. On this instance, I’ve moved it to five seconds.

move playheadmove playheadmove playhead

Step 3

As soon as you have selected the subsequent time limit, change the values for Max Horizontal Displacement and Max Vertical Displacement till you are proud of the quantity of motion you have created. This can create your remaining two keyframes.

add new keyframesadd new keyframesadd new keyframes

Step 4

From there, press the Spacebar to preview your animation. You’ll be able to then make changes to the timing of your animation by adjusting the keyframe placements. Or modify the quantity of motion by altering the values for Max Horizontal Displacement and Max Vertical Displacement.

animated imageanimated imageanimated image

4. Render the Animation

Step 1

When you’re proud of the best way your animation seems to be, you may wish to render it right into a remaining video. Click on in your composition within the Venture panel to pick out it.

select the compositionselect the compositionselect the composition

Step 2

Go to Composition > Add to Render Que (Management-M) to open the Render Queue panel on the backside of the display screen.

add to render queueadd to render queueadd to render queue

Step 3

Click on on the blue textual content subsequent to the Render Settings. Guarantee it’s set to your required high quality.

best settingsbest settingsbest settings

Step 4

Click on on the blue textual content subsequent to Output Module to regulate the output settings. Select the suitable format (e.g. QuickTime, MP4, and so on.) and codec.

output moduleoutput moduleoutput module

Step 5

Click on on the blue textual content subsequent to Output To to pick out the vacation spot and file identify to your rendered video.

output tooutput tooutput to

Step 6

Click on the Render button within the top-right nook of the Render Queue panel. After Results will start rendering your animation. And that is how one can make a 2D picture 3D!

render video buttonrender video buttonrender video button

Superior! You are Completed!

turn 2d image into 3dturn 2d image into 3dturn 2d image into 3d

Congratulations! And that is how one can flip a 2D picture right into a 3D video utilizing Adobe After Results. Be at liberty to make use of a number of topics or your individual images to create your individual 3D movies.

Within the meantime, I hope you have discovered this tutorial helpful, and I am going to see you subsequent time on Envato Tuts+!

Leave a Reply

Your email address will not be published. Required fields are marked *