One of the very cool things about iBooks displayed on an iPad is that when the documents are in the Landscape perspective, and you swipe from one page to another, for a moment you get to see both pages. And a really nice effect to apply to your books is to span an image across two pages of your book, and that's what we're going to do in this movie. The image we're going to span is up here in our Media window, and it's called big_sur. I'm going to go ahead and drag that image and drop it here onto Page 27 of our layout and then close our Media Browser.
Now, when you're doing this technique, it's oftentimes very helpful to zoom out to about 50%. That way you can clearly see the two pages of your document side by side. Next, we'll go ahead and take our image, and we'll move it up so that the top left of the image is parked right up to the top edge of the right-hand column of the first page, and we'll grab the handle in the lower right-hand corner of the image and start stretching the image until our mouse goes beyond the next column.
And the image should now be large enough to be able to fill both pages. You want to make sure that the image goes all the way down to the very bottom of the page. You'll see the blue indicator lines letting you know that you've reached that point. When you have, go ahead and release the mouse, and now your image is spanning from the top of the page, all the way to the bottom, and from this column, all the way past the edge of this column. The next thing we need to do is to make a duplicate copy of this image that's exactly at this size. Now, you could of course use copy and paste to do this, but a faster way is to simply hold down the Option key on your keyboard and click and drag the image over to the next page.
As soon as you do, an identical copy of the image will be moved over to the right-hand page. Deselect both images by clicking away, then click one time on the new image on the right-hand side, make sure that it's a Floating image and then click and drag that image back over towards the left-hand side. If you move up or down with the image, don't worry about it, because you'll see the blue lines that will indicate when your image is snapped to the correct orientation. When your mouse gets close to the middle of the page, let go of your mouse, then come back over to the back edge of the image and continue dragging over.
You can visually see when the images look like they're getting pretty close, and then iBooks Author is going to help you out by giving you some snap lines when the image is snapped in the correct location. Go ahead and release the mouse when you see this. And now we have a seamless image that goes back and forth that spans both of our pages. We can go ahead next and apply a crop to this image by deselecting and clicking once on the right-hand image. We'll then go up and use the Mask tool and adjust our mask so that it completely fills this side of our page.
You want to make sure that the right-hand side of the crop lines up with the inner edge of the left column of text. Then when you release your mouse, you can see that the image is properly aligned in place. Let's go ahead and zoom our page back in to 100% so we can have a close up look and make sure that we've got our alignment exactly right. It looks like our alignment is just a little bit off right here, we can see where the edges are not quite right. So I'll zoom back out, I'll deselect, then click one time on my image to select it, click the Edit Mask tool, and then click on my image again and drag it until I get the image perfectly aligned.
At that point I can release the mouse and do another check. I'll zoom back into my image at 100%, drag over to look and see, and now it looks like my image has seamlessly been mapped between the two sides. You may want to double check that your left-hand side of the image is also aligning in the correct location. If you need to, you can apply a mask to that page as well. Let's go ahead and zoom out to about 50% so we can see the entire effect. Now, when we slide our mouse from one page to the next, we'll see that the image seamlessly goes from one page to another.
It looks like we've got some overset text here, and it will be good to be able to deal with that. So we'll simply go ahead and add a new page at the end, and this time we'll add a 2 Column Layout that adds one more page, and we have just a little bit of overset text. So let's go ahead and deal with that by simply adding one large image to it. I'll go ahead and open my Media Browser, and I've got an image called seagull2. I'll go ahead and click on that image and drag it into place. Close my Media window, and now I'm going to get this seagull image to completely fill this space.
So I'm going to go ahead and drag it up in place, grab the lower right-hand corner, filling the entire span of the page. I'll go ahead and add a crop, click on the edge of the crop, and then drag my crop so that it fills the space, and drag the top edge up until my text is aligning equally on both sides. I'll deselect, and now I have one final image that fills up that space nicely. There are a lot of things that you can do with images in iBooks Author in order to improve the look of your documents.
It just takes a little bit of creativity and some time playing around with the images to get them to all work together.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 47433 Viewers
117 Video lessons · 34415 Viewers
113 Video lessons · 80289 Viewers
116 Video lessons · 70209 Viewers