Learn how to insert an image file into both types of Pages documents (word processing and page layout documents) and understand how they behave when arranging them in each type of document.
- [Instructor] One of the best and easiest ways to make your documents more visually interesting is to add graphics. So in this chapter we're going to focus on bringing your documents to life, beginning in this movie with inserting additional images into your documents, the two different types of documents we've been working with. Word processing and page layout documents. When you add your own elements, they behave differently in the two different types of documents, so we're going to start with this one. Our Leaf and Mortar poster that we've been building, LandMPoster0701 if you're catching up.
It came with a placeholder for this image we see at the top. We replaced it with our own but you may want to add your own down below for example. Now when you add it to a document that is using the page layout style that we have here, the image can be placed on the page using certain settings that we're going to explore. Let's start by adding an image. Now there's a couple of things you can do. You can go to Media right here on the toolbar. That's going to allow you to browse your photos, use iPhoto, et cetera, but I have something for you in the Exercise Files, so just click in the background, and instead, we'll go up to the Insert menu and select Choose.
Shift + Command + V is your keyboard shortcut for accessing this. In the Chapter Seven folder, you're going to find a number of different graphical image types, like PNG files, you'll see JPEG in here as well. You can add bitmap files. We're going to go with this sketch, sketch.jpg, the JPG file. With it selected, click Insert, and here's what happens automatically with this type of document. It gets inserted in the center of your document, in its original size.
You can see this is way too big, so what we're going to do now is make some adjustments. By going to the handles we see around the outside, we can resize this. Let's go to the one in the bottom right-hand corner, and just drag it up and inwards. You can see the proportions are being constrained, and looks what's happening in the background. Everything is kind of moving around and adjusting itself. Going to make it quite small. Now we can click and drag it down. You can see how items move around to accommodate our image. If we move it right here under the address and release, you can see it doesn't interfere with our text.
But let's go over here to the inspector. With Format selected up at the top, you can see options for different styles. We'll get to those later. When we select Image up here, you can see the name of the image, but we're going to go to the Arrange tab, and from here I want you to see how the object is being placed in this document. You can see it's actually going to stay on page. In fact, we cannot even select this other option to move it with the text. Because we're working with a page layout document, it's sitting on the page.
There's no body text to move with our image. So it is actually able to be moved around the page wherever we want it, and automatically other elements on the page you can see are wrapping around. That's part of the default setting that we get with a page layout document, and adding an image the way we just did. Now we're going to switch to another type of document. Just click in the background to see the end result. That looks pretty good. Let's go to another document we've been building. This time, the LeafAndMortarBio document.
You may still have it open from previous lessons, or you can open up LeafAndMortarBio0701 from the Chapter Seven folder. You'll have what I have. Last thing we did was add that table of contents up there. Let's say we wanted to add some imagery here. We have Team, names and their titles. We might also want to add their picture. Well, to do that we click here in the body text. That's the key word. We're in the text here. Click in front of Anthony grew up engulfed, right there, that's where we want to insert it.
So we'll do the same thing, we'll go up to Insert, we'll go down to Choose, or use the keyboard shortcut, Shift + Command + V, and we're going to look for Tony here. There he is down at the bottom. This time it's a PNG file. And when we click Insert let's see what happens. You can see it's inserted right in the center of our document, and as we move it around, the text is wrapping around it. So it didn't necessarily go exactly where we wanted, and it's not going to be the size that we want to end up with here.
So, with it still selected, let's go up to that Arrange tab and see what's happening. It's moving with the text. Now, with that particular selection, if we were to add content up above, and everything gets pushed down, obviously the text is going to move down the page, but the image is going to move with it. It's kind of like another character in this sentence, Anthony grew up, it's actually part of the text. So it's going to move with the text. If I was to go up here to Team and hit my Return key a bunch of times, notice how the image moves down with the text.
I'm going to backspace with my Delete key to take those out. All right let's fix this up a little bit. We'll select the image, we'll size it down. You can see it's going to keep its proportions, it's checked off down here in the inspector, constrain proportions, and now we can move it into position. I'm thinking right under Team and next to Anthony. Now we can position exactly where we want it on the page, but know that it's going to move with the text down below. So once we have it exactly where we want, I'm going to actually move it a little further down, so the name and title stretches across a single line.
I may even want to make this a little bit smaller. You can see how everything adjusts in the background, and that's because of automatic text wrapping. You can see there's some options for spacing, and text fit, things we'll get into as we move through this chapter. Right now we can just click in the paragraph to see the end result. Well, we do have some additional names and titles down below, so your homework is to add the remaining pictures for each of the team members exactly the way we did up here for Tony, and in fact, we want to keep the size exactly the same.
So, click that image, take a look at the size. You can see, 1.31, I'm actually going to bump that down to exactly one inch. 1.0, when I hit my Tab key the other changes to 1.0, or one inch as well, and that's exactly what we want for the remaining. So go into your Chapter Seven folder. You'll find images for Ailene, for Kristiann, Geena, et cetera. Add them to their paragraphs the way we did for Tony, and you'll be all caught up and ready to move on to the next movie.
- Customizing the user interface
- Setting up documents
- Formatting characters and paragraphs
- Working with built-in styles
- Adjusting page layout
- Working with templates
- Adding boxes, objects, images, and shapes
- Working with tables and charts
- Sharing and collaborating on documents