Sign in or start a free trial to avail of this feature.
4. Arranging Pictures
In this lesson, we explain how the various picture layout options affect the relationship between images and text. We also cover how to group multiple images together.
Learn how to arrange images into the optimal place in the document.
In Line with Text
There are two types of picture layout options, In Line With Text and Text Wrapping.
In Line With Text treats the image like a single character of text. With this layout setting, pictures can’t be placed anywhere, the must be placed on a line of text, just like a character of text. Similarly, just like a character of text, the size of the picture will have an effect on line spacing (unless line spacing is set to a specific point size). So a large image will result in very large line spacing.
Text Wrapping refers to multiple types of wrapping. This treats the image as a separate entity from the text. The different Text Wrapping options determine how the image and the text interact.
- Square: The text always treats the image as square shaped
- Tight: The text will get close to the border of the image
- Top and Bottom: The text will never appear to the side of an image
- Behind Text: The text won’t move, the text will obstruct the image
- In Front of Text: The text won’t move, the image will obstruct text
Sometimes you may end up layering images on top of each other to make a new image. For example, you may want to place your company logo on the image, or a transparent version of your logo over the entire image to work as a watermark.
Adjusting layered images is tedious because you must individually select each image. To avoid this, you can group the images. To do so, select the images you wish to group. From the Format tab under Picture Tools, click the Group dropdown and select Group. Select ungroup to undo.
In previous lessons, we demonstrated how to import and edit the shape and color of pictures.
In this lesson, we'll learn how to place pictures in the optimal location.
We'll return to the picture we edited in the previous lesson. One basic way of manipulating picture arrangement is rotation.
When we select a picture, a ring shaped arrow appears above.
Dragging this arrow allows you to control the rotation of the picture.
This picture looks better without rotation, so we'll undo this change.
When a picture is selected, it displays the layout type at the top right corner.
There are two layout types. In line with text, and with text wrapping.
In line with text treats the picture like a character of text.
Let's demonstrate this by shrinking down the picture.
First, we'll ensure that the layout is set to in line with text.
We'll then copy the picture, reduce the size, cut it, and paste it in the middle of the paragraph under the testimonials heading.
It currently fits quite neatly.
However, when we increase the size, the line spacing increases to accommodate it, throwing off the whole paragraph.
Also, the only text to the side of the picture is in the same line.
This leaves a lot of empty space that could fit more text.
Instead of manually increasing the size of the picture, we'll just delete it and move the original to the middle of the paragraph.
As before, the picture is in line with text.
Let's choose square wrapping instead.
Straight away, we see that the picture is no longer stretching out the line spacing.
The bottom three wrapping layouts are self descriptive.
Top and bottom prevents any text from appearing to the side of the picture.
Behind text lets the text obstruct the picture.
And in front of text lets the picture obstruct the text.
Neither affects the layout of the text.
Tight and through allow the text to get closer to the picture.
Both have next to no effect on square pictures, and through is rarely used.
We'll demonstrate tight by inserting a triangle.
We'll navigate to the Insert tab, click the shape drop down and select triangle.
With square wrapping, the triangle creates a square gap in the text.
Changing layout to tight allows the text to get closer, leaving a triangle shaped gap in the text.
We'll delete this triangle and change the layout to square in the photo.
We'll then place it to the right of the text and resize it for a better fit.
Next, we'll demonstrate how and why to group pictures.
As you'll recall from a previous lesson, this picture of a person holding a cat is a free to use stock photo.
Ideally, we'd like to give credit to the owner, but as you'll recall, the owner is unknown.
Instead, we'll just let readers know that this is a stock photo.
We'll navigate to the Insert tab, click the text box, and choose the first preset.
We'll replace the text within with the words Stock Photo.
We'll then reduce the size of the text box, change the font color to gray, and place it in the corner of the picture.
The text box is too noticeable, so we'll make the background transparent.
We'll right click the text box and click Format Shape.
We'll expand the fill options, increase transparency to 100%, expand line options, and remove the line.
The picture is now effectively complete, but arranging pictures on top of each other can be tedious.
You must select both every time you wish to rearrange them.
This is especially tedious when there are multiple layers to the picture.
We can make this much easier by grouping the picture and text box.
We'll select both items, navigate to one of the contextual Format tabs and click Group.
Now when we click the picture or text box, we'll select every element in the group.
We can easily move the entire group without first having to select each individual element.
If we want to select one of the individual elements, we'll select the group first, and then select an item within the group.
This wraps up our training on manipulating pictures in Word.
In the next lesson, we'll show you how to insert specialized text boxes called Quick Parts, and how to add text to the header or footer of the document.