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

Creating Animation From Still Photos

New Here ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

Hello Community,

I am looking to start my first project and could use your help!

Below are pictures of a closed case and an open case. I would like to make an animation of the case opening and closing but don't know where to begin. I would appreciate your input!

Thanks,

Closed Case.pngOpen Case.png

Views

430

Translate

Translate

Report

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 , May 21, 2018 May 21, 2018

Take the first image and place into photoshop and cut off the top part.

Then save the top part as a png.

Then take the open case image and the top part of the closed image you just cut off into Adobe animate.

Place the top part of the closed image on a layer on the timeline.

Add a second layer and place the open case on that layer underneath the top part of the closed image.

Line them up just right.

Add frames to each side.

and...... BAM! Presto! Open and close animation.

Screen Shot 2018-05-21 at 5.54.23 PM.png

Screen Shot 2018-05-21 at 5.54.29 PM.png

case_open+close.gif

Votes

Translate

Translate
LEGEND ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

The case top is translating in 3D space when it opens. You can't animate something like that with tweens.

Best of luck on your second project.

Votes

Translate

Translate

Report

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
New Here ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

Not going to give up that easily!

Votes

Translate

Translate

Report

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 ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

Take the first image and place into photoshop and cut off the top part.

Then save the top part as a png.

Then take the open case image and the top part of the closed image you just cut off into Adobe animate.

Place the top part of the closed image on a layer on the timeline.

Add a second layer and place the open case on that layer underneath the top part of the closed image.

Line them up just right.

Add frames to each side.

and...... BAM! Presto! Open and close animation.

Screen Shot 2018-05-21 at 5.54.23 PM.png

Screen Shot 2018-05-21 at 5.54.29 PM.png

case_open+close.gif

Votes

Translate

Translate

Report

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
LEGEND ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

nickg28  wrote

and...... BAM! Presto! Open and close animation.

You're kind of stretching the term "animation" to the breaking point here.

Votes

Translate

Translate

Report

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
New Here ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

True, maybe I should consider using a different adobe application then at that point!

Votes

Translate

Translate

Report

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
New Here ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

Thanks!! That will definitely work! I also have the case itself and was wondering if there was a way to video the case opening and closing and cleaning it up/cropping out my hands? Still not sure what would look the best and most clean!

Votes

Translate

Translate

Report

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 ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

Just to add to nickg28​ great step-by-step instructions, I was going to also suggest what you just mentioned. Take photos of the top lid in a couple of angles as it is being opened. The more images of different angles the smoother it will be. But if each movement isn't the same incremental distance, it won't look very smooth.

You could simply try to add a fade between what you already have. It's not true animation but it's a good "cheat" that will provide you the effect you want. otherwise, you may consider building this object entirely in 3D and animating it there.


Animator and content creator for Animate CC

Votes

Translate

Translate

Report

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
New Here ,
May 21, 2018 May 21, 2018

Copy link to clipboard

Copied

LATEST

I agree, I believe adding images in between of the case would help smooth it out. I realized that I may be better off using after affects since this may not necessarily be considered "animation". Thank you for all your input.

Votes

Translate

Translate

Report

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