Add camera movement and speech to animation




From Ver.1.8.4 the [2D camera folder] function was added to the [Animation] menu.

With the [2D camera folder], you can add camera movement and speech to animation without transforming images in layer or animation folders.

To do this, please use the following procedure.


[1] Enable keyframe editing

This section describes how to operate keyframes in the [Timeline] palette.


You will learn how to enable/disable keyframe editing on selected tracks and layers.

  • 3D layers, quick masks, and paper layers made in Ver1.5 or earlier cannot be edited using keyframes.




■1. Select the track


To edit a keyframe, first select its track from the [Timeline] palette.




■2. Enable keyframes


Click [Enable keyframes on this layer].




■3. Switch to keyframe settings


Keyframe editing will be enabled for selected layers and tracks.

Using the object tool to select a track or layer, you can edit keyframes. This will also change the timeline and layer palette displays.


For items that cannot be edited, a lock icon will be displayed on the [Layer] palette, showing that the layer is locked. The cels in the animation folder will display a semi-transparent lock icon on them.

[Transform] and [Opacity] will be added to the track on the [Timeline] palette. For tracks with a mask, [Mask] will also be added.


If you click the ▼ by the track name, an even more detailed list of items will display.


If you click the top left button you can edit using the [Graph Editor].

For detailed information, please refer to the Instruction Manual.



・ If [Enable keyframes on this layer] is set for a layer folder, the settings will be reflected on all the layers within the folder. The settings will also be reflected in the animation and 2D camera folders.

・ The [Enable keyframes on this layer] setting cannot be turned off for specific layers within a keyframe enabled layer folder.

・ For cels inside the animation folder, if [Enable keyframes on this layer] is set, those settings will be reflected in the entirety of the animation folder.

・ In animation folders with keyframes enabled, if [Enable light table] is turned off or you are not using light table layers, the selected cel in the [Layer] palette will not be replaced even if you select another frame from the [Timeline] palette.


[2] Add camera movement

Keyframes can be added to each track of the [Timeline] palette.

  • To add a keyframe, turn on [Enable keyframes on this layer].

Using a 2D camera folder, you can add camerawork to your animation without transforming images in animation folders or layers.


When adding keyframes to a 2D camera folder track, you can register the following settings.

・ Transform (Position, Scale ratio, Rotate, Rotation center)

・ Opacity

・ Keyframe interpolation

In the example below, a 2D camera folder has been created and a keyframe has been added to a layer. Using the example, we will show how to add character synched background camerawork.




■1. Select the command


Select [Animation] menu > [New animation layer] > [2D Camera Folder].

A 2D camera folder will be created in the [Layer] palette and [Timeline] palette.




■2. Storing layers in a folder


Camera movement you want to add to the animation folder or to a layer will be stored on the [Layer] palette in the 2D camera folder.


Animation folders and layers can be stored in 2D camera folders on the [Timeline] palette as well. 2D camera folder cannot be created inside an existing animation folder.




■3. Tool selection


You can select the [Operation] tool from the [Tool] palette.




■4. Select the sub tool


Open the [Sub tool] palette to select [Object].




■5. Select the frame


Add camera movement to a selected frame in the [Timeline] palette.




■6. Keyframe interpolation settings


Select an interpolation method from [Keyframe interpolation] on the [Timeline] palette.




■7. Add camera movement


If you select the 2D camera folder track with the [Object] tool, a rectangle border will appear over the canvas.

To create camera movement, use the [Tool property] palette or manipulate the border's handles.

① Dragging the handles will scale the frame up or down.

② Dragging from the upper control point rotates the frame.

(3) Dragging the border allows you to adjust the image position.

(4) In the [Tool Property] palette, numerical values can be added allowing for detailed adjustment. The remainder configures the opacity of the layer.



・ The bordered rectangle corresponds to the camera's viewfinder. When you export an animation, the bordered rectangle becomes the output range. For example, moving the bordered frame to the right will move the image to the left in the exported animation.

・ When the [Tool property] palette's [Display mode] is set to [Show camera's field of view], the 2D camera will enter rendering mode, and the border will not display. When you want to edit using the border, set [Display mode] to [Show field guides].

・ When a frame for animation is displayed in PRO/EX, just like with a basic frame, a transformation frame will display.


Note:The operation handle design has been changed from Ver. 1.9.1

The current course uses screenshots from Ver. 1.9.0 or earlier.




■8. Adding a keyframe


If you change the 2D Camera folder track settings, a keyframe will be added to the [Timeline] palette, and its settings will be registered.




■9. Add keyframe


To add movement to the background, add the next keyframe.

(1) Add movement to a selected frame.

(2) Click [Details] of a 2D camera folder track.

(3) Select the transform area of the 2D camera folder track.

(4) Click [Add keyframe].

(5) A keyframe will be added to the Transformation area.



・ If you Click the [▼] in the transformation area and select a specific item, you can add just that specific item to the keyframe. For example, if you click [Position], only [Position] will display the [♦] mark. For [Transform], only some of the items will be set and they will display the [◊] mark.

・ If you set a keyframe to only one specific item but then set a different item on the canvas, all of the items will then have keyframes added to them. For example, a keyframe with only the [Position] marked with [♦], if you rotate the transformation frame, [Rotate] will then also have a [♦] mark and a keyframe added to it.




■10. Add camera movement


Confirm that the keyframe made with procedure 9 is selected.

Camera movement is created by manipulating the transformation frame handles or from the [Tool property] palette.

Camera movement will be recorded to the selected frame.


Camera movement will be added along with new keyframes.



‐ For information on how to edit keyframes, please refer to the user guide below.

・ If you want 2D camera settings to be reflected when you play the animation, turn on [Render 2D camera] in [Animation] menu > [Settings of play].


[3] Add speech with audio tracks

Inserts an audio file and adds an audio layer (audio track).

Audio files that can be read are 8-bit or 16-bit uncompressed wav format, MP3 format, and Ogg format.




■ 1. Select a frame


Select the frame you wish the audio file to begin playing from the [Timeline] palette.




■ 2. Insert an audio file


Select [Import] > [Audio] from the [File] menu. Select an audio file from the displayed dialog box.




■ 3. An audio track is created


An audio track is created in the [Timeline] palette, and an audio clip is created on the frame.

For audio tracks, you can register volume and keyframe interpolation settings to keyframes.

This section describes how to add audio tracks to keyframes.




■4. Select the tool


You can select the [Operation] tool from the [Tool] palette.




■5. Select the sub tool


Open the [Sub tool] palette to select [Object].




■6. Select the frame


Select the frame you wish to set as a keyframe from the [Timeline] palette.




■7. Keyframe interpolation settings


Select an interpolation method from [Keyframe interpolation] on the [Timeline] palette.




■8. Adjust volume


[Volume (%)] settings are adjusted from the [Tool Property] palette.



If you want to set the time an audio file begins, adjust the [Start time] settings in the [Tool Property] palette. This is useful when you want to start playing part-way through an audio clip.


When changing the [Start time], make sure the whole audio clip is selected. The keyframe will not be added to the [Timeline] palette.




■9. Adding a keyframe


Along with the settings, the keyframe will be added to the [Timeline] palette.



Audio scrubbing can be used in Clip Studio Paint Ver.3.0 or later.

For details on [Audio scrubbing] and it’s settings, please see the article below.



New Official Articles