Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42874 Viewers
119 Video lessons · 54221 Viewers
65 Video lessons · 14474 Viewers
113 Video lessons · 82883 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.