Notifications

Agreement
This site properly manages your personal information as described in our Privacy Policy. Here is our Privacy Policy.
Agree and start

Notifications

Tutorials

179. Manga Function: Master the Manga creation tools

This chapter introduces useful tools that are essential for producing Manga. The “Frame Divider tool”, which allows you to divide frames with one finger, the “Text tool”, which allows you to choose a font, and “Screen Tone”, which can be pasted by painting, are just some of the functions necessary for Manga production that ibisPaint offers.

Frame Divider tool

Using the Frame Divider tool, you can easily create frames that are essential for Manga production.

Open the ①[Tool Selection window], and select ②[Frame Divider tool].

Tap on the screen. Tap on ③[Add Frame] once it appears.
④[Horizontal Space] …You can adjust the margins on both the left and right
⑤[Vertical Space] … You can adjust the margins on both the top and bottom
⑥[Frame Thickness] … You can adjust the thickness of the frame
Once you are done adjusting, tap on ⑦[✓] to finish.

Now that the overall frame has been added, the next step is to divide it up. Adjust the spacing between the frames before dividing them. Tap the ⑧[Edit button].
⑨[Horizontal Interval]…Adjusting the spacing when dividing frames horizontally
⑩[Vertical Interval]…Adjusting the spacing when dividing frames vertically

Divide the frames along the frames of your draft. You are done when all the frames have been divided.

Manga is read horizontally, then vertically, so we recommend narrowing the space between horizontal frames and widening the space between vertical frames to make it easier for the reader to read.

Screen Tone

You can easily paste the Screen Tones used in Manga. By pasting Screen Tones, you can instantly improve the appearance of your Manga.

Prepare the line drawing which you want to paste the Screen Tone onto. Open the ①[Layer window], Add ②[a new layer], Drag the ③[current layer] underneath the line drawing.

Select ④[Blending Mode] and tap ⑤[Screen Tone]. The Screen Tones will be displayed in a list, so select the one you want to use. Let’s use ⑥[Dot L16] as an example. (For Dot below Dot L8, Dot is fine and may smudge when printed. Therefore, for a printed draft, Dot L12 or Dot L16 is recommended.)

The density of the Screen Tone can be changed by changing the color density. Open ⑦[Color Palette] and tap the ⑧[HSB/RGB Toggle button]. Set it to black and move the ⑨[Brightness Slider]. In this example, we set it to 58%.

Paste the Screen Tone on the new layer created earlier.

We want the hat to be a little darker, so let’s set the ⑩[Brightness Slider] to 32% and paint it in.

You are done once you paste the Screen Tone all over.

Radial Line Filter

This is a Filter that allows you to easily create Radial Lines to add impact to the frames of your Manga.

Open the ①[Tool Selection Window] and select the ②[Magic Wand tool].

Tap ③[% button]. Tap ④[Reset] to reset to the default value. Tap ⑤[Specific Layer] and choose the layer of your ⑥[Layer with drawn frames].

⑦[Tap] inside the frame where you want to insert Radial Lines. Since I set the frame's layer to Specific Layer, only the frame is selected. Select ⑨[Filter] from the ⑧[Tool Selection Window].

Select ⑪[Radial Line] from ⑩[Draw]. Drag the ⑫[Knob] to adjust the position. This time, We wanted to draw Radial Lines toward the center of the frame, so we moved the Knob to focus on the frame. Please adjust the shape of the Radial Lines using the ⑬[Slider]. When you have finished adjusting, tap ⑭[✓] to return to the Canvas.

Radial Lines were applied to create an impressive frame.

Speed Line Filter

This is a Filter that allows you to easily create Speed Lines that give a sense of speed and dynamism to the frames of your Manga.

Open the ①[Tool Selection Window] and select the ②[Magic Wand tool]. Use the Magic Wand tool to select only the character's background. (For clarity, the selected area is filled in blue.)

Once you have made your selection, select ④[Filter] from the ③[Tool Selection Window]. Then, select ⑥[Speed Line] from ⑤[Draw].

You can change the position of the Speed Lines by dragging the ⑦[Knob]. Please adjust the shape of the Speed Lines using the ⑧[Slider]. When you have finished adjusting, tap the ⑨[OK button] to return to the Canvas.

The Speed Lines have created a dynamic frame.

Outline Pen

You can easily create a Manga Balloon using the Outline Pen.

Customize Outline (Fade) a little to create Manga Balloon Pen and register it as a Custom Brush. Find ②[Outline (Fade)]in the ①[Brush Window] and tap ③[+].

The selected Brush will be added to Custom Brush, so tap ④[OK]. Tap ⑤[>] to customize the Brush.

From ⑥[Type], select ⑦[Double]. Enable ⑧[Absolute Shadow Size] and choose the ⑨[Shadow Size]. We recommend around 5px. This time, we will register it as 5px. Next, rename the Brush. From ⑩[Settings], select ⑪[Rename Brush].

Enter the brush name. This time, as an example, we entered “Manga Balloon Pen”. Once you have decided a name, select ⑫[OK]. Now that we have created a Custom Brush, let's draw Manga Balloon using the ⑬[Manga Balloon Pen].

Manga Balloons have been drawn easily. If you feel that the borders are too thin or too thick, adjust the pixels (px) of “Shadow Size”.

Elliptical Ruler

By combining the Elliptical Ruler with the Brush Tool’s Wedge and Flash, you can easily create jagged Manga Balloons.

From the ①[Ruler tool], select ②[Elliptical Ruler].
Drag ③…change the width.
Drag ④…change the position.
Drag ⑤…change the height.
Drag ⑥…change the angle.

Once you have decided on the shape of the ellipse, open the ⑦[Brush Window]. This time, ⑧[Wedge] is selected as an example. After selecting the brush, draw a circle counterclockwise.

Open the ⑨[Tool Selection Window], select the ⑩[Bucket Tool], fill in the center, and it’s done.

Text Tool

You can easily add words using the Text Tool.

From the ①[Tool Selection window], select ②[Text Tool]. When you tap on the screen, ③[Add Text] will be displayed, so tap it.

④You can enter characters in the blank field.
⑤You can choose the font.
⑥Tap to switch between [Left], [Center], and [Right].
⑦Tap to switch between [Vertical] and [Horizontal].

In the case of Vertical, depending on the font, long vowels in some languages may appear horizontal instead of vertical, as shown in the image above. This occurs when the font does not possess vertical writing information, so please try selecting a different font.

By adding text, it’s getting closer to completion.

Manga Background Filter

You can use the Manga Background Filter to process photos into a Manga-like background.

Prepare the image you want to use as the background of your Manga. Open the ①[Tool Selection Window] and select the ②[Filter].

Select ④[Manga Background] from ③[Artistic]. Drag the ⑤[Slider] left and right to adjust the Contrast, Edge Darkness, Screen Tone Size, etc. When you have finished adjusting, tap the ⑥[OK button] to return to the Canvas.

Place the background on the Manga frame and you are done. Even if you cannot draw backgrounds, you can use backgrounds created with this Filter in your Manga to instantly improve the level of completion.

Perspective Array Ruler

The Perspective Array Ruler allows you to choose between One-point perspective, Two-point perspective, and Three-point perspective for an accurate perspective when drawing. This time, we will use the Perspective Array Ruler to draw a simple rectangular box in each perspective drawing method.
First, we will briefly introduce how to use the Perspective Array Ruler.

①[Division X]…Number of horizontal divisions
②[Division Y]…Number of divisions in depth
③[Division Z]…Number of vertical divisions
④[Phase]…Difference from the initial placement
⑤[Initial Position]…Selection of the perspective drawing method

⑥[Face knob]…Adjust the position of the face by dragging
⑦[Vertex knob]…Freely transform the perspective by dragging
Please note that moving the Vertex knob may change the perspective drawing method specified with the Initial Position. If you want to return it to the original position, you can do so from Initial Position.

⑧[Lock button]…Makes the Perspective Array Ruler unable to be moved or transformed
⑨[Face Selection button]…Changes the reference face
⑩[Array Selection button]…Changes the work cell duplication destination

Now, let's draw a simple box using the Perspective Array Ruler.

Draw a box with One-point perspective

Select the ②[Perspective Array Ruler] from the ①[Ruler Tool]. From Initial Position, select the leftmost ③[One-point perspective]. The initial number of divisions is 3, but since we are drawing a box this time, set all ④[Division] except Phase to 1.

To draw a rectangle viewed from the front, first, drag the ⑤[Face knob] to decide the size of the rectangle. This time, we will draw it in a shape that is close to a square. Tap the ⑥[Face Selection button] to set the face to the front. Once you have decided on the shape, tap the ⑦[Lock button] to lock the settings of the Perspective Array Ruler.

Draw the front face and the face that is the farthest in the back. Select ⑧[Straight Ruler] from the Ruler Tool. Draw a rectangle along the lines of the Perspective Array Ruler.

Now that we have drawn the front face and the farthest face, next, we will draw the depth. Select the ⑨[Radial Ruler] from the Ruler Tool. Place the Radial Ruler at the ⑩[vanishing point].

Draw lines connecting the corners of the front face and the farthest face. At this time, it is recommended to draw on a separate layer from the layer on which you drew the front face and the farthest face, as this will make it easier to erase the intersecting lines later.

Finish up by erasing the extra lines.

You can use this procedure to draw boxes of various angles, shapes, and sizes. Be sure to draw a lot to get a feel for it.

Draw a box with Two-point perspective

Select the ②[Perspective Array Ruler] from the ①[Ruler Tool]. From Initial Position, select ③[Two-point perspective] in the middle. This time as well, set all ④[Division] except Phase to 1.

Drag the ⑤[Face knob] to decide the size of the rectangle. The box we will draw this time is facing right, so if you set it to face right with the ⑥[Face Selection button], you will be able to trace the cuboid neatly. Once you have decided on the shape, tap the ⑦[Lock button] to lock the settings of the Perspective Array Ruler.

Draw vertical lines on the Canvas. To do so, select the ⑧[Straight Ruler] from the Ruler Tool. Draw vertical lines along the lines of the Perspective Array Ruler.

Next, place the ⑨[Radial Ruler] at the vanishing point. Select the Ruler Tool from the Ruler Tool and align it with the ⑩[vanishing points].

Since the box we are drawing this time is a Two-point perspective, there are two vanishing points. Select ⑪[Add Radial Ruler] and align the Radial Ruler with ⑫[the other vanishing point].

Once you have positioned the Radial Ruler, draw diagonal lines along the perspective lines. You can select the Radial Ruler you want to use from ⑬[Select Radial Ruler].

As shown in the image above, the screen for selecting a ruler will appear, so you can switch between them by selecting ⑭[the ruler you want to use]. Switch the ruler according to the direction of the line you want to draw.

Once you have drawn all the lines, it is completed.

If you apply this method, you will be able to draw backgrounds with a three-dimensional effect.

Draw a box with Three-point perspective

Select the ②[Perspective Array Ruler] from the ①[Ruler Tool]. From Initial Position, select the rightmost ③[Three-point perspective]. Set all ④[Division] other than Phase to 1.

Drag the ⑤[Face knob] to decide the size of the rectangle. The box we will draw this time is facing left, so use the ⑥[Face Selection button] to set it to the left. Once you have decided on the shape, tap the ⑦[Lock button] to lock the settings of the Perspective Array Ruler.

Next, place the Radial Ruler at the vanishing point. Select the ⑧[Radial Ruler] from the Ruler Tool and align it with the ⑨[vanishing points].

Three-point perspective has three vanishing points, so add two more rulers with ⑩[Add Radial Ruler] and place them at ⑪[the three vanishing points] as shown above.

While switching to the ruler you want to use with ⑫[Select Radial Ruler], trace the guides of the Perspective Array Ruler.

Once you have drawn all the lines, it is completed.

This drawing method can be used when you want to draw a three-dimensional and dynamic background.

This video introduces how to draw backgrounds that can be used in Manga, etc.

