Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Change Order of Keyframes in Timeline without Overwriting

Community Beginner ,
Feb 07, 2023 Feb 07, 2023

For some background, I am an absolute beginner with Animate's interface, but I use After Effects on the regular. My goal is exploring workflows surrounding importing/exporting game sprites while familiarizing myself with Animate's interface. For this little test, I'm importing individual animation frames of a character (they're .PNGs) in Animate, adjusting their timing, and exporting a .SWF Library for use in After Effects.

 

My question is, is there a way to drag or rearrange the order of keyframes on the timeline without those frames overwriting other keyframes? I apologize, I'm not sure of the correct terms are for wording the question, so I've included my thought process:

 

  • I've imported the frames onto a layer and "Distributed them to Keyframes." Each keyframe is an indivdual .PNG file.

Screenshot 2023-02-07 at 11.23.49 AM.pngexpand image

 

  • With this particular animation, I want to drag these three keyframes (see the highlighted selection in the timeline within the screenshot) between keyframes one and two. Anything past keyframe one should shift up the timeline.

Screenshot 2023-02-07 at 11.24.07 AM.pngexpand image

 

  • However, the operation overwrites keyframes two through four. This is not the desired outcome.

Screenshot 2023-02-07 at 11.41.44 AM.pngexpand image

 

I simply wish to change the order of the keyframes on the timeline. So, in theory, if I were to drag a keyframe further down timeline, some of the keyframes would shift further up. Is there a function within Animate that's in the ballpark of this line of thought? Thanks again for the help, I'm sure there's an easy shortcut or something--I just don't know the verbiage.

 

Thanks,

 

Joshua

 

(The sprites in question are Amingo from "Marvel vs. Capcom 2" for those curious.)

TOPICS
How to , Other , Timeline
963
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 08, 2023 Feb 08, 2023

Hi.

 

The timeline in Animate doesn't shift automatically.

 

In your case:
- You would have to click on the second frame;
- Shift click until the last frame;
- Drag the selection three frames to the right;

- And then move the three frames you want to the desired location (second frame).

 

adobe_animate_move_frames.gifexpand image

(Sorry for the GIF slowness)

Regards,
JC

Translate
Community Expert ,
Feb 07, 2023 Feb 07, 2023

(right click the insert frame and click insert frame) x 3, then move your 3 frames (and replace those 3 new frames).

 

if you're going to do a lot of that you'll probably want to created shortcuts (edit>keyboard shortcuts>timeline)

 

or drag all frame, to the right of the insert point, 3 frames to create those 3 new frames.  then drag the 3 you want to move

 

you can drag select the empty frames > right click > click remove frames

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 08, 2023 Feb 08, 2023

I see, thank you!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 08, 2023 Feb 08, 2023

you're welcome.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 08, 2023 Feb 08, 2023

Hi.

 

The timeline in Animate doesn't shift automatically.

 

In your case:
- You would have to click on the second frame;
- Shift click until the last frame;
- Drag the selection three frames to the right;

- And then move the three frames you want to the desired location (second frame).

 

adobe_animate_move_frames.gifexpand image

(Sorry for the GIF slowness)

Regards,
JC

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 08, 2023 Feb 08, 2023

Okay, that make sense. Thanks for the help!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 08, 2023 Feb 08, 2023
LATEST

You're welcome!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines