New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Spanning an image across two pages

From: iBooks Author Essential Training

Video: Spanning an image across two pages

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.

Spanning an image across two pages

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.

Show transcript

This video is part of

Image for iBooks Author Essential Training
iBooks Author Essential Training

89 video lessons · 19898 viewers

Chris Mattia
Author

 
Expand all | Collapse all
  1. 4m 48s
    1. Welcome
      48s
    2. Using the exercise files
      4m 0s
  2. 53m 58s
    1. Installing iBooks Author
      1m 47s
    2. Installing iBooks on an iPad
      1m 9s
    3. Creating a new document
      3m 25s
    4. Understanding the interface
      4m 48s
    5. Creating a book cover
      9m 26s
    6. Adding an intro video
      1m 48s
    7. Creating chapters
      8m 2s
    8. Creating sections
      3m 52s
    9. Creating pages
      2m 15s
    10. Adding visual interest
      4m 54s
    11. Customizing the table of contents
      5m 44s
    12. Creating a glossary
      2m 57s
    13. Previewing your work on an iPad
      3m 51s
  3. 27m 22s
    1. Understanding templates
      3m 18s
    2. Creating a blank layout
      3m 42s
    3. Modifying existing layouts
      5m 13s
    4. Creating a custom layout
      3m 57s
    5. Defining placeholder media
      1m 1s
    6. Defining placeholder text
      50s
    7. Adding auto-updating text
      1m 18s
    8. Creating a photo collage layout
      3m 25s
    9. Sharing a custom template
      1m 55s
    10. Creating a portrait-only book
      2m 43s
  4. 19m 25s
    1. Dragging and dropping plain text
      3m 16s
    2. Inserting text from Pages
      6m 51s
    3. Inserting text from Microsoft Word
      7m 11s
    4. Creating linked text boxes
      2m 7s
  5. 52m 13s
    1. Understanding how to format text
      2m 5s
    2. Formatting text
      8m 6s
    3. Creating lists
      5m 29s
    4. Creating custom styles
      9m 34s
    5. Controlling tabs
      5m 54s
    6. More on text control
      12m 37s
    7. Embedding equations with LaTeX
      3m 53s
    8. Embedding equations with MathType
      4m 35s
  6. 29m 14s
    1. Understanding objects
      7m 33s
    2. Adding objects
      2m 26s
    3. Manipulating objects on a page
      3m 24s
    4. Layering objects together
      1m 36s
    5. Changing an object's appearance
      7m 15s
    6. Adding titles, labels, captions, and descriptions
      5m 25s
    7. Adding accessibility text to objects
      1m 35s
  7. 21m 45s
    1. Adding images
      5m 33s
    2. Removing parts of photos with Instant Alpha
      3m 54s
    3. Cropping and masking images
      4m 0s
    4. Controlling image settings
      3m 0s
    5. Spanning an image across two pages
      5m 18s
  8. 16m 12s
    1. Understanding shapes
      2m 29s
    2. Adding shapes
      2m 29s
    3. Editing shapes
      3m 24s
    4. Drawing shapes
      3m 31s
    5. Creating a custom shape mask
      4m 19s
  9. 25m 57s
    1. Understanding tables
      2m 22s
    2. Creating tables
      2m 9s
    3. Adding and importing data into tables
      3m 3s
    4. Formatting table cells and data
      8m 37s
    5. Performing calculations
      3m 57s
    6. Using conditional formatting
      2m 52s
    7. Sorting table data
      1m 15s
    8. Adding a custom table description
      1m 42s
  10. 22m 33s
    1. Understanding charts
      2m 30s
    2. Adding charts
      3m 59s
    3. Editing chart data
      3m 51s
    4. Formatting charts
      5m 24s
    5. Changing the chart type
      5m 48s
    6. Adding chart descriptions
      1m 1s
  11. 45m 53s
    1. Understanding widgets
      4m 18s
    2. Creating an image gallery
      5m 18s
    3. Adding a movie
      4m 4s
    4. Adding a Keynote presentation
      5m 32s
    5. Adding a 3D object
      4m 24s
    6. Adding an interactive image
      7m 54s
    7. Adding custom HTML
      7m 57s
    8. Creating a scrolling sidebar
      3m 45s
    9. Creating a popover effect
      2m 41s
  12. 17m 4s
    1. Understanding review questions
      2m 26s
    2. Adding a review section
      2m 27s
    3. Creating multiple-choice questions
      7m 16s
    4. Creating matching questions
      4m 55s
  13. 27m 1s
    1. Preflighting on an iPad
      6m 21s
    2. Exporting a book in iBooks format
      2m 26s
    3. Exporting a book as a PDF
      2m 33s
    4. Exporting a book as a text document
      1m 49s
    5. Emailing a book
      2m 24s
    6. Getting ready to publish to the iBookstore
      4m 44s
    7. Publishing to the iBookstore
      6m 44s
  14. 32s
    1. Goodbye
      32s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.