Depth Mapping Video Tutorial

Discussion in 'Content Creation' started by KennyWah, Apr 13, 2016.

  1. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    Exactly what the title says, in this video I'm going to show you how to create your own depth map in the easiest workflow method I know for 2016.



    If you need any clarification I can clear it up in a post here.


    ------ Rambling ------

    This is my first tutorial in a while, I had to record it like four times, sorry I didn't take my time to properly pronounce the complex "TH" in "Depth".. I wanted to make the video as short as possible but I also had to take multiple hours figuring out X-Split's file format for a video editor, I ended up using blender, my audio was recorded in audacity as you likely seen very clearly.. :p. So I had to sync audio in blender, oh god help me.

    I also didn't remove background noise because I had to run my mic quiet and post software amplify it to eliminate other background noises, and to keep the full frequency range of audio I opted to keep the minor noise in, I didn't have time to find the best balance between noise and quality with the removal method in audacity for the time being, all these things would be improved in future videos I may create.

    So you can probably understand why the video polish is lacking considering it's a new program for me in the world of video editing, unfamiliar workflow, and I hadn't made a video with my voice in it for years.

    I have plans to start making beam tutorials involving map and possibly vehicle creation, alongside blender tutorials for track and object modeling.



    ---- Important notes ----

    https://www.gimp.org/ - Download Gimp Here

    -Exporting to a selected folder will cause a mess in your cache because it forces it to create the directory you set it to inside your cache, so just don't put a folder.

    -No matter how much it sucks Paint.net is unable to create a working depth map as it doesn't do grayscale, there are no plans to implement a function for it, and no plugins for it exist as of yet.

    -Make sure you save the map in the editor before restarting the map




    Would anyone be interested in a video about texture mapping objects in BeamNG.Drive? Blender being the program that would run the workflow.
     
    #1 KennyWah, Apr 13, 2016
    Last edited: Apr 13, 2016
    • Like Like x 4
  2. ThreeDTech21

    ThreeDTech21
    Expand Collapse

    Joined:
    Sep 27, 2013
    Messages:
    1,616
    Good tutorial! This should be in content creation thread
     
  3. Ringzntattz

    Ringzntattz
    Expand Collapse

    Joined:
    Apr 11, 2016
    Messages:
    73
    This is awesome! I can make a single "mudpit" or I can make two now. But when I save the map, and go back and want to create more my depths disappear. I have tried the combining the PNG's. I know I must be doing something wrong. I am looking to make a mud pit with a transition to sand and then transition to dirt road. My troubles start when I combine more than one depth.
     
  4. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    You need to add the second depth segment to the first image using gimp, then make sure it's in a single layer, and export it just like you'd normally do it with depth.

    To make a smooth depth segment simply select your depth and use a mild gradient from mid gray to white.
    --- Post updated ---
    I have plans to remake the tutorial anyway
     
  5. Ringzntattz

    Ringzntattz
    Expand Collapse

    Joined:
    Apr 11, 2016
    Messages:
    73
    Thanks! I look forward to the tutorial.
     
    • Like Like x 1
  6. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    I can't say when anything will get done though, it'll take a while to record the audio and I have a ton of work this week.
     
    • Like Like x 1
  7. Ringzntattz

    Ringzntattz
    Expand Collapse

    Joined:
    Apr 11, 2016
    Messages:
    73
    I understand lol, no pressure.
     
  8. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    I don't understand what you mean combining...
     
  9. Ringzntattz

    Ringzntattz
    Expand Collapse

    Joined:
    Apr 11, 2016
    Messages:
    73
    --- Post updated ---
    This is an example. All three of these connect on the same map, and they are all different. So I want to make them one image with three different depths. I am having trouble doing so. I have not seen anything on how to do this. I am able to do three different depths for mud, but not three different types of terrain. One is dirt, one is mud, the other is sand.
     

    Attached Files:

    • GridMap_layerMap_12_Mud.png
    • GridMap_layerMap_11_BeachSand.png
    • GridMap_layerMap_10_RockyDirt.png
  10. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    Depth maps are universal to all terrain types, it goes by height map not terrain paint, also if your image is black and the depth part is white it's inverted and the rest of the terrain will be a pit.

    You only need one depth map, all that's necessary is to pop the three images into one program, delete the black background on two layers and then flatten the image, make the colours negative, adjust depth to a mid-to-high gray and call it a day.
    --- Post updated ---
    1) Place this in Paint.Net to make your life easier for this first part.

    2) Select "Add Layers" Upon dragging them in

    3) Press "F7" to bring up your layers window if it's not already there.

    4) Next go through the process of clicking one layer at a time [Excluding Background] and Pressing the shortcut "CTRL+SHIFT+I" to invert the colours.

    5) Using the "MagicWand" tool select the which backgrounds of each layer and delete them one at a time.

    Tool

    Selection

    Delete

    Repeat for all depth layers

    6) Now that all the backgrounds are gone we can edit colours for our depth (Press F8 for colour window, use magic wand on specific layers to select one portion of the depth, select colour in window and hit backspace to fill colour).

    7) Merge down all layers


    8) On this new layer press the shortcut for Black+White "CTRL+SHIFT+G"

    Now export the image at the same 1024x1024 and run it through the export process of gimp and you have your depth map the way it's meant to be.

    Final Image


    Like the post if anyone found the extended explanation helpful.
     
    #10 KennyWah, Apr 29, 2016
    Last edited: Apr 29, 2016
    • Like Like x 1
  11. Ringzntattz

    Ringzntattz
    Expand Collapse

    Joined:
    Apr 11, 2016
    Messages:
    73
    This is an example. All three of these connect on the same map, and they are all different. So I want to make them one image with three different depths. I am having trouble doing so. I have not seen anything on how to do this. I am able to do three different depths for mud, but not three different types of terrain.
    --- Post updated ---
    Awesome! Thanks, it worked. I was doing a few steps wrong for sure. Hope to have something in the near future!!!
     
  12. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    Glad to have helped.
     
    • Like Like x 1
  13. KennyWah

    KennyWah
    Expand Collapse

    Joined:
    Jan 16, 2013
    Messages:
    2,667
    -------All Projects On Hold-------
    I'm momentarily closing all my projects as something major has come up and I'll be building a new computer and purchasing a brand new monitor within the next two months. My whole system constantly bottlenecks productivity due to faulty, obsolete, hardware that has been compromised.

    My new pc will be about 2x< faster combined with a hi-res monitor to increase screen space for production.
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice