Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Creating scrollable frames for content in the DPS project is a great way to fit more content into an area than you normally could. It's also a great way to keep pieces of content together. For example, if you had a long column of text and a particular image that you want to be always visible while the reader scrolled through the text, you could make the image static and the text frame scrollable. Let's see how. Now there are different methods for making scrollable content in a DPS folio and one that works with images is the Pan & Zoom overlay. It may not seem like a scrollable frame since sometimes you can zoom in different directions both vertically and horizontally, but by the way you crop the image you can constrain that and make it into a scrollable frame.
So here I have a placed photo and if I double-click on it, I can see the content and I can see that there's no more photo above or below the cropped area, but there's plenty on the left and the right-hand side. Also if I go to the Links panel I can see that this is currently at 72 pixels per inch, so there won't be any zooming on this photo, we'll just be able to scroll. I'll double-click to select the frame again, go to the Folio Overlays panel and I can see the Pan & Zoom is turned On. Let's preview and in the Content Viewer I can click and I can't drag up and down since there is no more photo there, but I can drag left and right and scroll the photo.
All right, let's go back to InDesign and we'll go to the second page of the document and here I want to make a scrollable frame that contains the eight reasons it's great to study at Roux Academy. First I need to create a frame, so I'll take my Rectangle Frame tool, click in the document, and I'm going to create a rectangle that's 470 pixels wide and 380 pixels tall, switch to my Selection tool and I'll just position it, where I want the scrollable frame to go, right about there, and up in the Control panel, I'll fill it with Paper.
Now this is going to be the visible area for my list of eight reasons. I'll switch over to another document, and here I've set up the content that I want to scroll, so for each reason I have two text frames and an image, and you can see that it's a very long and narrow document. Let zoom in a little bit more, so there are two text frames and an image for each one of the eight reasons. If I zoom out, down at the bottom I've also placed a video.
You can place any other overly content into a scrollable frame except for a slideshow, because we're going to use the Paste Into command to put the content of this document into the container frame, we have to setup separate frames as anchor frames or just group everything together, so it acts as one unit. In this case, I grouped everything together. I'll copy it, go back to my other document, select the frame and choose Edit > Paste Into. Now I'll use the control in the control panel to select the content and I'm going to adjust the offset.
I want this content to sit 30 pixels over and 30 pixels down from the top left corner of the frame. Now I'll select the container frame go to my Folio Overlays panel, select Scrollable Frame and I can pick a Scroll Direction. In this case, I know I want Vertical, so I'll pick that. I can choose whether to Show/Hide Scroll Indicators, so I'll leave Hide unchecked. So I will see a scroll indicator on the right-hand side here. I can also set the initial position for the content, either at the upper-left corner or I can use where it is in the document.
So if I'd left this centered in that frame, I could use that position or I could force everything to the top left. Right now I'm going to say Use Document Position, because I carefully selected this to be 30 pixels over and 30 pixels down, and just for fun, let's add a little special effect. So with the frame selected, I'll go to the FX icon in the Control panel, I'll choose Inner Shadow, I'll turn on Preview, so I can see it, and it gives me a little feeling of depth in here. It's a little too dark though, so let's reduce the opacity down to say 25%.
Okay, let's preview, and I can click on my scrollable frame and see the 8 reasons it's great to study at the Roux Academy. Down at the bottom is my video and I can tap to play it. (video playing) So the key to making scrollable frames is the Paste Into command, which lets you paste text, images, and other interactive content, or a combination of all of those things into a container frame.
In order to use Paste Into, you have to anchor multiple frames or group them like I did here, before pasting them into the container, and then you choose the scrolling direction. And remember to use the offsets to arrange the content as you want it to be seen.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.