Blog

After Results: Tips on how to Make a 2D Photograph Right into a 3D Video

August 7, 2024 12:31 pm   Graphic Designing   Poetic   Comments

Let’s learn 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, making certain you possibly can convey your pictures to life with dynamic 3D results. Whether or not you’re a hobbyist or an aspiring skilled, this tutorial will assist you to create these wonderful transferring pictures. So let’s dive in!

Tutorial Belongings

You will want one of many following assets to finish this venture and create the 3D picture impact:

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

1. Tips on how to 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 a vital step as a result of it lets you outline the spatial relationship between objects in your picture.

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

This gradient helps After Results perceive the right way to simulate depth and perspective, making your 3D impact extra life like 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 checklist of choices, which is able to simulate the impact of depth of discipline in your pictures, creating a way of three-dimensionality. 

depth blur effectdepth blur effectdepth blur effect

Step 3

As soon as you’ve got chosen it, it’s best to be capable of see how the impact adjustments 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 completely different shades of grey signify numerous distances from the digital camera, Photoshop can blur parts primarily based on their distance. This method 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. Tips on how to Make a 2D Picture 3D in Adobe After Results

Step 1

Now let’s learn to make a 2D picture 3D. Import each the unique picture and the depth map into a brand new venture 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 prime 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. You 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 possibly can then animate and alter the values for Max Horizontal Displacement and Max Vertical Displacement to provide 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 possibly can add a Gaussian Blur to the Depth Map and enhance the blurriness. This impact may 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 possibly can separate the topic altogether by introducing one other layer within the composition. Bear in mind to guarantee that the topic has been exported as a PNG to provide 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’ll will let you use a number of topics.

different subjectsdifferent subjectsdifferent subjects

3. Tips on how to Create the Animation

Step 1

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

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

create new keyframescreate new keyframescreate new keyframes

Step 2

Now, transfer the playhead to the following cut-off date. The additional in time you progress, the slower the animation might 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’ve got selected the following cut-off date, change the values for Max Horizontal Displacement and Max Vertical Displacement till you are pleased with the quantity of motion you’ve got created. This may create your closing two keyframes.

add new keyframesadd new keyframesadd new keyframes

Step 4

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

animated imageanimated imageanimated image

4. Tips on how to Render the Animation

Step 1

When you’re pleased with the way in which your animation appears, you may wish to render it right into a closing video. Click on in your composition within the Undertaking panel to pick 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.

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 many others.) and codec.

output moduleoutput moduleoutput module

Step 5

Click on on the blue textual content subsequent to Output To to pick the vacation spot and file identify on 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 the right way to 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 personal pictures to create your personal 3D movies.

Within the meantime, I hope you’ve got discovered this tutorial helpful, and I will see you subsequent time on Envato Tuts+!

Tags: , ,