How to convert 2D images into 3D scenes

November 17, 2019 posted by


Welcome back to another HitFilm tutorial.
Today we’re taking a look at how to create a 3D scene out of a 2D picture, which you
can find in the description. This effect works in both HitFilm Pro and Express, and just
a reminder we are still running our January Sale which is 25% off storewide. Let’s go
ahead and get started. We’ll begin in a new composite shot with our
image in the timeline. The comp has been set to 1920 by 1080. Our picture isn’t exactly
those dimensions, but that’s okay. To keep track of the images we’re going to make, I’ll
rename this first layer Foreground. Come up and select the Freehand Mask tool.
I’m going to draw a shape around the house, to isolate it from the background. The mask
for this has to be pretty exact- a rough shape will make it obvious that it’s a cutout. There isn’t really a good spot for me to end
the line, so just bring it back around out of frame. Now I’ll select the Rectangular
mask tool and create another shape on the left side, overlapping the one I already made. You might ask why I have two shapes, when
I could have just done it all in one. This is so that I can vary the feathering. Search
for Feather in the bar up top. I want the edge around the house to be more defined,
so I’ll keep the feather low. But for the water mask, I want it to fade much more drastically. With those two shapes done, I’ll draw one
more Ellipse mask on the right side, for the tree. Increase the feather on this one as
well. With the foreground isolated, duplicate the
layer and rename it Midground. Delete all of the masks. For now I’ll turn off the Foreground
layer, so that we can see the masks we draw. Once again, select the Freehand mask tool.
I’ll draw my shape around the scene, including this mountain and treeline. Bring the mask
around to close it. Duplicate the image once more and remove the
masks. This will be our background layer. If I turn each of the layers on, you can see
that we’ve separated the different areas. The next step is to position each layer in
3D space. Highlight the three picture layers and change them from 2D to 3D. This will automatically
create a new Camera, or you might get a popup asking if that’s what you want to do. The foreground layer will stay where it is.
Select the midground layer and go into the Controls panel. Under Transform, set the Position
to something negative, like 500. The exact number depends on the picture you use, and
how far it should appear from the camera. Because it’s been pushed back in space, the
image doesn’t fill up the screen anymore. Increase the Scale until it looks like it
did before. Now move on to the background layer, doing
the same thing but increasing how far back it is in Z space. In this case, I’ll set it
to -1000. Raise the Scale to bring it back to the right size. If I come up and select the Orbit Camera tool,
I can swing around the scene. The single image has been masked into 3 different layers, which
are all sitting in 3D space. When I move the camera, the position of these layers causes
parallax, which is what happens in real life. In the Controls panel, activate keyframes
for Position. I’ll have it start in one position, and by the end of the composite it’ll have
moved to a different spot. You don’t want to go overboard with how much movement the
camera does- too much will start to show that’s just a few flat picture layers. For a more advanced tutorial on creating 3D
scenes out of 2D pictures using projection, check out the card onscreen. Thanks for watching
and I’ll see you all in the next video.

50 Comments