Click here for a video of the how to draw backgrounds.

This video introduces how to draw a condominium using Two-point perspective.

Click here for a video of the Perspective Array Ruler
Click here for details on the Perspective Array Ruler

Array Ruler

The Array Ruler is a function where if you draw an illustration on one square of up to 10 x 10 squares, it will be drawn on all squares.

Let’s draw multiple windows in the Two-point perspective box drawn using the Perspective Array Ruler. From the ①[Ruler Tool], select the ②[Array Ruler]. Drag the ③[Division X and Division Y] sliders left and right to adjust the number of divisions. This time, it is set to 6 x 5 squares.

You can add perspective by dragging the ④[Vertex knob].

Tap the ⑤[Lock button] and draw in the orange ⑥[Working Cell].

Windows were drawn in all the squares at once.

Since you do not have to draw multiple things one by one, you can improve your work efficiency greatly.

Chapter

  1. 01.
    Introduction
  2. 02.
    Start Creating an Artwork
  3. 03.
    Toolbar and Tool Selection
  4. 04.
    Do Your Draft Sketch by Hand
  5. 05.
    About Layers
  6. 06.
    Let's Trace
  7. 07.
    Undo and Eraser
  8. 08.
    Fine Tuning Using the Lasso tool
  9. 09.
    Check by Reflecting Horizontally
  10. 10.
    Select Colors in the Color window
  11. 11.
    Use Color Fill for the Undercoat
  12. 12.
    Turn Clipping On
  13. 13.
    Making a Gradation (Shading)
  14. 14.
    Select a color from the canvas or layer
  15. 15.
    Set the Time before Quick Eyedropper Starts
  16. 16.
    Create Highlights and Shadows
  17. 17.
    Paste a Texture
  18. 18.
    Let's Merge Layers
  19. 19.
    Sign Your Artwork
  20. 20.
    View Your Artwork
  21. 21.
    Post Your Artwork
  22. 22.
    Share Your Artwork
  23. 23.
    Open your ibisPaint data in Clip Studio Paint
  24. 24.
    Premium Membership / Ad Removal Upgrade (for iPhone/iPad, Android)
  25. 25.
    Premium Membership / Pro Upgrade (for Windows, Mac)
  26. 26.
    Smart Features and Smart Credits
  27. 27.
    Synchronizing the artworks on your device with Cloud Storage
  28. 28.
    Save the past state of an Artwork as an IPV file
  29. 29.
    Rearrange artworks
  30. 30.
    Artworks Folder Feature
  31. 31.
    Make custom brush
  32. 32.
    Create Original Brush Patterns
  33. 33.
    Installing and Exporting the Custom Brush
  34. 34.
    Release a Custom Brush to the Online Gallery
  35. 35.
    Brush Export and Import
  36. 36.
    Search For Brushes
  37. 37.
    Display images to use as reference
  38. 38.
    Add Color to the Analog Image using Multiply
  39. 39.
    Stabilizer
  40. 40.
    Layer: Clipping is convenient
  41. 41.
    Layer: Changing the color with Alpha Lock
  42. 42.
    Layer: Let's try using Screen Tone
  43. 43.
    Layer: Selection Layer
  44. 44.
    Layer: Save Layer as Transparent PNG command
  45. 45.
    Layer: Naming your layers to manage them
  46. 46.
    Layer: Rasterize
  47. 47.
    Layer: Layer Folders
  48. 48.
    Layer: Move/Transform Layer Folder
  49. 49.
    Layer: Add Layer from Canvas
  50. 50.
    Vector Layer
  51. 51.
    How to edit a brush shape
  52. 52.
    Contents Layer Selection
  53. 53.
    Apply Canvas Papers to your canvas
  54. 54.
    Display Grid on the Canvas
  55. 55.
    Export an Artwork (Save)
  56. 56.
    Export in CMYK (Save)
  57. 57.
    Save canvas as Transparent PNG
  58. 58.
    Make the background transparent with Eraser Bucket
  59. 59.
    Bucket Tool: Surrounding Fill / Surrounding Eraser
  60. 60.
    Putting texture to the floor with Perspective Form
  61. 61.
    Skirt with Mesh Form
  62. 62.
    Entering text with Text tool
  63. 63.
    Creating manga with Frame Divider tool
  64. 64.
    Enlarging the canvas with Canvas Size
  65. 65.
    Cutting off the canvas with Trim
  66. 66.
    Create a Manga Manuscript for Printing
  67. 67.
    Canvas creation with resolution (dpi) specification
  68. 68.
    Changing image resolution with Resize
  69. 69.
    Change canvas Color Mode
  70. 70.
    Output High-Resolution Images with AI (Artificial Intelligence)
  71. 71.
    AI Disturbance
  72. 72.
    Texture with Material tool
  73. 73.
    Cut, Copy, Paste
  74. 74.
    Ruler: Straight Ruler
  75. 75.
    Ruler: Circular Ruler
  76. 76.
    Ruler: Elliptical Ruler
  77. 77.
    Ruler: Radial Ruler
  78. 78.
    Ruler: Mirror Ruler
  79. 79.
    Ruler: Kaleidoscope Ruler
  80. 80.
    Ruler: Array Ruler
  81. 81.
    Ruler: Perspective Array Ruler
  82. 82.
    Shape Tool
  83. 83.
    Drawing Tool: Straight Line
  84. 84.
    Drawing Tool: Rectangle
  85. 85.
    Drawing Tool:Circle
  86. 86.
    Drawing Tool:Ellipse
  87. 87.
    Drawing Tool:Regular Polygon
  88. 88.
    Drawing Tool:Bezier Curve
  89. 89.
    Drawing Tool:Polyline
  90. 90.
    Shape Tool: Rounded Rectangle
  91. 91.
    Shape Tool: Thin Arrow
  92. 92.
    Shape Tool: Speech Bubble
  93. 93.
    Selection Area tool: Color Range
  94. 94.
    Selection Area tool: Expand/Contract Selection Area
  95. 95.
    Special: Liquify Pen
  96. 96.
    Special: Lasso Fill
  97. 97.
    Special: Lasso Eraser
  98. 98.
    Special: Copy Pen
  99. 99.
    Filter (Adjust Color): Brightness & Contrast
  100. 100.
    Filter (Adjust Color): Tone Curve
  101. 101.
    Filter (Adjust Color): Hue Saturation Lightness
  102. 102.
    Filter (Adjust Color): Color Balance
  103. 103.
    Filter (Adjust Color): Extract Line Drawing
  104. 104.
    Filter (Adjust Color): Find Edges (Handwriting)
  105. 105.
    Filter (Adjust Color): Find Edges
  106. 106.
    Filter (Adjust Color): Change Drawing Color
  107. 107.
    Filter (Adjust Color): Mono Color
  108. 108.
    Filter (Adjust Color): Grayscale
  109. 109.
    Filter (Adjust Color): Black & White
  110. 110.
    Filter (Adjust Color): Posterize
  111. 111.
    Filter (Adjust Color): Invert Color
  112. 112.
    Filter (Adjust Color): Gradation Map
  113. 113.
    Filter (Adjust Color): Levels Adjustment
  114. 114.
    Filter (Adjust Color): Replace Color
  115. 115.
    Filter (Blur): Gaussian Blur
  116. 116.
    Filter (Blur): Zooming Blur
  117. 117.
    Filter (Blur): Moving Blur
  118. 118.
    Filter (Blur):Spin Blur
  119. 119.
    Filter (Blur): Lens Blur
  120. 120.
    Filter (Blur): Mosaic
  121. 121.
    Filter (Blur): Unsharp Mask
  122. 122.
    Filter (Blur): Frosted Glass
  123. 123.
    Filter (Style): Stroke (Both)
  124. 124.
    Filter (Style): Stained Glass
  125. 125.
    Filter (Style): Wet Edge
  126. 126.
    Filter (Style): Glow (Inner)
  127. 127.
    Filter (Style): Bevel (Inner)
  128. 128.
    Filter (Style): Bevel (Outer)
  129. 129.
    Filter (Style): Emboss
  130. 130.
    Filter (Style): Relief
  131. 131.
    Filter (Style): Waterdrop (Rounded)
  132. 132.
    Filter (Style): Stroke (Outer)
  133. 133.
    Filter (Style): Glow (Outer)
  134. 134.
    Filter (Style): Satin
  135. 135.
    Filter (Style): Drop Shadow
  136. 136.
    Filter (Style): Extrude
  137. 137.
    Filter (Style): God Rays
  138. 138.
    Filter (Draw): Parallel Gradation
  139. 139.
    Filter (Draw): Concentric Gradation
  140. 140.
    Filter (Draw): Radial Line Gradation
  141. 141.
    Filter (Draw): Radial Line
  142. 142.
    Filter (Draw): Speed Line
  143. 143.
    Filter (Draw): Clouds
  144. 144.
    Filter (Draw): QR Code
  145. 145.
    Filter (Smart): Watercolor Filter
  146. 146.
    Filter (Smart): Background Removal
  147. 147.
    Filter (Artistic): Anime Background
  148. 148.
    Filter (Artistic): Manga Background
  149. 149.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  150. 150.
    Filter (Artistic): Glitch
  151. 151.
    Filter (Artistic): Noise
  152. 152.
    Filter (Artistic): Retro Game
  153. 153.
    Filter (Artistic): Chrome
  154. 154.
    Filter (Artistic): Bloom
  155. 155.
    Filter (Artistic): Cross Filter
  156. 156.
    Filter (Artistic): Sheer
  157. 157.
    Filter (Pixelate): Pixelate Crystalize
  158. 158.
    Filter (Pixelate): Hexagonal Pixelate
  159. 159.
    Filter (Pixelate): Square Pixelate
  160. 160.
    Filter (Pixelate): Triangular Pixelate
  161. 161.
    Filter (Pixelate): Pointillize
  162. 162.
    Filter (Pixelate): Dots (Hexagonal)
  163. 163.
    Filter (Pixelate): Dots (Square)
  164. 164.
    Filter (Transform): Expansion
  165. 165.
    Filter (Transform): Fisheye Lens
  166. 166.
    Filter (Transform): Sphere Lens
  167. 167.
    Filter (Transform): Wave
  168. 168.
    Filter (Transform): Ripple
  169. 169.
    Filter (Transform): Twirl
  170. 170.
    Filter (Transform): Polar Coordinates
  171. 171.
    Filter (Frame): Table
  172. 172.
    Filter (Frame): Blur Frame
  173. 173.
    Filter (Movie): Rain
  174. 174.
    Adjustment Layer
  175. 175.
    Create an animation
  176. 176.
    Animation Feature: Video Mode
  177. 177.
    Animation Feature: Audio Tracks in Video Mode
  178. 178.
    Manga Function: Let's create a manga manuscript
  179. 179.
    Manga Function: Master the Manga creation tools
  180. 180.
    Manga Function: Make Use of Materials
  181. 181.
    Manga Function: Publishing and Printing your Manga
  182. 182.
    Changing Devices & File Transfers
  183. 183.
    Settings window details
  184. 184.
    Change the Background Color of the Canvas
  185. 185.
    Details of Brush Parameters
  186. 186.
    Bucket tool details
  187. 187.
    Layer Window Details
  188. 188.
    Transform tool details
  189. 189.
    Blend mode details
  190. 190.
    View Menu details
  191. 191.
    How to upload transparent PNG onto X
  192. 192.
    Importing and exporting Photoshop files (PSD)
  193. 193.
    Posting Multiple Pages of Comic to the Online Gallery
  194. 194.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  195. 195.
    Gestures, Keyboard shortcuts (Windows Version)
  196. 196.
    Display a Crosshair Symbol When Hovering the Stylus Pen
  197. 197.
    Set Up Palm Rejection
  198. 198.
    Use a Promo Code
  199. 199.
    About ibisAccount: Creating an Account
  200. 200.
    About ibisAccount: Log In
  201. 201.
    About ibisAccount: Delete Your Account