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

Adding images

From: iBooks Author Essential Training

Video: Adding images

Throughout this title we've been adding images as part of other exercises, but in this movie we're going to focus entirely on adding images and doing some manipulation to them. The easiest way to add images is to make sure that the images are in your iPhoto Library, and then they will appear automatically in your Media Browser. Inside of the Chapter 06 exercise folder, I've added a bunch of images that we're going to work with in this chapter. The first image to drag in is the image called seagull. Simply grab the image and drag it onto your page. You can then close the Media Browser to get out of the way while we work with the image.

Adding images

Throughout this title we've been adding images as part of other exercises, but in this movie we're going to focus entirely on adding images and doing some manipulation to them. The easiest way to add images is to make sure that the images are in your iPhoto Library, and then they will appear automatically in your Media Browser. Inside of the Chapter 06 exercise folder, I've added a bunch of images that we're going to work with in this chapter. The first image to drag in is the image called seagull. Simply grab the image and drag it onto your page. You can then close the Media Browser to get out of the way while we work with the image.

When images are added onto our document, they take one of three forms: Either an Inline image, a Floating image, or an Anchored image. I prefer to work with Floating images while I'm doing my layout. So I'll select Floating image for this image. Then I'll go ahead and move the image roughly into the correct location, and then I'll resize it by grabbing one of the handles around the outside edges of the document. If I grab one of the corner handles, then I can resize both the vertical and horizontal axis of the image at the same time.

If I grab one of the handles in the middle, then I only adjust one axis at a time. In this case, I want to float my image about in the middle of these two columns. And I want a rough size of about like that. Now let's go ahead and add a couple of more images, and then we'll apply some treatments to them. So we'll go back up to our Media Browser, and I'll scroll down on the list, and now I'll go ahead and grab the image called pelican, drag it onto the stage and drop it in place. And I'll also grab brown_gulls and drag it on and drop it in place, and go ahead and close the Media Browser now to get it out of the way.

Let's go ahead and resize the brown_gulls image since it's in the front. I'll go ahead and grab this image and drag the image down a little bit smaller, and I'm going to move it over into place. It's going to be down here in the lower portion of our page. I'll go ahead and resize the pelican image by grabbing its handle and moving it in the same direction. You'll notice as I adjust the image and get it to snap to the same size as some of my other images, Smart Guides appear on screen to let me know that I've adjusted the image, and it's at the same size as my other images.

I'll go ahead and let go since now all my images are roughly the same size. The next thing I want to do is I want to apply a little bit of a rotation to each of these images so it will end up looking like a stack of photographs that have just been dropped into place on the page. I'll start with the pelican image. To do this, click on the Inspector and go to the Metrics tab. Down at the bottom there's an option for Rotation. You can either rotate by clicking and dragging around the wheel, you can type in a specific value and then hit Enter or Return, or you can use the up and down arrows to adjust the angle one degree at a time.

I'm going to go ahead and set this image to 357. So it's got a little bit of a tilt leaning over in this direction. I'll go ahead and then move the image up so that the pelican's head is pretty close to the top of the page. Next, I'll work with the seagull. Go ahead and click on the seagull one time to select it, and then this time let's go ahead and set the Angle to be +3 degrees. It's easy enough to just click the up arrows a couple of times to get to 3 degrees. I'll go ahead and move the image up into place. Notice that the seagull image is placed in a layer behind the pelican image, so the pelican image is partially obscuring the seagull.

That's fine for this image. But for the brown seagulls down at the bottom, it would be nice to have those in the background. So with that image selected, I'll go up to my Arrange menu and then come down to Send Backward. It didn't move it all the way into the back, so I'll do it one more time. Going up to the Arrange menu and selecting Sending Backward. And now the brown seagulls are in the correct orientation. I'll go and apply the same rotation that we had to the pelican by setting the Rotation for this one to 357. That way each of the images are going in, in a little bit opposite direction.

We'll go ahead and pull the brown seagulls down, and now each of the images are laid out where there's a nice view of them. It would be nice to have a little bit more definition though between the edges of the image. So we'll start with the first image. We'll go ahead and click on the first image, and then we'll go over to the Graphics tab, and we'll add a Drop Shadow effect by clicking on the Shadow, and that will add a little bit of a 3D lift to lift this image a little bit higher off of this one. We'll also apply a stroke to the image. So go ahead and click the dropdown menu for Stroke, and instead of applying just a single thin line, let's choose Picture Frame.

When the Picture Frame option opens up, we can click this dropdown menu here, and we have a variety of different picture frames to choose from. We could choose to have more of a traditional picture frame, which shows the little corners on the edges of the pictures, we could show an inset picture frame, where the edges of the picture look like they're torn a little bit. I like this one down here. It looks like all the edges of the picture are a little bit torn, which makes a nice effect. We'll go ahead and do that to the other images. I'll click on the next image, add its Drop Shadow and add the Picture Frame to the stroke.

Notice as soon as I do this, iBooks Author helps me out by remembering my choice and goes ahead and sets that for me. I'll go ahead and do the same thing to the brown seagulls at the bottom. I'll add the Drop Shadow and add the Picture Frame effect. And there we go. Our images look much better. They're in place. They're adding a lot of visual interest to our page. In the next movie, we'll look at applying another effect to an image.

Show transcript

This video is part of

Image for iBooks Author Essential Training
iBooks Author Essential Training

89 video lessons · 19884 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.