50 Replies to “How to convert 2D images into 3D scenes”

  1. Avez says:

    Why am I still subbed, its a fkng demo anyways

  2. Blue Sky says:

    Love you so much guys

  3. Film Sensei says:

    Nice, easy, and informative!

  4. Simone Starace says:

    Amazing

  5. nir Ofer says:

    I love this videos

  6. Alpha Male12 says:

    Have you not done this tutorial 2 times in the past already?

  7. Kenin Kenap says:

    So basic but still educative

  8. Various Home Fictions says:

    nice 👌👌👌👌👌🌺🌺🌺🌺

  9. Josua Thurnheer says:

    Ok. You didn't convert anything

  10. Tryingto Begood says:

    love it…thanks!

  11. Shyamkumar Yadav says:

    Easily turn 2D images into 3D scenes.

  12. DPAD-FTW says:

    Excellent Snake, age hasn't slowed you down one bit.

  13. Ghost Theorem Productions says:

    Was wondering about exactly this pretty recently. Going to try experimenting!

  14. MiikaWasHere says:

    I have older Ignite Pro,, any good reasons why to upgrade?

  15. Tribble says:

    Please FXHome improve the performance of hitfilm 🙏🙏

  16. sir flexington says:

    CAN YOU GUYS DO A TUTORIAL ON DATAMOSH??? HERE'S A LINK TO YAMBORGHINI https://youtu.be/tt7gP_IW-1w AND DATAMOSH https://youtu.be/nS7QvOX8LVk FOR EXAMPLES. JAVERT IF YOU CAN DO THIS YOU ROCK MAN LOL

  17. AndreAgonia says:

    That's Lake Braies here in Italy, stunning place in every season! Also, nice tutorial as usual 🙂

  18. Fruitemmer says:

    gods

  19. LAWLESSTECH says:

    This 2D to 3D video https://youtu.be/PL3jo5R_gwU is what got me to buy HitFilm in the first place. I've owned every iteration since.

  20. DEMOVICIOUZ says:

    Are you guys releasing a huge update this year?

  21. I don't know says:

    Why did he not cut out the tree and make a foreground tree layer. That annoyed me so much

  22. KAIQUE LIMA says:

    Good

  23. Dominic Motekaitis Productions says:

    You've activated my trap card! Keyframes!!

  24. Sam-A! says:

    Yeah but how do I get a serial code

  25. ginkarasu says:

    What made you guys decide re-doing a tutorial, what was wrong with the old tutorial https://youtu.be/PL3jo5R_gwU ? (Because I think the old one is a bit more detailed and in depth.)

  26. Paul Newton says:

    Keep in mind you want to start with high resolution images, if not apply some blur to the backgrounds or fake some depth fog to hide the pixelation. If you have photoshop use it's content-aware-fill to create layers that have more overlap.Some other techniques using more involved techniques, projector effect(hitfilm pro) and displacement

    How to convert photos to incredible 3D scenes https://www.youtube.com/watch?v=H3hFJTJbsY4&ab_channel=FXhome

    Camera projection part 1: from 2D image to 3D set https://www.youtube.com/watch?v=RIa71QIxi6M&ab_channel=FXhome

    Camera projection part 2: placing 2D effects on 3D surfaces https://www.youtube.com/watch?v=I6RDSvv2AXI&ab_channel=FXhome

    Create 3D Parallax Using Displacement – Triem23 Guest Tutorial https://www.youtube.com/watch?v=LsrnBpAWag4&ab_channel=FXhome

  27. IsaacTheAnimator 2 says:

    Yes I've been waiting for another tutorial of this!

  28. IsaacTheAnimator 2 says:

    Also, I'm watching Jurassic Park soon and would you guys be interested in creating any effects from that? I'm thinking maybe the ripple in the glass or something.

  29. sloth epic says:

    Awesome!

  30. C. R. Messen says:

    7 years ago Simon showed us this method in Hitfilm Ultimate. It's a cool trick since 😉 Thanx for the updated version!

  31. Solentgreenis people says:

    thanks for doing this one!

  32. ᙅYᙖᙓᖇ ᗪOᙅ™ says:

    Wow, so many steps and things to remember. I'm a total noob!

  33. doob says:

    Thank you!

  34. J. Cam says:

    Hey guys, I just want to say thanks so much for an amazing, free software that other developers would charge hundreds for. I have been using HitFilm Express for years now, and I can't imagine how I would be doing visual effects if it weren't for you guys being awesome enough to release this incredible software for free! I think I speak for hundreds of others when I say, HitFilm Express is the best start any visual effects artist can get. Thanks alot!

  35. Phil Nolan says:

    I figured out how to do this myself many years ago. I was inspired by the intro from How I Met Your Mother.

  36. Scorpion McKillin'It says:

    I wish they would discuss what feathering is….otherwise good video

  37. Sam Yadzudsu says:

    wow really great Thank you!

  38. Jackson Porciúncula says:

    Otimo trabalho 🙂

  39. Caatts says:

    https://www.youtube.com/watch?v=ODeD6aP5T7U hitfilm could you make a plugin like this for hitfilm pro? cause i cant get the right type with 3D extrudsion

  40. mc mundn says:

    that moment when you made handdrawn depth maps instead of this technique… but very good to know

  41. François Perreault says:

    Mind = Blown

  42. SuWin says:

    Really Nice Video!

    But a question, when I finished a mask the colour from the thing that I masked changed. I now have checked inverted on every mask but I wanted to ask if I am doing something wrong?..

    Thx in advance^^

  43. Tinashe Muzangaza says:

    Awesome thanks

  44. CR7 Pro says:

    Sir Hitfilm is asking for many dll files
    what can I do

  45. Henry Kho says:

    Why is the Playhead doesn't stop at the end of the last clip in the timeline in playback? Premiere Pro CC is the still the best and it is beyond compare.

  46. EMERALD TIP says:

    I literally use the same mouse

  47. FLORES Studios says:

    This thing is confusing as shit because my screen looks nothing like that and it gets me frustrated

  48. Glen C says:

    You should have shown the end result completely…why such a hurry?

  49. Chimera Books says:

    Thanks for the tutorial but I'm getting very frustrated. In my Hitfilm Express I'm not seeing the same workspace, and I don't get the mask tool or the 3D move tool in the viewer. Can you please tell me how I find and activate them?

Leave a Comment

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