Skip to content
Learn MikuMikuDance – MMD Tutorials – Free 3D Animation Software

Learn MikuMikuDance – MMD Tutorials – Free 3D Animation Software

Download Free Animation Software – Let's Learn How to Do Everything!

  • Step-by-Step MMD instructions
  • DOWNLOADS
  • Troubleshoot, Fix MMD
  • Site Contents
  • Reggie Replies Q&A
  • Homework!
  • What IS MMD?
    • Download MikuMikuDance Newest Latest Version of MMD
  • “HOW TO”
    • Raycast RAY-MMD Effect Tutorials
  • BONUS PAGES
    • Why convert PMD models to PMX?
  • HALL of CHAMPIONS
  • Tutorial Categories
  • About
    • Privacy Policy
  • Toggle search form
  • Keyboard Shortcuts Aplenty in MikuMikuDance 7.39 by ClintImTired Accessory Manipulation/Adjust
  • What kind of laptop should I buy for running MMD? Random Thoughts & Visions
  • Updated LearnMMD Metronome Instructions for Use Metronome
  • Making my new “Rin Needs a Hug” Zero-to-450 Challenge Video "the making of" my video
  • Excited about MMD? Write for LearnMMD.com! Welcome to LearnMMD.Com!
  • Beamman’s MME SelfBurning Effect Sets your MMD models Ablaze! MME Effects Tutorials
  • LearnMMD's NOKO2 has several MMD Comics on the LearnMMD Deviant Art Page!
    Have Fun Making MMD Comics using MS Paint Koneko the MMD Fairy
  • Motion Reference Videos Available FREE Online Animation Resource

INKSCAPE makes creating MMD Comics Easy

Posted on October 9, 2019July 8, 2024 By Trackdancer No Comments on INKSCAPE makes creating MMD Comics Easy

Inkscape allows you to create MMD comics easily.
She ordered this from Amazon.com

A feature article on LearnMMD by Trackdancer2015!

Using MMD and INKSCAPE to create comics

One of the fun things to do with MMD is to make comics. The process is simple enough:

  1. Create a picture in MMD
  2. Add speech bubbles and text in a graphics application

What this article will be about is how to make speech bubbles using an open source application known as INKSCAPE as it is awesome! And you can get some really professional results with it even without knowing the full depth of the program. It hands-down beats the default Windows graphic applications for making comics.

What is Inkscape?

Inkscape unlike Windows Paint or Adobe Photoshop is a vector based graphics application. Vector based graphics are scalable. What this means is that unlike pixel based images, vector based graphics can be drawn in one resolution but will scale to any resolution you wish to output the graphics and still look good.

When making comic art, however, because the main image coming out of MMD is still pixel based, you won’t be able to take full advantage of this; but for adding speech bubbles and text, a vector based system offers the most flexibility. In fact, when I made comics in Photoshop, I used that program’s vector based functions to do the same thing. But Inkscape is free and Photoshop is not.

Inkscape is directly comparable to Adobe Illustrator; it has almost all of the same functions but is a little lacking in its support for commercial applications. That has no significance for hobbyist like us.

LET’S MAKE A COMIC PANEL

To create an MMD comic, open MikuMikuDance and compose your "art-piece".

Preparing the main image

The process in creating a MMD comic panel is to first create your main image in MMD. We made that picture above simply by posing the model and loading an image to use as the background. The screen is set for at the full size for the output image which in this case is 800 x 800 pixels and is shown below.

Our image is rendered as a BMP and loaded into Inkscape. But before adding the image, access the Document Properties and set the page size to be the same size as the graphic: 800 x 800 px. The next step is to just load the image and locate it exactly on the page.

When you first load the image, it will probably be loaded at a size much larger than the area indicating the extent of the page we specified. Simply resize your view and the image to fit the area of the page. Allow for a little overlap or what is known as bleeding. This will avoid having white edges around the image when you output your finished image. Alternatively, if you do want a white border, just scale the image to be slightly smaller than the page margins. Our image is scaled to allow bleeding; however, if you are going to print the image, you must allow for margins.

Our image is scaled to allow bleeding at the page margins. We made the image slightly transparent so that can see the page borders underneath the image.

Adding the speech bubble

Making speech bubbles is really easy with vector based applications.

Use the Rectangle tool (F4) to drag out a box for your bubble. To get rounded corners, set a suitable value in the Ry field. In the Fill and Stoke panel, you can set the colors for the box as well as add an outline. Because we did not want the speech bubble to completely hide the interesting looking building behind the elf, we made the fill translucent.

Adding Text

Use the Text tool (F8) to add your text. The text is scalable, so set a suitable size, type out your message and resize to fit the bubble and vice versa till it all fits. Each element, is an independent object and can be separately manipulated. You can also shift-click to select multiple elements and manipulated them as a group.

Adding the tail to the speech bubble

Use the Edit Path Nodes tool (F2) to convert the speech bubble into an editable path so that add nodes to the speech bubble.

To do this follow these steps:

  1. Select the speech bubble.
  2. Click on the “Convert object to path” function.
  3. Select the nodes on the edge where you want to add the tail.
  4. Add 3 more nodes to this edge.
  5. Select the middle node and drag it out to where you want it.
  6. Move the adjacent nodes closer together and shift them to where you want them on the edge.
  7. Convert the pointer node into a corner node.
  8. Using the Belize curve widget that is now available, tweak the tail to the shape desired.

