Help with copying a Google animation

Forum|Forum|7 years ago
December 6, 2018
2 replies
409 views

Hi,

I've been trying to recreate the animation from 0:02-0:04 in this Google commercial: Google Search: Flight Info (Austin) - YouTube

I've been having difficulty keyframing the orientation of a rectangular image to move like the flight info does in the commercial. I assumed I'd have to individually rotate each image, then use a null object to have them all smoothly move down in position. Is that the right way about going about this?

How would you recreate this effect?

This topic has been closed for replies.

Correct answer OussK

to do this 3d rotation effect you must first change the anchor point of you element than rotate on X axis

check this small tutorial

OussK

Correct answer

Community Expert

to do this 3d rotation effect you must first change the anchor point of you element than rotate on X axis

check this small tutorial

Roland Kahlenberg

Legend

Yup. Individual movements + a Parent Object/Layer to move them as a group. You'll have to love-love-love the keyframes to obtain the nice slick movements.

Very Advanced After Effects Training | Adaptive & Responsive Toolkits | Intelligent Design Assets (IDAs) | MoGraph Design System DEV

MrskitlesAuthor

Participant

Okay glad I'm on the right track.

My problem is getting the rotation part of it. Can you offer any advice on how to orient it?

Roland Kahlenberg

Legend

Those are 3D rotations. So ... ensure your layers are 3D Layers - then keyframe y-rotation.

Very Advanced After Effects Training | Adaptive & Responsive Toolkits | Intelligent Design Assets (IDAs) | MoGraph Design System DEV

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded