Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I'm creating a UI animation for a phone. I've got it so the menu transitions slowly moves in from the side. However as you can see the menu can be seen coming in from outside of the screen like the image below.
How can I make it so the layer can only be seen within the green rectangle, so I can keep the same transition, but you can only see it occur within the phones screen?
You can make a new comp Cmd+N with the screen dimensions, and in the project panel, drag that new comp into your main comp. Then you can make the UI animations within that new comp and they will be updated to your main comp. The new comp size will work sort of like mask in this case.
If you've already created/animated the layers in your main comp, you can select them and choose Layer > Pre-compose… from the top menu, and the layers you selected will be put into their own comp. Then you can edit the settings of that comp to match the screen size.