Producing the final image

Make any final adjustments you desire and then select the Export PNG Image function and set up your parameters.

Make sure that the image size is correct then set the file name and location. When you are ready to export, click on the “Export” button. That’s all there is to it. Our finished image is shown below at the exact render size. The image and text are sharp and crisp and the whole production process, because we used Inkscape, was a smooth and flexible experience.

Well I can do this in Windows Paint too

Actually, no…

Click on the image at the top of this post if you haven’t already. It is linked to a 1600 x 1600 px high resolution image produced in Inkscape. It can be even larger than that and the speech bubble with the text will remain perfectly sharp. The advantage of using vector graphics is because they are scalable. Plus you can change elements at will and with ease in Inkscape. These are not things that you can easily do using Windows Paint, where even making a decent looking speech bubble would be a challenge.

If you are looking for a free professional grade graphics application to use alongside MMD, we seriously encourage you to check out Inkscape. For users familiar with Adobe Illustrator, transitioning over to Inkscape is a breeze. For new users to this application, there are plenty of online tutorials covering a range of related topics. It is really easy to learn.

CREDITS

Elf model (エィルさん ver1.0) by 壱
(This model seems to be out of circulation as I can’t find a link for it… )

Smartphone: https://bowlroll.net/file/51448

Renders done in MMD 9.31 with G_Shader / dGreenerShader / Diffusion 7 / o_SelfOverlay_soft

Inkscape can be downloaded from inkscape.org

IrfanView 64
(Available through the Microsoft Store; it is also free and is an excellent image processing app).

Background images via Google Images and may be subject to copyright.

 


– SEE BELOW for MORE MMD TUTORIALS…


— — —


– _ — –


Visit the LearnMMD.com Homepage! Plenty of Mikumikudance instruction and info!

More MMD Tutorials...

Reader asks how to create MMD artwork... stuff like posing, camerawork?

A reader asks... Is there a tutorial on how to create MMD artwork, like those you ...read more

Learn MikuMikuDance in Small Steps! New LearnMMD Video Series

Learn MikuMikuDance in Small Steps. Where can I find easy-to-follow MMD instructions on YouTube? How ...read more

Apply Multiple Effects on an Entire MMD Model Using M4Layer Effect

How can I apply multiple effects to an MMD model? Can I use more than ...read more

MMD Plugin Manager... I Found a Treasure!

What sorts of MMD Plugins are there? MMD Plugin Manager? MMD Plugins. Plugin MMD. More ...read more

2023: Hatsune Miku is 16 Years Old by design and in reality!

Finally, in 2023, Hatsune Miku is 16 years old! When did Miku make her first ...read more

SEARCH LearnMMD.com... it's Easy!

Search LearnMMD.com to find your answers! With the posting of this article, LearnMMD.com has 758 tutorials ...read more

Inkscape MMD Comics, MMD Tutorials, Trackdancer2015

Post navigation

Previous Post: Video Dojo Expo 1 Winner: Angel Dreams
Next Post: Video Dojo Expo 1 Winner: sociohat

Related Posts

  • MMD Rotate object 360-degrees part 2
    MMD Rotating Objects 360-degrees -Miku’s Guide to the Galaxy (Part 2) Making Smooth Motions
  • LAT Model Shaders Create Stunning Scenes in MMD Kazumi
  • MME PowerShader effect rivals Ray-MMD Raycast image enhancements MMD Tutorials
  • Free Download MikuMikuDance MMD
    Free Download MikuMikuDance 3D animation software Intro to MikuMikuDance
  • Once there was a war… the making of my “Paint it black” MMD video "the making of" my video
  • MMD CameraSmoother Tool smooths camera motions! CameraSmoother Tool

More Related Articles

Japanese Maid Cafe poster you can make! Making your own Japanese Maid Cafe poster Random Thoughts & Visions
Applause for Miku! MikuMikuDance turns Six. ARIZONA
Dramatically Decrease AVI File size before uploading YouTube videos MMD Tutorials
Use YouTube Video Analytics to Attract and maintain viewers! Use YouTube Video Analytics Attract Maintain Viewers "the making of" my video
Understanding Normals Bandages
Create 450-Frame MMD Animation from scratch! Create 450-Frame MMD animation from scratch! "the making of" my video

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Download the latest version of MikuMikuDance!
See the MMD Step-by-Step instructions page!
Learn how to make your own MMD motions!
LearnMMD.com
  • Chrysanthemums are lovely with the Fireworks effect!
    Using the Fireworks Effect In MikuMikuDance ARIZONA
  • The TrueCamera Effect enhances the 3D look of your MMD animation.
    MME TrueCamera Effect enhances 3D appearance Reggie Dentmore
  • Widescreen MMD “Kiss Me” animation too long but I wanted More! "the making of" my video
  • Continuation of previous article's dispute!
    Beamman GSW Gauge for Game-like HP Health Points Display Beamman's GSW Gauge
  • Multiply of Facial Expression command in MMD Animation Shortcuts
  • Download VMDSpectrum Analyzer to create VMD files MMD Tutorials
  • Download MMD Pokeball Accessory and Learn Accessory Manipulation Accessory Manipulation/Adjust
  • VDE-4 Champion: Izzmations Video Dojo Champions

Copyright © 2022 Learn MikuMikuDance – MMD Tutorials – Free 3D Animation Software and Instructions..

Powered by PressBook Premium theme

Go to mobile version