Voxel Skills - Turning Pixel Art into 3D Assets

Рет қаралды 92,893

5 жыл бұрын

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 3 жыл бұрын

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 3 жыл бұрын

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 3 жыл бұрын

@@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 2 жыл бұрын

Love the depth technique, such an eye opener!

@anomalypixel5399 5 жыл бұрын

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

@Voxelize 5 жыл бұрын

Moacir Neto thank you!

@9rtp 4 жыл бұрын

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

@Voxelize 4 жыл бұрын

Jonathan Lansdale thanks! 😊

@finfondler998 2 жыл бұрын

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

@JZevedo 4 жыл бұрын

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

@Voxelize 4 жыл бұрын

Johnny o.O Obrigado!

@user-hl3ib9ht5m 4 жыл бұрын

thanks so much!

@Voxelize 4 жыл бұрын

BlyatMobile you’re welcome :)

@obaysh2789 2 жыл бұрын

GOD BLESS YOU SIR

@seandavies2984 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 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 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 4 жыл бұрын

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

@dawidwojs172 4 жыл бұрын

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

@DarkToad Жыл бұрын

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

@firelord3361 4 жыл бұрын

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 4 жыл бұрын

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.

@Gamer-en1hj 2 жыл бұрын

Wooow

@ThatsAbitlffy 3 жыл бұрын

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 3 жыл бұрын

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 3 жыл бұрын

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: kzfaq.info/get/bejne/radmnZVkuJOVm4E.html

@ThatsAbitlffy 3 жыл бұрын

Thanks for the reply!

@-Infernex 4 жыл бұрын

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

@Voxelize 4 жыл бұрын

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: kzfaq.info/get/bejne/radmnZVkuJOVm4E.html

@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 2 жыл бұрын

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 2 жыл бұрын

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

@Voxelize 2 жыл бұрын

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 2 жыл бұрын

@@Voxelize thanks!!

@DarkToad Жыл бұрын

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

@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.

@luckysun1852 Жыл бұрын

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

@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.

@bbs32 2 жыл бұрын

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

@Voxelize 2 жыл бұрын

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 2 жыл бұрын

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

@pallavrinha 2 жыл бұрын

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

@Voxelize 2 жыл бұрын

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.

@SparrowValentine 4 жыл бұрын

Blender?

@Voxelize 4 жыл бұрын

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

@SparrowValentine 4 жыл бұрын

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

@Voxelize 4 жыл бұрын

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 KZfaq 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 4 жыл бұрын

@@Voxelize ah okiee

@Hangryyy88 3 жыл бұрын

please teach us how to do this in photoshop

@Voxelize 3 жыл бұрын

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 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 3 жыл бұрын

@@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 3 жыл бұрын

Voxelize awesome! thank you so much!

@auseawesome9112 3 жыл бұрын

I want to use piskel!

@Voxelize 3 жыл бұрын

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 3 жыл бұрын

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

@Voxelize 3 жыл бұрын

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 3 жыл бұрын

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

@marckogg1570 3 жыл бұрын

tool name?

@Voxelize 3 жыл бұрын

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

@slima11NG 4 жыл бұрын

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

@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 3 жыл бұрын

I wish to see this tutorial with blender instead please.

@Voxelize 3 жыл бұрын

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.

@cordellcarrier3 Жыл бұрын

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 Жыл бұрын

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

@cordellcarrier3 Жыл бұрын

@@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 Жыл бұрын

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

@bonesstickle4966 4 жыл бұрын

WHAT ARE THESE ONE DISKLIKES ITS SO ANNOYING

@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.

@blade1716 3 жыл бұрын

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

@mathius4693 5 жыл бұрын

Intenta trabajar con blender MY TRADUCTION: Work with Blender

@Voxelize 5 жыл бұрын

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 5 жыл бұрын

@@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*