Let’s draw manga

I will explain the basics of drawing cartoons using MediBang Paint.

POINT

Although I will not explain in this tutorial, MediBang Paint has a service called “cloud project” to draw comics in earnest. (To use the cloud project, user registration to MediBang is necessary.)

Let’s use “Comic guide”

“Comic guide” is a guide line when printing manga. When opening a new canvas as “manga manuscript”, “Comic guide” will be displayed automatically.

To open the canvas as “manga manuscript”, open the “New Image” dialog with “File” → “New” in the menu and create a canvas from the “Comic (1)” tab.

Comic tab
Caption. Comic tab

Let’s create a canvas by selecting “Doujinshi (A5 finished): 350 dpi” as a template on the “Comic” tab.

When opening the canvas with 'Comic'
Caption. When opening the canvas with 'Comic'

A canvas of “Comic” was opened. This light blue color guideline is “Comic guide”. (Please see here for the meaning of the lines of the guideline.)

Tips

When checking “Spread / Cover page” at the time of new creation, the spread canvas will open.

Tips

“Comic guide” can be displayed / hidden at any time by “View” → “Show Comic Guide Lines” of the menu. You can also change the setting by “View” → “Comic Guide Lines Settings”.

Let’s try a Panel Divide

I will explain “Panel Divide” which is indispensable process for drawing cartoons. You can easily “Panel Divide” with MediBang Paint.

Panel Divide

First, add “Panel Material” to the canvas with “Layer” → “Add Panel Material” in the menu.

Panel properties
Caption. Panel properties

The “Comic Panel Property” dialog is displayed and you can set the “Panel Material” to be added. Please press OK as it is here.

Where 'Panel Material' was added
Caption. Where 'Panel Material' was added

“Panel Material” is added according to the inner frame of “Comic guide” and the cursor changes to the shape of the cutter (A). (“Divide Tool” is selected.)

With this “Divide Tool” selected, you can “Panel Divide” by cutting “Panel Material”.

Where you cut the panel
Caption. Where you cut the panel

Let’s cut the panel next to it like a red line.

When cutting a piece, please cut it so as to divide the piece. When the panel can not be divided properly like the blue line, the panel will not break. In the (1) toolbar, you can also set the vertical and horizontal spacing when splitting a panel.

If you want to divide panel diagonally, please hold down Shift key and break panel.

Let’s divide the panel appropriately. When I accidentally devide a piece, It’s expected “Undo”.

Transforming Panels

To Transform / Move some Panels, use the “Operation Tool”.

Select Operation Tool
Caption. Select Operation Tool

(a)・(b)
This function can not be used with “Panel Divide”.
(c)
This button changes the overlapping order of “Panel”. If more than one “Panel” is overlapped, rearrange this “Panel” so that it is displayed one above.
(d)
This button changes the overlapping order of “Panel”. If more than one “Panel” overlaps, rearrange this “Panel” so that it is displayed one below.
(e)
It is a button to delete “Panel”.
(f)
It is a button to change the property of “Panel”. When pressed, a dialog for changing the line width and color of “Panel” opens.

Select “Operation Tool (2)”, click “Panel” you want to operate, “Toolbar (3)” will be displayed under “Panel”. Operation of “Panel” is done by grasping “handle (4)” around “Panel”.

If you want to erase part of “Panel” please see here.

Tips

If you want to divide “Panel” evenly, let’s use “Layer” -> “Material” -> “Divide” in the menu. Since this function equally divides the currently active “Panel”, execute with the “Panel” you want to split with the operation tool selected.

If you use it successfully, you can also “Panel Divide” for “4-frame cartoon”.

Panel divide for 4-frame cartoon
Caption. Panel divide for 4-frame cartoon

Let’s use “material”

In MediBang Paint, you can easily paste materials such as tone on your manga.

Please refer to here for basic usage of the material.

Let’s try it

First, add a new layer for pasting the material. Next, let’s select the appropriate frame with “MagicWand Tool” and open the “Material Dialog” by pressing the “Open Material Dialog” button.

Where Material Dialog is opened
Caption. Where Material Dialog is opened

When “Material Dialog” opens, drag and drop the tiles and tones you want to use onto the canvas.

Material setting bar
Caption. Material setting bar

A bar is displayed at the bottom of the main window where you can set the angle and magnification of the material. If you set an appropriate value here and press the “OK” button, pasting of the material is confirmed. If you paste it correctly, if you release the selection, the material is stuck in the “Panel” neatly.

Where the tiles are pasted
Caption. Where the tiles are pasted

In this way, by pasting the material after creating the selection range, you can paste the material only to the place you want to paste.

Tips

When sharpening the tone it is convenient to use transparent color.

Sharpen tone

Let’s copy with the “Text Tool”

By using “Text Tool”, you can easily enter characters.

For the basic usage of “Text Tool” please refer to here.

Let’s try it

Select “Text Tool” from the toolbar on the left of the main window and click where you want to place the letters on the canvas. The “Edit Text” dialog is displayed.

When 'Edit Text' dialog is displayed
Caption. When 'Edit Text' dialog is displayed

After entering the characters you want displayed on the canvas and pressing the OK button, the layer of text is added and the characters are displayed on the canvas.

This character can be moved when “Text Tool” or “Move Tool” is selected.

Where text was entered
Caption. Where text was entered
Tips

If you want to write text vertically using Windows fonts entered in the computer, using fonts with “@” at the beginning of the font name will be written vertically.

The font at the beginning is @
Caption. The font at the beginning is @