Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Liquid Layout, I just love the name. Liquid Layout is a series of different rules that you can apply to objects on the page that don't go into effect until you change the page's size. We been able to change the page's size since the beginning of time, by going to the File menu and choosing Document Setup. So here you could change the page's size. But more commonly, especially in more recent versions of InDesign, people use either the Page tool here on the left, which is Shift+P, a keyboard shortcut I will be using a lot in the rest of the videos in this chapter, and you can use this to change the page size or you can also--let me go back to the Selection tool--in the Pages panel--let's move you up a bit--you can use this dropdown menu to change the page size of the selected page right here.
So we have been able to change page sizes and mix page sizes for a while, but whenever you do so, just the page sizes change, right? The items on that page don't change. And then you need to move them over and make them align to the new margins and resize them and scale them and so on; it's a lot of work. You maybe familiar with a timesaving feature called Layout Adjustment that a lot of people have used, and Layout Adjustment is still here. It's no longer an item under the Layout menu. But if you go up to the Margins and Columns dialog box, you will see Enable Layout Adjustment here.
It's also available in the Liquid Layout panel, and there is a Liquid Layout panel, not always required, but let's go ahead and open it. It's under the Window menu, go down to Interactive. I don't know why it's in Interactive, because liquid layout rules can be applied to many print projects as well, not just interactive, but this is where it is. So choose it here. I know you are never going to find this on your own. If you go to Liquid Layout menu, this is where the actual dialog box is for layout adjustment. I don't know why they didn't put a button leading you to this dialog box in Margins and Columns, but this is where they stash it.
I actually think they forgot about it and they added it at the last minute. So Layout Adjustment is still here, but I believe the writing is on the wall, and this is going to be going away at some point, because Liquid Layout replaces Layout Adjustment. You can't use both, and there's really no reason to. It is the replacement for Layout Adjustment, but it is still here. If you're a big fan of Layout Adjustment, it works just like how it did before. I am going to click Cancel here for now. And let me stash this down here and close you. We will come back to you later.
So where does Liquid Layout--where do you start applying Liquid Layout? Whenever you need to change the page size. It is not available under the File menu, under here at Document Setup, so don't even bother coming here. It would be nice, but they don't have it here. Instead, it's usually in one of two places. One, when you're using the Page tool to change the page size. So if I select the Page tool, then you can see there is a Liquid Page Rule dropdown right up here in the Control panel. And two, when you create an alternate layout, which I have covered in the previous video, but if I come here and I right-click and I say Create Alternate Layout, there is the Liquid Page Rule dropdown menu as well.
I am going to click Cancel out of here. See what happens when you change the page size with Liquid Page Rule off. In other words, like how it always used to work whenever you change the page size. By the way, there is a handy-dandy new feature with the Page tool in CS6, and that is you don't have to actually click on the page or on the page's thumbnail in the Pages panel. As soon as you select the Page tool or press Shift+P, you get resize handles around the active page and the Control panel automatically switches to the Page tool Control panel. So I love that.
As you resize--I am just going to drag any one of these handles, so I am resizing the page-- you can see, that nothing is happening with the objects. They are staying where they are. And by the way, when you resize the page this way--this is completely new to be able to do this right on the page--it does not stick. So if I release it, it just jumps back to where it was, which is a good thing. If for some reason you are actually trying to resize pages by eye, you can hold down the Option or Alt key and then it will stay there. So let's say that I want to make it-- I am looking up at the Width and Height fields in the Control panel--I want to make it about 7x8.5. So I am holding down the Option key on my Mac and I release and now that's a new size and a bunch of junk is over here out in the pasteboard.
I am going to undo. Or instead of dragging the handles, we could just use a different page size from here, so let's make this into a business card. I am going to undo there. And of course it's going according to what this little proxy is, so if I say center and let's make this into a business card, there is the business card. It's right there, in the middle. That's what I wanted. Let's undo. Now, this time instead of Liquid Page Rule being off, let's change it to Scale. So I am going to go over each one of these in upcoming videos, but I just want to give you an idea of what the liquid page rule does.
Now as I resize the page, it automatically scales all the contents, which is pretty neat. The text and the objects and any pictures and any placed movies, it would scale them. There are a couple other interesting ones. Re-center is very straightforward. Basically, it just keeps everything centered on the page. So if you go smaller, it doesn't make much sense, but if you go larger, you can see it's just re-centering everything. So the objects are moving, but they are not resizing, and they are not scaling. They are just changing position, but they are staying exactly the same distance apart from each other that they were in the beginning.
Let's fit that in the window, maybe zoom out a little bit. We have a couple other interesting ones, a little bit more complicated call Object-based and Guide-based. But essentially like with Object-based, I could click on an object and say, I want you to stay the same distance from the top and the same distance from the right when I resize the page. And you too. You stay the same distance from the bottom, the same distance from the right. Now I am going to resize the page, and those guys stay the same distance.
Everything else, they float around kind of loosey-goosey, even though I did not apply any object-based settings to them, and that's by design. And with Guide-based, you actually drag out a new thing called a liquid guide that determines which objects will be resized. Anything that hits that object will be resized in that dimension. So when I drag a vertical guide, these items will be resized horizontally. Do you see how the frames are changing horizontally? But if I drag up, they don't change vertically.
So it's a little backwards, but that's how InDesign likes to do things, or maybe it's just my brain that's backwards. But we are going to look at all those in detail. I just want to make sure that you understand that the general point of liquid page rules or liquid layout rules is that you can create one base layout and then from that, spawn alternate layouts or different-sized layouts for different kinds of output, for websites, for tablets, for Nooks, and so on.
And with the help of liquid page rules, as you're working to create different variations of the same layout, InDesign is helping you to do some of that heavy lifting of moving, sizing, and scaling the objects on the page to better fit the new layout.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 47238 Viewers
117 Video lessons · 34169 Viewers
113 Video lessons · 80233 Viewers
116 Video lessons · 70164 Viewers