PICK YOUR AI THEME TO GET STARTED
DAY 03 | EPISODE 02 | QUICK CLIP 22
EFFECTS SHIFT UP
Paul Davenport | 03:21
Shift Frames Up, Down, Left or Right by either a percentage of the parent Frame, or by an exact pixel width. Learn more on Shift Effect on later Episodes in Day 3. To get your started, here we look at balancing a Shift Up on the right column with a Margin on the Parent Frame to nicely house the Shift and create a beautiful look on all devices.
"What I'm going to do now is show you an effect. In this case, I'm going to shift this one up more. Let me just do this. I'm going to go to our effect and see I've got this shift up, and what I can do is actually move this by a percentage or by an actual pixel. Right? So, what's the difference? Well, if you're shifting up by a percentage, that is an okay strategy, but I don't like that personally because when our content team adds more text, it shifts up as a percentage of that height. If that's a hundred percent, it's going to shift it 25% up. I don't like that. I want to work in exact pixels. This is why when we use the vertical shift up and down, it's much better off to use actual pixel wicks.
I'm going to select 100 pixels. And now, this is applied, this is shifted up, but why can't I see it? Well, this is because I'm in design mode, which shows me all of the frames. It knows if this shifts it up, I might not be able to edit. So, I go to business mode, and now I can see this particular frame. It's really challenging, the space on here. We've shifted that up, that's pretty cool. But now, I'm going to give you a real tip on front-end development. If we've used shift to shift up 100 pixels, why don't you go to the column here, the parent and why don't we also add a hundred pixels in here."
