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

How to animate: Closing/opening a laptop?

New Here ,
Apr 16, 2019 Apr 16, 2019

Copy link to clipboard

Copied

Hi guys!

Hope you all are having a great day!

I'm new with AE (and in love with it) and I'm trying to figure out how animations like closing and/or opening a laptop, for example, are achieved (pictures below). I'm sorry if its a stupid question, again, new.

Thank you!

Skärmavbild 2019-04-16 kl. 16.56.36.pngSkärmavbild 2019-04-16 kl. 16.56.48.pngSkärmavbild 2019-04-16 kl. 16.56.55.png

Views

4.3K

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 , Apr 16, 2019 Apr 16, 2019

If you're referring to the actual shape of the laptop, the most straightforward way would be simply keyframing the paths (this looks like a shape layer to me, or something you'd make from a shape layer). Start by making keyframes for when it's all the way open, and all the way closed, then start filling in the middle (as needed) until the move looks right. Then add the lighter gray shape and do the same.

For the screen itself, I'd take the image or precomp that makes up the screen content, and us

...

Votes

Translate

Translate
Community Expert ,
Apr 16, 2019 Apr 16, 2019

Copy link to clipboard

Copied

If you're referring to the actual shape of the laptop, the most straightforward way would be simply keyframing the paths (this looks like a shape layer to me, or something you'd make from a shape layer). Start by making keyframes for when it's all the way open, and all the way closed, then start filling in the middle (as needed) until the move looks right. Then add the lighter gray shape and do the same.

For the screen itself, I'd take the image or precomp that makes up the screen content, and use either the Corner Pin or CC Power Pin effect to match the perspective. There are ways to rig this kind of stuff so it follows the points automatically (it involves more complex techniques and/or some coding-like stuff called expressions) or you can just hand-animate that part as well.

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 ,
Apr 16, 2019 Apr 16, 2019

Copy link to clipboard

Copied

Thank you both, I think I get it! Thanks!

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 ,
Sep 19, 2019 Sep 19, 2019

Copy link to clipboard

Copied

LATEST
Hey Can show me i also want to do same animation

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
Enthusiast ,
Apr 16, 2019 Apr 16, 2019

Copy link to clipboard

Copied

Are you planning to use stills like that or animate it from open to close?  I ask because I see there being a bit more to it than that.  Focusing purely on the top, you are going from a 2D image to what "appears" to be 3D as it closes.

So, as Kyle describes, you have to create that animation to look like 3D as it begins to come down.  My initial thought on just the front plane is build it and simply pivot that from the bottom to close.  That little lip on the top that becomes exposed as you close the lid is what has to be built to increasingly grown thicker/wider as it closes.

Eric

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