iBooks Author Full Screen Background Now Black: How’d We Do That?

Aug 2, 2013 by

iBooks Author Full Screen Background Now Black: How’d We Do That? 

As we noted before, Apple defaulted the background screen in iBooks Author to display photos on a WHITE background when an image is displayed full-screen. One of our clients didn’t like that and said it washed out the image. He was right.  In Gallery in iBooks Author, full-screen display changes the background to BLACK and images punch out much better. (Look at the last two images in this post. You’ll see what we mean.)

The problem is, by Apple’s design, there’s no way to change the background from white to black or any other color.  Apple has decided they shall remain on a white bg.

So how did we get around this?

STEP 1:

iBooks Author's Inspector Window Featuring Gallery

iBooks Author’s Inspector Window Featuring Gallery

In the Inspection window, the last tab to the right has a Layout/Interaction menu for working with photos.  Even if you just want to display one picture, we recommend you drop the GALLERY widget onto a page, and then load in the one image. (Of course, images should be .pngs, no larger than 2048 x 1536, and have a dpi of 132).  This is an important step. You cannot just change an Image over to the Photo designation we’re going to describe for this to work!

STEP 2:  To create a new option under the drop down menu, highlight Gallery and hold it.  You will see the “Edit Label Styles … ” dialogue area at the bottom of the menu open.  Click on it.

Hold down Gallery for this new menu to open.

Hold down Gallery for this new menu to open.

STEP 3: A new dialogue box will open allowing you to either add (+) or delete options(-).  Press + and name your new setting.  We chose PHOTO since Image is already in use and we didn’t want to create confusion.

STEP 4: Go to the Inspector window after highlighting the Gallery listing for the image and change it from Gallery to Photo (or whatever designation you created.) Then add whatever titling and caption options that are necessary for the style of your project.

That’s really all you have to do.  You’ve now created a Gallery widget and changed it’s designation, but it’s still technically a Gallery widget. You’re just going to display one photo in it.

 

 

What’s the difference?

Here’s the image saved as a straight up Image file in iBooks Author when the image is increased to full-screen:

A full-screen image in iBooks Author displays on an annoying white background.

A full-screen image in iBooks Author displays on an annoying white background.

 

This is what happens once you follow the steps outlined above–loading an image in a Gallery and then changing it’s designation to Photo or the name of your choosing.

A Gallery Widget in iBook Author Renamed To Photo to Display on a Black Background.

A Gallery Widget in iBook Author Renamed To Photo to Display on a Black Background.

 

One Small Problem: The only problem with this solution is the fact that Gallery photos are formatted in a 2:3 proportion and there’s no changing that. This will only work if you don’t care if you can’t show the entire image in the window, meaning it will have to be popped open to display in full.  So, while it is a solution, it doesn’t match the power of displaying and entire image as you can with just Image.

Obviously, it’d be easier to fix this if Apple provided a setting for it, but they don’t and from conversations with them, it doesn’t sound like it’s going to happen anytime soon.  So here’s the workaround and thanks, Apple.

Once you create the Photo designation, it’s just a matter then of remembering to load all images as Galleries and then just not adding more than one photo to them if you’re going to display one pic.  If you’re going to do a Gallery as it was intended, you just leave the Gallery named Gallery and keep on going.  If you want to display the thumbnails, that’s easy.  Just check the box and they’ll pop up.

EDITOR’S NOTE: The page displayed is an example of one of the photos to be included in our ongoing Bach project.  Exciting news to follow soon!  

 

 

Enhanced by Zemanta
read more

Apple please fix iBooks Author full screen image background settings

Jul 24, 2013 by

Apple please fix iBooks Author full screen image background settings

 iBooks Author full-screen image white BG

Per Apple, at present, one can’t change the white background that displays on a full-screen png in iBooks Author.

Our Bach book client we are working with in iBooks Author has a legitimate beef with Apple and in our research, we can’t find a workable solution.

If one sets a photo to open full-screen in a book for iPad made with iBooks Author 2.0 the image presents on a screen with a white background.

If you set two photos, .PNGs, in a gallery and then open them full-screen, they present on a screen with a black background.

In the design of a book for iPad, not every book needs to go into a gallery, but in our book on Bach, which is going to be one of the most in depth pieces of work on J.S. Bach, it’s annoying to see the images against the white when they would clearly stand out better against the black.

I thought about putting all images on a screen that’s 2048 x 1536 and on a black BG and then using the Alpha to remove the black in the initial image, but that takes away the black in full-screen as well.  Not a solution.

The only other option would be to put every photo into a “gallery” setting and just not add the thumbnails on images that are not multiple .PNGs, but that seems like it’d get wonky and it’d seem that a gallery, by definition, would consist of two or more images.

In iBooks Author gallery images display with a black background on full-screen, but even this setting can't be changed.

In iBooks Author gallery images display with a black background on full-screen, but even this setting can’t be changed.

Apple, Please Fix This

A search of the message boards and a call to Apple Support has revealed that indeed, at this writing on July 24, 2013, there is no way to change a setting in the Inspector panel to remedy this.

Audio Page Specific

The other major complaint we are having as we build this vast work of Bach is that a reader can’t tap on the MP4 files we’re embedding and turn the page.  Audio and video files are page specific, so a reader listening to the music and reading can only read the page they’re on and hear what they’re wanting to listen to….

 

Enhanced by Zemanta
read more

Pin It on Pinterest