Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
We're working on our new page that we've created in our chapter 8 Backpack California, and we're going to add some visual interest by adding a couple of images. We're first going to add an image of a tree that's going to span from this column across to this column, in between the two pages. To help us with this, let's go ahead and click the Zoom tool at the bottom of our screen and change our page down to 50%. That way we can clearly see both pages at the same time. Next, we'll open up the Media Browser and in the Photos tab, scroll down until we can find the Redwood image.
Go ahead and click and drag that onto the first page and close our Media Browser. Next, we'll take the image and we'll drag it so that the upper left edge of the image is overlapping over top of the first column. Then we'll take and grab the lower right-hand edge of the image and we'll drag it until the blue bar at the top shows that our image is larger than the entire first column on the second page. We'll next go ahead, and with that image selected, press Command+C on your keyboard to copy the image and then Command+V to paste another copy of the image.
Then take and click and drag to the right with the image and you can see that we have two copies of the image side by side. We want one on one page and one on the other page. Next, on the image on the right-hand page, click and drag the image a little bit to the right until you can get the images to overlap, and you'll get a blue crosshairs when the two images snap together. You'll also get a blue bar at the bottom indicating that the images are aligned perfectly. Next, we just need to mask out the edges of both of these images so that the text will properly flow over each column.
You can get to the Masking tool from the Formatting tool palette. It's this icon right here with the two boxes. Go ahead and click the tool, and then make sure you click on the smaller highlighted box in the middle so that you select the area of the image that's going to be masked. Then drag that out until you're able to completely fill the top, bottom--and drag it over to the left-hand side so that the first image is completely masked properly.
We'll deselect, click on the left-hand image, use the Mask tool again, and this time repeat the process, making sure that the image appears all the way to the top, all the way to the bottom, and then fills all the way over the middle of the gap of the two pages. When you deselect and the user is able to swipe their finger to go from one page to the next, this image will span both of the pages and will show up partially on each of the pages.
Next, let's go ahead and make one more modification. Scrub your slider to the right-hand side, click on the last page where your text is located, and let's change the layout of this one from a 2 Column layout down to a 1 Column layout. To do this, go over to your sidebar where that page is selected, click the dropdown menu next to it, and scroll down in the list until you find the 1 Column layout. Now we can see that we can apply different page layouts to each individual page within our document.
Let's go ahead and add one more image down here to fill up this space here. So go ahead and bring up your Media Browser and you should find an image called hiking path. Go ahead and click and drag the hiking path image back onto your page and close the Media Browser. Once again, let's go ahead and drag the image. Stretch the image so that it fills the space at the bottom of our page. Drag the image up, and let's go ahead and mask the edges of the image.
Again, we'll use the Masking tool. We'll drag the bar this time to the bottom of the row of text. We'll make sure that the top of the image is going to be cropped just underneath of where our text is going to flow and fill up the page that we're on. And drag the left-hand slider over until we get the blue bar indicating that we're at the edge of the page. And same thing to the right. Now when we deselect, you may have ended up with an extra page that's shown up over here on the right-hand side.
If so, just simply click over there, hit the Delete key once or twice to get rid of any extra characters that you may have copied, and the page should snap in properly. Now when we look at our document, we'll start off with the title page for this chapter, and then as the user begins to read, they'll be able to swipe across the pages. They'll have a nice image that spans two pages and then another image that's on a page that has a different layout.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58338 Viewers
119 Video lessons · 67595 Viewers
84 Video lessons · 16878 Viewers
125 Video lessons · 29776 Viewers
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.