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

176. Animation Feature: Video Mode

To add audio and other elements to an animation artwork in ibisPaint, you need to convert the animation artwork to "Video Mode". Here, we will show you how to convert to Video Mode and explain the basic operations in Video Mode.

※ For information on how to use audio tracks, see "Animation Feature: Audio Tracks in Video Mode".

Converting to Video Mode

On the animation screen, tap ①[ ︙ Button ] and select ②[ Add Audio Track ].

A popup will appear. Tap ③[ Convert ].

Please note the following when converting:

  • Converting to Video Mode cannot be undone. You cannot revert from Video Mode to Animation Mode.
  • The frame rate will become 60fps after conversion. The frame rate cannot be changed after conversion.
  • Drawing clips with a duration of 0 will be deleted.
  • Ping-pong playback is not supported.

The file selection dialog will open. Select an audio file or video file. If you select a video file, only the audio will be added as a clip; the video content will not be added.

The artwork has been converted to Video Mode and an audio track has been added.

Video Mode Screen Layout

In Video Mode, ①[ Timeline ] is displayed at the bottom of the screen.
②[ Time Ruler ] shows time markers.
③[ Playhead ] indicates the current playback position. It is fixed at the center of the timeline.

④[ Track ] is a row that contains each clip.
⑤[ Clip ] is each element arranged within a track. The types of clips that can be placed vary depending on the type of track.

Timeline Operations

Moving the Playback Position

Drag the timeline ①[ left or right ] to move the playback position.
Tap ②[ Play Button ] to play the artwork. Tap the screen while playing to stop.

Changing the Time Scale

On mobile or tablet devices, you can pinch in/out on the timeline to zoom in/out on the time scale.
With a keyboard, you can also use ⌘ + Mouse Wheel on Mac/iPhone/iPad, or Ctrl + Mouse Wheel on Android/Windows.

Changing the Bar Height

Drag the Time Ruler on the timeline to expand or shrink the display area.
Expanding the display area makes it easier to edit clips, while shrinking it lets you focus on drawing on the canvas.

Track Operations

Video Mode currently has two types of tracks.
①[ Drawing Track ]: Displays drawing clips. Drawing clips are placed on the drawing track aligned to the left with no gaps.
②[ Audio Track ]: Displays audio clips. Audio clips can be placed at any position on the audio track.

Selecting a Track

Tap a track to select it; the track background will turn light blue.
Tapping a clip will also select the track that clip belongs to.

Adding a Track

Tap ③[ ︙ Button ] on the timeline and select ④[ the track you want to add ].

※ For information on how to use each track, see the following pages.
・Animation Feature: Audio Tracks in Video Mode

Track Settings

Tap the ⑤[ Track Marker ] to open the settings window for that track.
(Currently, there is no settings window for drawing tracks.)
For details, see "Animation Feature: Audio Tracks in Video Mode".

Deleting a Track

You can delete the selected track from the Track Settings window, or by selecting ⑦[ Delete Audio Track ] from ⑥[ ︙ Button ].

An animation artwork requires at least one drawing track. If there is only one drawing track, it cannot be deleted.

Clip Operations

Here, we will explain the basic clip operations using drawing clips (clips displayed in the drawing track) as an example.

Selecting a Clip

When you select a clip, ①[ Current Clip Marker ] appears.

Adding a Clip

You can add a new drawing clip after the currently selected drawing clip.

Select ②[ Clip ] and tap ③[ Add Button ].
A new drawing clip with the same number of frames as the selected clip will be added after the selected drawing clip.

Moving a Clip

④[ Long-press ] a clip to lift it up, then ⑤[ drag ] to move it.
Clips can be moved within tracks of the same type.

Changing the Duration

⑦[ Drag ] the ⑥[ Handle ] on the current clip marker to change the display duration of the clip.

Since drawing clips are always displayed aligned to the left, you cannot leave gaps between clips. Instead, add a clip with no content and adjust its duration.

Clip Settings

Tap ⑧[ the selected clip ] to open the [ Clip Settings Window ] for that clip.
The available settings differ depending on the type of clip. The following are the settings for drawing clips.
⑨[ Duration ]: Shows the duration of the selected clip. Duration changes in frame increments.
⑩[ Frame Count ]: Adjusts the number of frames for which the selected clip is displayed.

The Clip Settings Window can also be opened from the menu that appears when you tap [ ︙ Button ] while a clip is selected.

For audio clips, the Clip Settings Window lets you set the volume, and duplicate the clip or re-select the audio.
For details, see "Animation Feature: Audio Tracks in Video Mode".

Animation Settings

Select ②[ Animation Settings ] from ①[ ︙ Button ] to open the [ Animation Settings Window ].
Here, you can configure settings for the entire animation artwork.
Enabling ③[ Snap Clip ] makes clips snap to the edges of other clips or to the playhead position when you move or resize them.
④[ Volume ]: Sets the overall volume of the artwork.

For adjusting the volume of each audio track or each audio clip, see "Animation Feature: Audio Tracks in Video Mode".
For playback mode and onion skin, see "Create an animation".

Video Output

Exporting as a Video File

To export a video in a format such as MOV or MP4, tap ①[ Back ] and select ②[ Save Animated Video ].
In the [ Save Video ] window, tap ③[ Save ] to begin exporting the video file.

If you upload the exported video to the Online Gallery, the audio will be cut.

Exporting an IPVZ File

If you want to move a Video Mode artwork to ibisPaint on another device and continue editing it, you need to export it as an IPVZ file.
You cannot continue editing from a video file such as MOV or MP4.

In the artwork zoom view, tap ①[ Share button ] and select ②[ ibisPaint Project (IPVZ) ] to export the editing data in IPVZ format.

To open it on another device, tap the IPVZ file in a file manager app and open it in ibisPaint.

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