News

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

Tutorials

56. Creating manga with Frame Divider tool

Frame Divider tool lets you divide frames, an essential function for making manga.

Prepare a rough manga drawing.

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

Tap on the screen. Tap on ① Add Frame once it appears.

You can adjust the margins on both the left and right with ① Horizontal Space.
Use ② Vertical Space to adjust the top and bottom margins.
③ Frame Thickness lets you adjust the thickness of the frame.
④ Border Color lets you change the color of the frame.
Once you are done making adjustments, tap on ⑤ ✓ to finish.

Adjust the frame interval before dividing the frame. Tap on ① the Edit button.

① Horizontal Interval lets you adjust the left and right margins by dragging the slider left and right.
② Vertical Interval lets you adjust the top and bottom margins by dragging the slider left and right.
※Since manga is read horizontally first, and vertically second, it's better to make the horizontal margins small and vertical margins large.

Continue dividing the frame along the rough frame.

Once the frame is divided, Tap on ① Select and drag ② diagonally outside the canvas to select multiple frames.

You can also change the shape of the frame as shown.
Drag ① the handle to change the shape of the frame to your liking.

Tap on ① Edit button.

You can change ① the Border Color.
② Border Thickness lets you change the thickness of the frame by dragging the slider left and right.

Tap on ① Fill Color. First, start filling by increasing ② the opacity level from 0% by dragging the slider to the right. Select the color from ③ the palette to change the color inside the frame.

Once you are done adjusting, tap on ① ✓ to finish.

Once you are done adjusting, you can simply add it to the illustration and you're done.
Let's draw real manga on your smartphone!

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.
    Create Highlights and Shadows
  16. 16.
    Paste a Texture
  17. 17.
    Let's Merge Layers
  18. 18.
    Sign Your Artwork
  19. 19.
    View Your Artwork
  20. 20.
    Post Your Artwork
  21. 21.
    Share Your Artwork
  22. 22.
    Open your ibisPaint data in Clip Studio Paint
  23. 23.
    Prime Membership / Remove Ads Add-on (iOS,iPadOS,Android versions)
  24. 24.
    Prime Membership / Pro Add-on (Windows Version)
  25. 25.
    Synchronizing the artworks on your device with Cloud Storage
  26. 26.
    Save the past state of an Artwork as an IPV file
  27. 27.
    Rearrange artworks
  28. 28.
    Artworks Folder Feature
  29. 29.
    Make custom brush
  30. 30.
    Installing and Exporting the Custom Brush
  31. 31.
    Release a Custom Brush to the Online Gallery
  32. 32.
    Brush Export and Import
  33. 33.
    Search For Brushes
  34. 34.
    Display images to use as reference
  35. 35.
    Add Color to the Analog Image using Multiply
  36. 36.
    Stabilizer
  37. 37.
    Layer: Clipping is convenient
  38. 38.
    Layer: Changing the color with Alpha Lock
  39. 39.
    Layer: Let's try using Screen Tone
  40. 40.
    Layer: Selection Layer
  41. 41.
    Layer: Save Layer as Transparent PNG command
  42. 42.
    Layer: Naming your layers to manage them
  43. 43.
    Layer: Rasterize
  44. 44.
    Layer: Layer Folders
  45. 45.
    Layer: Folder Move/Transform
  46. 46.
    Layer: Add Layer from Canvas
  47. 47.
    Vector Layer
  48. 48.
    Contents Layer Selection
  49. 49.
    Apply Canvas Papers to your canvas
  50. 50.
    Display Grid on the Canvas
  51. 51.
    Save canvas as Transparent PNG
  52. 52.
    Make the background transparent with Eraser Bucket
  53. 53.
    Putting texture to the floor with Perspective Form
  54. 54.
    Skirt with Mesh Form
  55. 55.
    Entering text with Text tool
  56. 56.
    Creating manga with Frame Divider tool
  57. 57.
    Enlarging the canvas with Canvas Size
  58. 58.
    Cutting off the canvas with Trim
  59. 59.
    Create a Manga Manuscript for Printing
  60. 60.
    Canvas creation with resolution (dpi) specification
  61. 61.
    Changing image resolution with Resize
  62. 62.
    Change canvas Color Mode
  63. 63.
    Output High-Resolution Images with AI (Artificial Intelligence)
  64. 64.
    AI Disturbance
  65. 65.
    Texture with Material tool
  66. 66.
    Cut, Copy, Paste
  67. 67.
    Ruler: Straight Ruler
  68. 68.
    Ruler: Circular Ruler
  69. 69.
    Ruler: Elliptical Ruler
  70. 70.
    Ruler: Radial Ruler
  71. 71.
    Ruler: Mirror Ruler
  72. 72.
    Ruler: Kaleidoscope Ruler
  73. 73.
    Ruler: Array Ruler
  74. 74.
    Ruler: Perspective Array Ruler
  75. 75.
    Drawing Tool: Straight Line
  76. 76.
    Drawing Tool: Rectangle
  77. 77.
    Drawing Tool:Circle
  78. 78.
    Drawing Tool:Ellipse
  79. 79.
    Drawing Tool:Regular Polygon
  80. 80.
    Drawing Tool:Bezier Curve
  81. 81.
    Drawing Tool:Polyline
  82. 82.
    Drawing Tool:Fill
  83. 83.
    Selection Area tool: Color Range
  84. 84.
    Selection Area tool: Expand/Contract Selection Area
  85. 85.
    Special: Liquify Pen
  86. 86.
    Special: Lasso Fill
  87. 87.
    Special: Lasso Eraser
  88. 88.
    Special: Copy Pen
  89. 89.
    Filter (Adjust Color): Brightness & Contrast
  90. 90.
    Filter (Adjust Color): Tone Curve
  91. 91.
    Filter (Adjust Color): Hue Saturation Lightness
  92. 92.
    Filter (Adjust Color): Color Balance
  93. 93.
    Filter (Adjust Color): Extract Line Drawing
  94. 94.
    Filter (Adjust Color): Find Edges (Handwriting)
  95. 95.
    Filter (Adjust Color): Find Edges
  96. 96.
    Filter (Adjust Color): Change Drawing Color
  97. 97.
    Filter (Adjust Color): Mono Color
  98. 98.
    Filter (Adjust Color): Grayscale
  99. 99.
    Filter (Adjust Color): Black & White
  100. 100.
    Filter (Adjust Color): Posterize
  101. 101.
    Filter (Adjust Color): Invert Color
  102. 102.
    Filter (Adjust Color): Gradation Map
  103. 103.
    Filter (Adjust Color): Levels Adjustment
  104. 104.
    Filter (Adjust Color): Replace Color
  105. 105.
    Filter (Blur): Gaussian Blur
  106. 106.
    Filter (Blur): Zooming Blur
  107. 107.
    Filter (Blur): Moving Blur
  108. 108.
    Filter (Blur):Spin Blur
  109. 109.
    Filter (Blur): Lens Blur
  110. 110.
    Filter (Blur): Mosaic
  111. 111.
    Filter (Blur): Unsharp Mask
  112. 112.
    Filter (Blur): Frosted Glass
  113. 113.
    Filter (Style): Stroke (Both)
  114. 114.
    Filter (Style): Stained Glass
  115. 115.
    Filter (Style): Wet Edge
  116. 116.
    Filter (Style): Glow (Inner)
  117. 117.
    Filter (Style): Bevel (Inner)
  118. 118.
    Filter (Style): Bevel (Outer)
  119. 119.
    Filter (Style): Emboss
  120. 120.
    Filter (Style): Relief
  121. 121.
    Filter (Style): Waterdrop (Rounded)
  122. 122.
    Filter (Style): Stroke (Outer)
  123. 123.
    Filter (Style): Glow (Outer)
  124. 124.
    Filter (Style): Satin
  125. 125.
    Filter (Style): Drop Shadow
  126. 126.
    Filter (Style): Extrude
  127. 127.
    Filter (Style): God Rays
  128. 128.
    Filter (Draw): Parallel Gradation
  129. 129.
    Filter (Draw): Concentric Gradation
  130. 130.
    Filter (Draw): Radial Line Gradation
  131. 131.
    Filter (Draw): Radial Line
  132. 132.
    Filter (Draw): Speed Line
  133. 133.
    Filter (Draw): Clouds
  134. 134.
    Filter (Draw): QR Code
  135. 135.
    Filter (AI): Watercolor Filter
  136. 136.
    Filter (AI): Auto Paint
  137. 137.
    Filter (AI): Background Removal
  138. 138.
    Filter (Artistic): Anime Background
  139. 139.
    Filter (Artistic): Manga Background
  140. 140.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  141. 141.
    Filter (Artistic): Glitch
  142. 142.
    Filter (Artistic): Noise
  143. 143.
    Filter (Artistic): Retro Game
  144. 144.
    Filter (Artistic): Chrome
  145. 145.
    Filter (Artistic): Bloom
  146. 146.
    Filter (Artistic): Cross Filter
  147. 147.
    Filter (Artistic): Sheer
  148. 148.
    Filter (Pixelate): Pixelate Crystalize
  149. 149.
    Filter (Pixelate): Hexagonal Pixelate
  150. 150.
    Filter (Pixelate): Square Pixelate
  151. 151.
    Filter (Pixelate): Triangular Pixelate
  152. 152.
    Filter (Pixelate): Pointillize
  153. 153.
    Filter (Pixelate): Dots (Hexagonal)
  154. 154.
    Filter (Pixelate): Dots (Square)
  155. 155.
    Filter (Transform): Expansion
  156. 156.
    Filter (Transform): Fisheye Lens
  157. 157.
    Filter (Transform): Sphere Lens
  158. 158.
    Filter (Transform): Wave
  159. 159.
    Filter (Transform): Ripple
  160. 160.
    Filter (Transform): Twirl
  161. 161.
    Filter (Transform): Polar Coordinates
  162. 162.
    Filter (Frame): Table
  163. 163.
    Filter (Frame): Blur Frame
  164. 164.
    Filter (Movie): Rain
  165. 165.
    Adjustment Layer
  166. 166.
    Create an animation
  167. 167.
    Manga Function: Let's create a manga manuscript
  168. 168.
    Manga Function: Master the Manga creation tools
  169. 169.
    Manga Function: Make Use of Materials
  170. 170.
    Manga Function: Publishing and Printing your Manga
  171. 171.
    Switching devices / transferring data (with Dropbox)
  172. 172.
    Switching devices / transferring data (with SD card on Android)
  173. 173.
    Switching devices / transferring data (with PC on iOS)
  174. 174.
    Model change / Transfer (Backup settings)
  175. 175.
    Settings window details
  176. 176.
    Change the Background Color of the Canvas
  177. 177.
    Details of Brush Parameters
  178. 178.
    Bucket tool details
  179. 179.
    Layer Window Details
  180. 180.
    Transform tool details
  181. 181.
    Blend mode details
  182. 182.
    View Menu details
  183. 183.
    How to upload transparent PNG onto X
  184. 184.
    Importing and exporting Photoshop files (PSD)
  185. 185.
    Posting Multiple Pages of Comic to the Online Gallery
  186. 186.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  187. 187.
    Gestures, Keyboard shortcuts (Windows Version)
  188. 188.
    Use a Promo Code
  189. 189.
    Delete Account