5.Editing the Timeline

109,818

ClipStudioOfficial

ClipStudioOfficial

Change the playback time or the timing at which to display cels using the [Timeline] palette.

 

Change the Playback Time

The playback speed is currently too fast. Change it by making the playback time longer.

Move the mouse cursor to the [End frame] on the [Timeline] palette and drag it to the right. In this case, we are dragging it to the 8th frame.

 

The playback time is now longer.

 

[Memo]

In DEBUT and PRO, you can extend the playback time to a maximum of 24 frames.

 

Click [Play/Stop] on the [Timeline] palette to play your moving illustration. You'll notice that the playback time is longer but no cels or paper layers are displayed during the last part of the clip. Edit how the cels and paper layers are displayed (see the next section, "Edit the Cel Display".)

 

Edit the Cel Display

Extending the playback time does not change the cel display. Change the cel display on the [Timeline] palette.

 

<Change the Clip Display Time>

The clip is the editing range indicating the area in which cels and layers are displayed. If frames in the clip are not displayed during part of the playback time, no cels or paper layers are displayed during that time.

 

In this case/example, you will change the clip length so that the cels and paper layer are displayed throughout the whole of the playback time.

 

1 Move the mouse cursor to the right end of the clip in the animation folder and drag it to the end frame of the playback time.

The shape of the mouse cursor changes to a left and right arrow when you move it to a position where you can change the display time of the clip.

 

2 Move the mouse cursor to the right end of the paper layer clip and drag it to the end frame of the playback time.

 

[Memo]

Dragging the clip to the left shortens the display time. If cels are specified in frames that are not included in the shorter clip, the cel specifications are deleted.

 

<Deleting Cel Specifications>

Now cels and paper layers are displayed up to the end, but playback is still too fast. Re-specify cels so that the movement matches the playback time on the [Timeline] palette. You will need to delete the cel specifications before re-specifying the cels.

 

1 Click cel "2" on the [Timeline] palette.

 

2 Click [Delete specified cels] on the [Timeline] palette.

 

The cel specification for cel "2" is deleted.

 

3 Delete cels "3" and "4" in the same way.

All cel specifications other than cel "1" are deleted from the [Timeline] palette.

 

<Specify the Cels>

Re-specify the cels for different frames.

 

1 Right click the third frame on the [Timeline] palette. If you are using a tablet, press and hold the third frame with your finger.

 

[Memo]

If it is difficult to hold down the frame on the tablet's [Timeline], pinch out on it to enlarge the [Timeline] palette. Pinching in on the [Timeline] palette restores it to its original size.

 

2 Select "2" from the popup menu.

 

Cel "2" is specified and displayed in the third frame on the [Timeline] palette. Cel "2" now appears when playing the third frame on the [Timeline] palette.

 

3 Right click the fifth frame on the [Timeline] palette. If you are using a tablet, press and hold the fifth frame with your finger. Select “3” from the popup menu.

 

4 Right click the seventh frame on the [Timeline] palette. If you are using a tablet, press and hold the seventh frame with your finger. Select “4” from the popup menu.

 

All cels are now specified.

 

<Check the Motion>

Click [Play/Stop] on the [Timeline] palette to play your moving illustration. Modify the playback time and/or cel specifications if there are any issues.

 

Your moving illustration is now complete.

 

Adding camera work

Using a 2D camera folder, you can add camerawork to your animations.

Camerawork effects such as scaling and moving backgrounds according to character movement (parallax scrolling) can be added without editing the images themselves.

 

1. Select the [Animation] menu > [New animation layer] > [2D camera folder], and create a 2D camera folder.

 

2. In the [Layer] palette, move the animation folders and layers you want to add camerawork to into the 2D camera folder.

 

3. From the [Timeline] palette, select the frame you want to add camerawork to.

 

4. Using the [Object] tool to edit the rectangle on the canvas will add keyframes and register the current settings.

In the 2D camera folder, the following settings can be changed.

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

② Dragging from the upper control point rotates the frame.

③ Dragging the frame will change the image’s position.

④ In the [Tool Property] palette, changing the value allows detailed edits. [Layer opacity] can be set as well.

 

Changes between keyframes will be interpolated and become camerawork.

Between key frames, the 2D camera trajectory of each corner will be visible.

 

Please read the following article to learn more about 2D camera operation.

 

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.

Comment

New

New Official Articles