Greetings! Wanna make your own 3D comic? you came to the right place.
This is a 3D Comic toolkit for Blender that allows you to save out your own scrolling 3D Comic websites like https://3dcomic.shop . I made it for myself to create my own 3D Comics and decided to share it after sharpening it for years. I update it frequently as I use it to create my own titles.
The Toolkit comes with all you need to start creating your own 3D Comic directly from your Blender scenes. These are not 2D rendered comics, but true 3D Comics where every panel is rendered live using real time 3D Graphics.
-3D Panel scene manager. Since every panel in your comic is a scene inside your .blend file, the scene manager will let you read and edit your comic directly inside Blender. Adjusting all Lettering, Lighting, Visuals and story flow in context, just as you'd expect.
-Automatic 3D Comic Site Generator. The workhorse of the toolkit. It automatically combines, decimates, converts and exports a custom .glb file for every scene. In one click, it automatically generates the entire 3D Comic website and opens a web browser with a local server so you can read it just your own 3D Comic readers will. To make it public, you just need upload the directory to your website. (I use Github Pages to host 3dcomic.shop)
-Inkshade - This part of the Toolkit allows you to instantly create black and white "ink shaded" comic look from your 3D Scene in Eevee using a combination of custom nodes and modifiers. The same look gets rebuilt automatically in the exported 3D Comic that will run in browsers.
-Collection Baker. Tool for combining, decimating, unwrapping, light baking your panel scenes in one click. Essential for combining the best of cycles with real time 3D.
-Inkbots! The Toolkit comes with an assortment of 3D inkbot characters, wordballoons, captions and SFX to help get you started. Everything all set to be refined in edit mode.
-Pose Cycler - quickly cycle through character poses with the mouse wheel. you can setup your own hotkey or use mine here: https://github.com/spiraloid/Spiraloid-Toolkit-for-Blender
-Multilingual Lettering. Comics have a global audience so localizing your lettering works right out of the box, assuming you speak the language (or can use google translate). Just set the active language and start adding in localized letters for that language. The letters will be automatically exported and the 3D Comic site will know how to switch between them based on the letter URL. For example, here's the Inkbots comic in spanish!
-Toggle Workmode in the 3D vied menu. this will turn on and off the inshading to make working on ink and toonshaded meshes faster. I bound mine to the tab key ( and moved edit mode to "double click", "e", and "ctrl+enter" for lettering but you can bind it however you like)
Blender 2.90 or later.
Python 3.7 or later.
(be sure to check the box to add python to your path on install. this step is needed to make "read 3d comic" menu work since it runs a local python server)
recommended web hosting:
Warning: This is a tool I use and update frequently. No support or warranty should be expected or implied. It's free afterall. however if you hit problems, I suggest connecting with others interested in making 3D Comics exist, on these Communities:
You can also get the latest bug fixes, features and report issues off my github:
in the utilities menu there is a "validate panel scene" command that I use to do housecleaning. Using this should resolve most problems. Since blender has some many things you can do, it means things can break easily if you do something too custom. Definitely report things you find missing.
here are a few other compatible addons I use frequently:
here are my personal hotkeys and general use addons:
If you make something cool with this, send me a link https://linktr.ee/spiraloid, the world needs more 3D Comics!
Here’s a super basic getting started w the 3DComic toolkit:
1: “3DComics > Create a new 3D comic”. This opens a window to choose the 3D Comic root folder (i.e. batman) where your 3D comic will live. This will also create a new scene saved into "batman/s01e01/blender/batman_v.001.blend" this location is where you must save your working blend files.
2: “3DComics > Panel > Insert a row”. This creates a new panel. if you create multiple panels, they will be side by side on the same row. you can adjust the width and height by carefully renaming the scenes. (a panel name p.0023.w50h50 will be half the height and half the width.)
2: Create Art. import your fbx, model something, add suzanne, or add an inkbot using “3DComics > Assets > Inkbot". only use meshes. to ink it, use “3DComics > Color > Inkshade visible”. Advanced users can use cycles to lightbake meshes.
3: Prep each panel for export. Carefully verify that you put everything you want in the panel into the numbered export collection in each panel scene. (Leave nothing outside of the scene collections!) Try to keep the each panel scene export collection to about <75k poly’s or so. The fewer materials, smaller textures, fewer the objects - the faster. If you're making lots of small panels that will all be on screen at once on a mobile device, try to make them all add up to 100K triangles per screen. Efficiency is the name of the game with real time 3D Comics.
4: “3DComics > Letters > Add Wordballoon” select the balloon and model it as you like in edit mode. Same process applies to rewriting your letters. Select the text, enter edit mode and write! (also, you also might want to pick out a good comic lettering font for your title from comicbookfonts.com or blambot.com)
5: “3DComics > Panel > Export 3DComic”. Time to read your comic and see how it feels. Get a coffee while is compiles your comic. Assuming you installed everything correctly (and didn’t leave weirdness in your scene collection by mistake) your web browser should open and load your 3D comic! (this is a local server, so only your machine can see it)
6: Push your changes up to whatever server you're using to host your 3D comic and spread the word! (see comment above about github pages etc) add #3dcomicshop and I'll see it too and repost.
here’s an in depth tutorial:
Step one finish - Step two make it better!
You've purchased this product
See it in your libraryView in Library
We charged your card and sent you a receipt
You'll need an account to access this in our app. Please create a password to continue.
Download from the App Store or text yourself a link to the app
Good news! Since you already have a Gumroad account, it's also been added to your library.