Click on any phrase to play the video from that point.
[CS6]
Hello. My name is Terry White, worldwide design evangelist for Adobe systems.
It is my pleasure to walk you through two of the most exciting new features in Design CS6.
These features are basically revolving around the concept that no longer are we trapped
or limited to a world where everything is the same size.
If you think about a print layout, you have your traditional sizes that you also work in,
but now even in print it's becoming more and more important to be flexible
so that when your client changes their mind, and they want a different layout
or different orientation, you can quickly and easily adapt.
Of course, for digital publishing we're working with different screen sizes
and different resolutions, and we need to adapt to that as well.
If you think about how this relates to the web, for example, with HTML and HTML5,
a user could easily just change their browser window.
They expect your webpage or content to change accordingly.
Now the same thing applies when working with InDesign documents,
whether it be for print or digital output for tablets. Let's take a look.
Liquid Layout is a new feature in InDesign CS6 that is HTML5 based
that allows us to quickly and easily change the way our content will adjust
based on the new size of the page or screen size.
Now, there are different rules for setting this up.
When I go to liquid layout--there's a new panel for it--
depending on how I chose to work, I can use one of multiple rules.
For example, I have this object selected,
and the rule that's set for this object is object-based.
Let's go through them one-by-one.
First of all, "Off" means the object will not change no matter what happens to the page.
Scale is probably the easiest one to understand.
The center content to scale--that means that the content will scale based on the page size.
It will all scale as one grouped object or scale uniformly.
Although this is the easiest one, it's probably not the best one for most cases.
Recenter, similar to scale, will just basically recenter the content on the page,
but it won't scale it.
It'll just basically put everything back in the center of the new page size or orientation.
Again, it works, but not probably the best solution for most layouts.
Now we get to object-based and guide-based,
and these are probably the ones you're going to use the most.
With object-based you're setting some constraints on how it will resize.
Will it resize the height? Will it resize the width? Will it resize it with the page?
And whether or not you pin it so that how it moves around on the page
it's pinned to the top and right in this case so it will not move from the top or right side of the page.
If the page gets wider, that content will move wider with it to the right.
If the page gets taller, the content will stay pinned to where it is at the top.
You control this on an object-by-object basis based on how you want your content to change
when that page, orientation, or size changes.
Of course the last one is guide-based.
When you do a guide-based workflow, you're basically pulling out ruler guides
and determining how you want these objects to grow based on where you put the guides.
The guide-based workflow works as well,
but I think most people will prefer an object-based workflow.
Again, you have plenty of flexibility to choose whichever one you want.
Now, how can you test this?
In other words, without physically changing my page size or orientation,
how will I know whether or not these rules are working the way I would like them to work.
We'll, we've done something new with the page tool.
You grab your page tool--you can now just grab the corners of your pages
or any one of the handles, and you can change temporarily the page
in the orientation that you want to see your content basically become liquid
based on your rules.
You can see, hey, if I made this page wider what would happen to my content?
How would my content be affected? How would it change?
If I made the page shorter, how short can I go before I start cutting things off?
You get to basically choose and test on a page-by-page basis how you want this content to work.
As soon as I let go, it snaps back to the actual page size.
That's Liquid Layout. What's alternate layout?
Alternate layout is taking what we've done in liquid layout and actually putting it to work
with an alternate layout inside your document.
Let's go over to our Pages panel, which is the best way to view or work with alternate layouts.
As you know, in a digital publishing workflow you're typically creating at least two layouts
based on your screen resolution or screen orientation.
In this case, we have an iPad-sized vertical layout.
Of course, I'm going to want the user to be able to turn their tablet at any time,
and therefore I want the horizontal view as well.
In the past, this would mean creating a new document just to get this effect.
Now, I can do this with liquid layout and alternate layouts in the same document.
Right here from the Pages panel on this one layout,
I can just simply say "Create alternate layout."
When I say "Create alternate layout" it automatically detected
that you've got a vertical layout.
I'm assuming you want a horizontal version of that.
But if I didn't, I can choose whatever I want--page sizes, orientations--and it would do it for me.
I'll just click "okay" and it will create that alternate layout for me. Very cool.
I can double click to go to one of those pages and test it and see it
or double click to go back to the vertical page as well.
But you're not limited to just two layouts in the same document or one additional alternate.
You can have as many alternates as you want.
For example, now that I've got this horizontal view,
what if I'm working with a different screen resolution or a different screen aspect ratio.
Let's create another alternate layout, and this time we'll work with,
for example, the zoom, and we'll work with the vertical one.
Now the zoom, or let's make this actually the galaxy tab.
That's the other tablet that I work with the most.
We have a galaxy tab layout, which is more 16 x 9.
When we click "OK" it will build that alternate layout in the galaxy tab in a 16 x 9 orientation
versus the original 4 x 3.
Of course, we wouldn't stop there.
We would create one more alternate layout in this case for the same thing,
but we would make it the wide one--galaxy tab, horizontal.
We'll click "OK," and that will create the horizontal view for the galaxy tab as well.
We have the ability to quickly and easily make these alternate layouts
and keep them within the same document.
One more user tip.
Just in case you were wondering if you have to look at the pages panel
every time I want to look at the other layout.
The other layouts are in the same document.
If you school down, you'll actually see them.
We'll start to see the horizontal one,
but I like to see them side-by-side like the pages panel does.
So I have the ability now and in InDesign CS6 to give me a split layout view.
With the split layout view I can look at one layout on one side and toggle to the other side,
and we'll go ahead and fit that. Let's go all the way up here or all the way down, I should say.
There we are. We can see any adjustments that need to be made.
For example, the type got a little cut off on that one.
We can make the adjustment right there as well as the one for the logo.
We're actually working on two different views of the same document--
two different layouts and alternate layouts--in the same InDesign document,
but with a side-by-side view like we would want to see it.
As you can see, these are great enhancements--liquid layout and alternate layouts
in InDesign CS6--that will improve both your print and digital workflows.
Thanks again for watching. My name is Terry White.
[Adobe®] [www.adobe.tv]
