Voxel Skills - Turning Pixel Art into 3D Assets

Поделиться
HTML-код
  • Опубликовано: 28 июн 2019
  • Learn how to take your 2D pixel art graphics and convert them into 3D Voxel Art in just a few minutes with all free software. You can download the files I used for the tutorial from Dropbox: www.dropbox.com/sh/9zuu1jccm4...
    The full tileset by Anokolisa used in this video can be purchased here: anokolisa.itch.io/basic-140-t...
    ::::::SOFTWARE:::::::
    📦 MagicaVoxel 0.99.4: ephtracy.github.io/
    📦 Aseprite 1.2.11 (paid): www.aseprite.org/
    📦 Aseprite 0.9.5 (free): www.aseprite.org/older-versions/
    📦 VoxEdit (not in this video): www.voxedit.io/
    ::::::VIDEOS:::::::
    🎦 Playlist for all VoxEdit/Sandbox related videos: • VoxEdit Tutorials
    ::::::LINKS:::::::
    🧡 Anokolisa on Twitter: / anokolisa
    🧡 Anokolisa on Patreon: / anokolisa
    🎮 The Sandbox (Game Info): www.sandbox.game/
    💰 Creator's Fund ($ for Voxels): fund.sandbox.game/
    🔗 Links to All Things Voxel: bit.ly/VoxelToolBox
    :::::::ME:::::::
    🦊 Royalty Free Assets & Blog: www.voxelfox.shop/
    🤳 Latest Voxelart: / kamisawze
    🐣 Voxelart Retweets & Sass: / kamisawze
    📺 Irregular Voxel & Gaming Streams: / kamisawze
    📟 For Old Farts Like Me: / shopvoxelfox
    :::::::VOXEL COMMUNITIES:::::::
    💬 Facebook: / voxel. .
    💬 Reddit: / voxel
    💬 The Sandbox Discord: / discord
    💬 MagicaVoxel Discord: / discord
    :::::::CREDITS:::::::
    🦉 The Sandbox is made by Pixowl: www.pixowl.com/
    🎬 Video was written, recorded, voiced, and edited by me.
    🎧 Background music also by me. Download from Dropbox: www.tinyurl.com/kamisawzemusic
    :::::::TRANSLATIONS:::::::
    🌐 Thanks again to Pixel, Jan, and Gatostao for their help in translating.
    🌐 Additional translations thanks to pivx.org/
    🌐 If you are interested in becoming a translator, join the Voxelize Discord to apply: / discord
  • КиноКино

Комментарии • 81

  • @eliott5068
    @eliott5068 4 года назад +12

    How do you replace all of the colors on the top with the shades of green after doing rand 1 6? When I try I just end up making only making the same color pixels that are touching that color not all of them.

    • @Voxelize
      @Voxelize  4 года назад +1

      MagicaVoxel has had a few updates since this came out. The “Replace Voxel Color” Tool (paint bucket icon) now can replace either All Colors (old) or Colors Connected by Region (new default). So under the paint bucket tool you’ll see new menus that aren’t visible in this video. Go to the Region menu and click the single large square (same color) instead of the 4 small squares (connected region). That should fix it for you.

    • @eliott5068
      @eliott5068 4 года назад +2

      @@Voxelize Perfect! Thanks for that hasty response, I really appreciate small community channels like yours that have well constructed thoughtful videos and people running them that are happy to help. :)

  • @JaredBoyd44
    @JaredBoyd44 2 года назад +4

    Love the depth technique, such an eye opener!

  • @9rtp
    @9rtp 5 лет назад +1

    Very good i love how you used the red and yellow colors for depth! very helpful

    • @Voxelize
      @Voxelize  5 лет назад

      Jonathan Lansdale thanks! 😊

  • @anomalypixel5399
    @anomalypixel5399 5 лет назад +10

    impressive and of an incredible quality, Congratulations for the content.

    • @Voxelize
      @Voxelize  5 лет назад

      Moacir Neto thank you!

  • @finfondler998
    @finfondler998 2 года назад

    This has blown my mind. Actual 3d virtual assets :O

  • @JZevedo
    @JZevedo 5 лет назад +5

    Muito bom. Ajudou muito, continue fazendo vou acompanhar :D

    • @Voxelize
      @Voxelize  5 лет назад +1

      Johnny o.O Obrigado!

  • @seandavies2984
    @seandavies2984 3 года назад +3

    @Voxelize Instead of going through all the rigmarole of using another program for your palette you can just drop your "block.png" on the palette 1st and then drop the "block.png" into the scene. This get you the correct palette without using another program and gives better results IMHO.

    • @Voxelize
      @Voxelize  3 года назад

      Ah yeah, good note! I didn't know that was a feature at the time - I'm not sure it's referenced anywhere in documentation - maybe a tweet or video from Ephtracy I might have missed.
      Not sure how the results are any different since it should all be the same colors and I think some might benefit from learning more about how the palette system works, but it's good to know about that shortcut.
      In some cases you might not be dealing with a PNG with a tightly indexed palette, so this gives you the chance to customize in an image editor with some powerful palette editing features and be more selective with your tile import.

  • @dawidwojs172
    @dawidwojs172 4 года назад +4

    I didn't knew that aseprite in older version can be free. I wanted to test it and now I can do it for free.

    • @Voxelize
      @Voxelize  4 года назад +3

      Dawid lots of new features and improvements in the current version, but the older one still works great!

    • @dawidwojs172
      @dawidwojs172 4 года назад +1

      @@Voxelize Yeah I just instaled it. Thanks a lot.

  • @obaysh2789
    @obaysh2789 2 года назад +1

    GOD BLESS YOU SIR

  • @user-hl3ib9ht5m
    @user-hl3ib9ht5m 4 года назад +2

    thanks so much!

    • @Voxelize
      @Voxelize  4 года назад

      BlyatMobile you’re welcome :)

  • @Gamer-en1hj
    @Gamer-en1hj 3 года назад +1

    Wooow

  • @DarkToad
    @DarkToad 2 года назад

    I also have another problem; when I drag my image, the UI with the x, y, and z disappears

  • @firelord3361
    @firelord3361 4 года назад +6

    Hello, so MagicaVoxel won't even load my palette in :c. Do you know why this does happen? Or is there a solution for that? Thanks already :D
    EDIT: The files were broken. (I don't know why)
    So if you have got the same problem just try to save the file again or restart the program ;)

    • @Voxelize
      @Voxelize  4 года назад +1

      FireLord33 Glad you got it figured out. There were some changes in the latest version that I think enabled palettes from non PNG images but I may be remembering incorrectly. Always best to check the change log.

  • @ThatsAbitlffy
    @ThatsAbitlffy 4 года назад +5

    When I drag the pixel art into magicavoxel instead of showing the attach, erase etc its just shows the layers. How can I bring back those other things?

    • @Voxelize
      @Voxelize  4 года назад +1

      JackityCarver128 this is a new default behavior in MagicaVoxel. Instead of dropping the pixel art into your current object, it’s creating a new object. Press tab to enter the currently selected object (by default the new pixel art object will be the one selected). You can press tab to jump back and forth between object mode to edit the voxel models and scene mode to arrange multiple models for larger compositions.

    • @Voxelize
      @Voxelize  4 года назад +2

      Please note: VoxEdit does not import MagicaVoxel files with multiple objects, so you’ll have to delete the original volume that the file started with, or use the VOX export option if you plan on bringing the pixel art to The Sandbox marketplace. I have a video about moving files between different voxel programs here: ruclips.net/video/wA6j23S-1kM/видео.html

    • @ThatsAbitlffy
      @ThatsAbitlffy 4 года назад +1

      Thanks for the reply!

  • @-Infernex
    @-Infernex 4 года назад

    Do you have a tutorial for rendering 3d models down into voxel models?

    • @Voxelize
      @Voxelize  4 года назад +1

      Infernex Infernex not at this time... at least not exactly. There are a few different methods depending on what software you use and what results you’re looking for.
      I do have a video where I briefly mention how to drop OBJ models into MagicaVoxel, which is a quick and easy way to convert, but it’s very limited: ruclips.net/video/wA6j23S-1kM/видео.html

  • @luckysun1852
    @luckysun1852 Год назад

    the video and audio seems a little bit out of sync, despite that, amazing video!!

    • @Voxelize
      @Voxelize  Год назад

      You might want to update you’re video drivers or make sure that your browser is set to use GPU acceleration to to make sure the audio doesn’t desync. You could also try lowering the video playback resolution.

  • @DanielRodriguez-cm6mh
    @DanielRodriguez-cm6mh 2 года назад

    How can I convert the texture of a 3d scanned shape to voxels and then cut it so that the color has a visible thickness?

    • @Voxelize
      @Voxelize  2 года назад +1

      The only tool I know of off the top of my head that supports taking textures from meshes and turning them into color voxels is Qubicle. If you buy through Steam it's an added DLC - a fairly expensive tool but useful if you need to do that sort of conversion a lot. It's last update was 2017 though, so beware there might not be a lot of support left for this tool.

  • @bbs32
    @bbs32 2 года назад

    nice tutorial! can I import the model from magicVoxel into VoxEdit?

    • @Voxelize
      @Voxelize  2 года назад +1

      VoxEdit can import and export the VOX format that MagicaVoxel uses. There are also newer options to sync with MagicaVoxel allowing you to jump back and forth.

    • @bbs32
      @bbs32 2 года назад

      @@Voxelize thanks!!

  • @DarkToad
    @DarkToad 2 года назад

    Whenever I drag my image to the space, the cube is still there and it doesn't automatically resize the image.

    • @Voxelize
      @Voxelize  Год назад

      Sorry I didn’t see this before. MagicaVoxel has had some updates since this was made. You might try pressing Tab to back up to the World Editor and delete the original cube. Drag the PNG into the empty space.

  • @bbs32
    @bbs32 2 года назад

    I'm new to voxel and editor. Is .vxm a voxel art standard format? thanks.

    • @Voxelize
      @Voxelize  2 года назад +1

      VXM is VoxEdit native. VOX is popular, semi open source, and used in most voxel programs now including MagicaVoxel, Voxel Max, Goxel, Particubes, Qubicle… and you can import and export VOX files with VoxEdit too.

    • @bbs32
      @bbs32 2 года назад +1

      @@Voxelize thanks again. I will check out these editing tools.

  • @pallavrinha
    @pallavrinha 3 года назад

    How would you do with living assets ? I mean, an animal or a human

    • @Voxelize
      @Voxelize  3 года назад

      You could use this same process for sprite sheets. Import the image to MagicaVoxel. But then you’ll want to look at the design from all sides and try to figure out how to adjust for depth. It’s a bit more complicated and requires some careful thinking and practice.

  • @auseawesome9112
    @auseawesome9112 4 года назад +1

    I want to use piskel!

    • @Voxelize
      @Voxelize  4 года назад +1

      I haven't used Piskel before, but having just taken a look, it appears its palette files download in the GPL (GIMP Palette) format, which won't be very useful for this tutorial. You could manually draw a PNG palette strip in Piskel or GIMP, but that would be a lot of tedious work added to the whole process. I picked Aseprite since it's free, lightweight, and can easily give exactly the files you need for MagicaVoxel. GIMP might have a script to export a PNG palette from GPL as well, but I haven't really used GIMP in about 12 years.

    • @auseawesome9112
      @auseawesome9112 4 года назад +2

      @@Voxelize Okay thx just piskel's the tool i use for pixel art!

    • @Voxelize
      @Voxelize  4 года назад

      Rabixelbit that will still work fine for making artwork you can drop into MagicaVoxel, but you’ll have to figure out a solution that works best for you to deal with the available palette. MagicaVoxel will try to pick the closest colors in the active palette. Let me know if you come up with a good method!

    • @auseawesome9112
      @auseawesome9112 4 года назад +2

      @@Voxelize I will reply again if i find a good solution ;D

  • @Hangryyy88
    @Hangryyy88 3 года назад

    please teach us how to do this in photoshop

    • @Voxelize
      @Voxelize  3 года назад +1

      I sort of know how, but it’s way more complicated to do it in a paid program like Photoshop than one like the free version of Aseprite. Eventually I hope to get around to updating all my old tutorials and I’ll see if I can get the same results out of Photoshop for that.
      If you’re looking how to do it now, try setting the color mode to “indexed” and see what sort of options you have.

    • @Hangryyy88
      @Hangryyy88 3 года назад

      Voxelize that makes sense. Ive never used Aseprite before so I wanted to see if theres a way to do this in photoshop. Do you know if there’s a way to import this file to spark ar? Also, thank you for the quick response!

    • @Voxelize
      @Voxelize  3 года назад +1

      @@Hangryyy88 looks like Spark AR supports OBJ, which MagicaVoxel can export natively (export pane is in the bottom right corner of the editor). sparkar.facebook.com/ar-studio/learn/articles/fundamentals/supported-file-formats/

    • @Hangryyy88
      @Hangryyy88 3 года назад

      Voxelize awesome! thank you so much!

  • @SparrowValentine
    @SparrowValentine 4 года назад

    Blender?

    • @Voxelize
      @Voxelize  4 года назад

      Zephoros no blender used here. All the 3D stuff was made and rendered in MagicaVoxel.

    • @SparrowValentine
      @SparrowValentine 4 года назад

      @@Voxelize Yeah I know, but can you do a tutorial for this on blender?

    • @Voxelize
      @Voxelize  4 года назад +1

      Zephoros I would love to do tutorials on Blender but I’m still mostly a beginner myself. I started using it almost 15 years ago, but RUclips wasn’t around yet to help me learn and I’ve only just now started getting into it. Maybe in a few months as I learn more.

    • @SparrowValentine
      @SparrowValentine 4 года назад

      @@Voxelize ah okiee

  • @slima11NG
    @slima11NG 4 года назад

    I think you should have only used the middle part of the grass tiles, but thats just me

    • @Voxelize
      @Voxelize  4 года назад

      You definitely could do it that way. I wanted the variety that the right side gave (the left side of the tile is the same as the middle).

  • @durgam_sumerian7815
    @durgam_sumerian7815 4 года назад

    I wish to see this tutorial with blender instead please.

    • @Voxelize
      @Voxelize  4 года назад +1

      Python Noobies I’ll have to learn how to do it first. I’ve still got a lot to discover in Blender. There’s probably parts that would be easier and parts that would be harder.

  • @marckogg1570
    @marckogg1570 3 года назад +1

    tool name?

    • @Voxelize
      @Voxelize  3 года назад

      They're mentioned at 0:28 and links to their websites are in the description.

  • @cordellcarrier3
    @cordellcarrier3 2 года назад

    This is great, but you only really need the middle tile copied 4 times. The other tiles are meant to be edge tiles which are not important to the final result.

    • @Voxelize
      @Voxelize  2 года назад

      Sure, but the idea was to vary it so each side looks different when viewing from an angle.

    • @cordellcarrier3
      @cordellcarrier3 2 года назад

      @@Voxelize That's fair. However, since it's literally the same texture repeated there would only be variation near the edge. You would need to do variants of the middle tile to get noticeable changes.

    • @Voxelize
      @Voxelize  2 года назад

      @@cordellcarrier3 I think I’ll leave it as is.

  • @blade1716
    @blade1716 3 года назад

    I dont exactly use a program i use blockstarplanet because its simple

  • @bonesstickle4966
    @bonesstickle4966 4 года назад +1

    WHAT ARE THESE ONE DISKLIKES ITS SO ANNOYING

    • @Voxelize
      @Voxelize  4 года назад

      Some people are just grumpy. 😂
      I think it’s actually because of the background music. The pitch bothers some people so I don’t use this song anymore.

  • @lerbacch5459
    @lerbacch5459 4 года назад

    givve me a hearth

  • @mathius4693
    @mathius4693 5 лет назад +1

    Intenta trabajar con blender
    MY TRADUCTION: Work with Blender

    • @Voxelize
      @Voxelize  5 лет назад +1

      I have a video ready to publish next week that will discuss workflows going from voxel tools like MagicaVoxel and Qubicle to VoxEdit for animation, and exporting for more work in Blender of Unity. I'm still pretty new to Blender, but there will be videos about using voxels in Blender in the future.
      _Tengo un video listo para publicar la próxima semana que analizará los flujos de trabajo que van desde las herramientas de voxel como MagicaVoxel y Qubicle a VoxEdit para la animación, y la exportación para más trabajo en Blender of Unity. Todavía soy bastante nuevo en Blender, pero habrá videos sobre el uso de voxels en Blender en el futuro._

    • @mathius4693
      @mathius4693 5 лет назад +1

      @@Voxelize Ok amigo ... eres unos de los pocos youtubers que buscan abrirse a otros programas y herramientas para progresar en este tipo de arte ... nuevo sub.
      *Ok friend ... you are one of the few youtubers looking to open up to other programs and tools to progress in this type of art ... new sub*