Actions

Tutorial

Importing an image as a texture

From MagicaVoxel Community Wiki



Edit an image before importation

Choose a texture example

  • Let's browse, for example, texturex.com and choose a simple wood plane surface like this one.
    Download the small version: 640 x 427 pixels (px).
    Open the image in Gimp (if you get a dialog window about the color profile, click Keep).

    The software's interface may seem complex, but don't worry, every step needed will be explained.
  • Image loaded in Gimp v.2.10.x
  • To be able to import it in MagicaVoxel, we need to:
    • change the image's resolution
    • decrease the number of colors

    Why resize the image? Because each MagicaVoxel object cannot exceed 126 voxels in any dimension.
    As each pixel of an imported image fills 1 voxel of a new object, we need to resize down our image so its biggest dimension will be less than 126 pixels.

    And why decrease the number of colors? Because the image we use has a color depth[1] of 24-bit (RGB), which means a color palette of more than 16.7 millions colors.
    MagicaVoxel's Model editor works with a color palette of 256 colors. Lowering the color depth of our image allows to precisely control its render, as each color will have an equivalent in MagicaVoxel's palette.

Change image resolution

  • To change the image resolution, use the top menu Image / Scale image.
  • Tutorial 0.99.4.2 PatrikRoy-textures03 gimp.jpg
  • Then choose these settings:
    • Width: 64
    • Heigth: 43
    • Interpolation: Cubic
    Then click Scale.
  • Changing image resolution
  • Note:
    Interpolation: None will give you a more pixellated effect with more contrast.
  • Tutorial 0.99.4.2 PatrikRoy-textures05 gimp.jpg
    Image resized with Interpolation: Cubic


    Tutorial 0.99.4.2 PatrikRoy-textures06 gimp.jpg
    Same resize with Interpolation: None

Decrease the number of colors

  • To decrease color depth, use the top menu Image / Mode and choose Indexed...
  • Tutorial 0.99.4.2 PatrikRoy-textures07 gimp.jpg
  • Then, we'll choose:
    • Generate optimum palette with a maximum number of colors of 16
    • Check Remove unused and duplicate colors from colormap
    • Choose Dithering: None
    Then click Convert.

    The number of colors can be changed depending on:
    • the texture quality you need
    • the amount of palette colors you want to reserve for this object in MagicaVoxel
  • Tutorial 0.99.4.2 PatrikRoy-textures08 gimp.jpg

    Tutorial 0.99.4.2 PatrikRoy-textures09 gimp.png
    Final image in 16 colors ready for MagicaVoxel
  • We need now to save this image in PNG format.

    Use File / Export As or CTRL+SHIFT+e and choose your filename and saving location.
    Be sure to add a .png extension to your filename and click Export twice (leave the default settings).
  • Tutorial 0.99.4.2 PatrikRoy-textures10 gimp.jpg

    Tutorial 0.99.4.2 PatrikRoy-textures11 gimp.jpg

Import a new MagicaVoxel palette

  • Now that our texture file is resized and color optimized, we can easily create a new palette:
    • Activate the 3rd palette index
    • RButton drag your texture file and drop it over the palette cells

    Note how the palette is entirely updated, and how colors index:1 to index:16 are replaced by the exact number of color we chose in Gimp.
  • Tutorial 0.99.4.2 PatrikRoy-textures12 mv.gif
    Importing a new palette from an image file

Import an image as a new object

  • For this final step, we have:
    • a .png image of less than 126 pixels wide, a.k.a. our texture file
    • that texture file color depth equal or less than 8-bit/256 colors (4-bit/16 colors in our example)
    • MagicaVoxel color palette ready and matching exactly our texture file colors
    We can create our new object:
    Note how a new object of 64 x 1 x 43 voxels (x/y/z) has been added to our project.

    You can also drag and drop that texture file in Model editor, but it will resize the active object according to the texture resolution, and replace all existing voxels in that object.
  • Tutorial 0.99.4.2 PatrikRoy-textures13 mv.gif
    Importing a new object from an image file

Pros and cons of this technique

Should you consider using this kind of texture import?

  • YES, if you're beginning a new project, and need a color palette close to an existing reference (portrait, movie scene, landscape, etc.)
  • YES, if you're planning to use small flat elements or patterns you don't want to model from scratch, and which share the same palette
  • YES, if you use imported images as proportion canevas (like top, front, side silhouettes), don't change your color palette, and will delete these objects after use
  • NO, if you're at the end of your project, with palette and materials already ordered and assigned
  • NO, if you need bigger textures than 126 px wide, i.e. for a ground map - use Zarbuz's FileToVox instead!
  • NO, if you're afraid to micro-manage your colors when importing objects like editing your palette file manually


I hope this tutorial will be of any help... Feel free to comment or ask for help in our discord.
Thanks for reading!
PatrikRoy, november 2019


  1. Color depth on Wikipedia
MediaWiki spam blocked by CleanTalk.