iBooks Author: How To Create A Picture Book Without Chapters

 how to create a photo book in ibooks author

When Apple first released it's free authoring application, iBooks Author, it was largely designed for creating rich, multimedia, and interactive textbooks for the education market. 

But over the past year, we've seen the adoption of this powerful application by authors creating books outside of the textbook market.

This presents some challenges for content creators who wish to produce a different kind of book. Because the software was designed with textbooks in mind, templates and layouts can be a bit hard to work with if you want to create, for example, a picture book.

While the application is drag-and-drop simple to use, the layout hierarchy of Chapter >> Section >> Text can be a little challenging to work with. And you don’t have to spend much time on the support forums to find authors frustrated with the software’s assumptions about what a book looks like (psst...we have customized templates to help with that frustration).

How create a chapter-less photo book in iBooks Author

In this tutorial, you'l learn a few tips and tricks to help you create a book without chapters in iBooks Author.

Creating A Picture Book Without Chapters

Step-by-step (see images below):

  1. Instead of starting with a Chapter, start your book with a Section page
  2. Next add blank pages behind it.
  3. Add images to those pages (Note: the screen size for landscape images is 1024 x 748. iPad with Retina display that has a resolution of 2048x1536 pixels).
  4. Go to the inspector an select the first tab "Document" and click "disable in portrait orientation"
  5. You'll notice we might have a slight problem with the Table of Contents. Here's how to fix it.
  6. Add a background image to the table of contents.
  7. In order to preview, select the preview button in the top right corner.
  1. Start your book with a Section page.

1. Start your book with a Section page.

  2. Add blank pages behind it.

2. Add blank pages behind it.

  3. Add images to those pages (Note: the screen size for landscape images is 1024 x 748. iPad with Retina display that has a resolution of 2048x1536 pixels).

3. Add images to those pages (Note: the screen size for landscape images is 1024 x 748. iPad with Retina display that has a resolution of 2048x1536 pixels).

  4. Go to the inspector an select the first tab "Document" and click "disable in portrait orientation"

4. Go to the inspector an select the first tab "Document" and click "disable in portrait orientation"

  5. You'll notice we might have a slight problem with the Table of Contents. Here's how to fix it.

5. You'll notice we might have a slight problem with the Table of Contents. Here's how to fix it.

  6. Add a background image to the table of contents

6. Add a background image to the table of contents

  7. Go to the preview in the top right

7. Go to the preview in the top right

  8. Fixed!

8. Fixed!

Now you've got a picture book without chapters and a customized table of contents for iBooks Author. 

If you're creating a picture book or any book containing images without a lot of text, designing the right layouts is critical for the ultimate viewing experience. Our templates set the gold standard when it comes to beautiful, engaging layouts. Check out our iBooks Author Template Library

The template used in the example above is the Modern Template.


iBooks Author - Full Screen Images Step By Step

How to create full screen images in iBooks Author. 

In this iBooks Author tutorial, I'm going to show you three different ways to create a full screen image within the iBooks Author application. 

One of the neat features of an interactive book for the iPad is the ability to take advantage of the beautiful retina display by showcasing full screen images or by making small images pop up fullscreen with a tap. Even better, is the ability to zoom in and out of a picture. 

There are three ways you can do this and I'm going to walk you through each to decide which is the best solution for you. Here they are:

  • Tap-to-view image full screen
  • Full screen background image from your photos
  • Full screen background image using a shape

Tap-To-View Image Full Screen

One of the most common questions we get asked is how to make a smaller image pop-up full screen when tapped. Our templates already have this integrated in, but here's how you can do it for additional images: 

  1. Select the image
  2. Open the Inspector
  3. Go to the Widget tab (very last one that looks like a brown folder)
  4. Select interaction toggle
  5. Check the "Maximize on tap or click" box
 Inspector tab ibooks author tutorial
 tap to view image full screen in ibooks author

Note: if this box is 'greyed' out and you can't select it, make sure you've selected the image first.

Full Screen Background Image From Your Photos

Let's say I wanted to create an image that was already a full screen background image.

  1. Here's what i would need to do:
  2. Find the photo you wish to insert
  3. Drag and drop it into your iBook
  4. Go to the Metrics tab in the inspector
  5. Resize proportion to 1024 width and 748 height, x = 0 and y =0

You'll notice that you can resize it using the white boxes on the actual image. Or you can resize the photo within the inspector under the Metrics tab. If you want to maintain proportions, keep the "contain proportions" tab checked. This will mean you need to have already resized it to match. 

 ibooks author image tutorial
 display image full screen

Full Screen Background Image Using A Shape

The final option allows you to use a shape to insert an image. This is beneficial for two reasons: you can choose interesting shapes (like a star or circle) to mask your image and you can also do interesting things like have the image tile or stretch to fill a shape.

Here's what you need to do:

  1. Go to the shape tool and select a shape
  2. Go to the Metrics tab in the inspector 
  3. Resize proportion to 1024 width and 748 height, x = 0 and y =0
  4. Select the Graphic tab
  5. Go to fill and select image fill
  6. Select Scale to Fill (or other option if you want to play)
 ibooks author full screen images
 image display ibooks author themes

The template used in this example was the Retina Template. Go check all our iBooks Author Templates here.

iBooks Author Resources

 ibooks author tutorial

iBooks Author Beginner and User Guides

You can download the free iBooks Author Application from Apple here.

The blog post How To Publish An eBook With iBooks Author Tutorial gives you a phenomenal overview of iBooks Author and the key features and options.

O'Reilly Media has produced an amazing 110 page free guide called Publishing with iBooks Author to help you get up and writing with iBooks Author.

iBooks Author Templates has a free resource guide that includes a template with golden mean grids to help novice designers.

Peter Papas is an educator who has a fabulous blog about iBooks Author and an equally great Scoop.it feed has a great iBooks Author Scoop.it feed here.

Arstechnica writes an article that reviews iBooks Author and the whole iBook publishing experience.

Apple explains that iBooks Author isn't just for education - and how you can take your business content from standard to stunning on this page.

This iBooks Author Pinterest Board has everything you need and is updated regularly.

iBooks Author How-To Tutorials and Videos

Emerson College Department of Journalism has produced over 20 short video tutorials to get you up and writing with iBooks Author quickly.

This hour long video explains How to Create and Distribute iBooks in Education.

Davide Barranca's blog post details how you can add a full screen image to your book. He wrote another one on compressing images so you don't exceed the maximum file size limits of iBooks Author.

iBooks Author Themes has a great 2 part video series on how to design, create, and customize your own template from scratch.

The Bookry has over 25 more advanced video tutorials to check out here.

iBooks Author Templates

3rd Party Widgets & Services

Using Tumult Hype, you can create beautiful custom HTML5 widgets for your book (no coding required).

Check out Class Widgets for both free and paid widgets.