Work with Floating Images

You can change any inline image so that it “floats” with the text. You can make text wrap around floating images, or you can make text appear in front of or behind them. You can fix a floating image to stay on a particular place on a specific page, or you can make them move with a paragraph.

Floating images only appear when in Page View and only in the main portion of your document’s text: not in footnotes, endnotes, headers, footers, nor comments. If your document is set to Draft View and you cause an inline image to float, Nisus Writer Express switches to Page View.

Delete shapes and floating images

You can select one or more shapes or floating images and delete them using the delete key.

However, it is possible to inadvertently delete shapes if you remove the text to which they are attached. Displaying the Shape Anchor as explained in “The Shape Anchor” on page 193 can help you be more aware of where your shape is attached.

Shapes are attached to the entire paragraph, not the first character, nor the newline character at the end.

You must delete the entire paragraph in order to delete the floating image.

If you delete only the newline character that separates one paragraph with floating images from the one above it, the images are not deleted, their anchors are merely reassigned to the new paragraph.

If you happen to delete a paragraph that has a floating shape anchored to it the alert illustrated in Figure 178 appears, asking:

Are you sure you want to delete the anchored shapes? One or more shapes are anchored to the paragraphs of text that you are about to delete. Deleting those paragraphs will also delete the associated shapes.

You can check the Do not show this message again box if you are secure in your decision.

You can press the Delete key when a floating shape is selected to remove it, without deleting the anchoring paragraph.

Are you sure you want to delete the anchored shapes?.png

Figure 178
Deleting a paragraph with an anchored shape

Use the Shape Wrap palette

You can make any inline image into a floating image. When you do this, an entire range of additional tools become available.

Make an inline image into a floating image

1. Click the image to select it.

If the Palette Dock is open, the drawing tools palette group appears.

image-172.png

Figure 179
The Shape Wrap palette
default options when set to Floats on Page of ¶

2. Choose either Floats with Paragraph or Floats on page of ¶. from the Placement pop-up menu in the Shape Wrap palette.

Choosing Floats on page of ¶ enables all the options for image alignment and text wrap. However, choosing Floats with Paragraph, because the image retains its vertical position relative to a particular paragraph of text, does not enable the vertical alignment controls.

As an alternative, you can right-click an inline image and a contextual menu appears with a Shape Placement submenu that has the commands: Inline with Text, Floats with Paragraph and Floats on Page of Paragraph. Another command enables you to: Add Caption to Image. Each of these commands (except for Inline with Text) cause the image to float.

The contextual menu with a resized and cropped inline image selected showing the Image Description submenu.png

Figure 180
The
contextual menu with a resized and cropped inline image selected showing the Image Description submenu 

The Shape Anchor

498E3C2E-A0CB-4632-8EEC-C57F2583F415.png

Figure 181
A selected floating image selected showing its anchor

When you select a floating image its “anchor” appears in the upper left corner, overlaying the first character(s) of the paragraph to which it is attached, as illustrated in Figure 181.

If the floating image is attached to a right to left paragraph the anchor appears in a corresponding position in the upper right corner.

If you have checked (turned on) Show Invisibles, a similar anchor, the color of your invisibles, appears. You can see it at the end of the paragraph (before the paragraph symbol ¶) to which the floating image is attached. This anchor indicates that the paragraph has a floating image attached, even if the floating image is not selected and the Shape Anchor does not show. The two different anchor symbols are illustrated in Figure 182.

anchor (selected image).pnganchor (image unselected).png

Figure 182
The Shape Anchor: on the left, when the image is selected; to its right, when the image is not selected

For images/shapes set to move with paragraph, if the anchored paragraph changes its position, the shape moves by the same vertical distance. The shape always keeps the same relative distance from its anchor.

For images/shapes set to be fixed on the page, the shape always appears on the same page as the anchored paragraph. If the anchored paragraph changes pages, so does the shape.

You can drag the anchor to any other location in the same “document part” thereby moving the image itself. However, you cannot drag the anchor from one document part to another, for example from the main body of the document into the header/footer or footnotes.

You can choose to display the anchor and a dashed line from the anchor to the upper left corner of the image or not, depending on how you set the “Invisibles & Guides” options in the Appearance Preferences. When you select more than one floating shape in your document, only a single selected shape shows its Shape Anchor.

The contextual menus for inline and floating images

As mentioned above, when you right-click an image a contextual menu appears. The menu varies slightly if you have selected an inline or floating image.

The contextual menu for inline images

When you select an inline image the commands that appear are (as mentioned in part above):

Save Image…

This opens the Save As dialog enabling you to save the image with its current extension (you cannot change a “.png” to a “.tiff”) anywhere on your Mac.

Image Description

Displays a submenu that shows the name of the image, its physical dimensions, and its size on disk as well as a command: Copy Description that enables you to copy that information to the Clipboard.

If you have changed the size or proportion or cropped the image additional commands appear:

Restore Original Size

If you have resized the image, as explained in the section: “Resize an Image” on page 186, this restores the image to its original size.

Restore Original Proportions

If you have reshaped the image, this restores the image to its original proportions.

Remove Cropping

If you have cropped the image, as explained in the section: “Crop an Image” on page 187, this removes the cropping.

Additional commands include:

Shape Placement

This opens a submenu with the same commands as in the menu: Tools > Shapes > Shape Placement.

Inline with Text

Floats with Paragraph

Floats on Page of Paragraph

Add Caption to Image

Expands the bounding box of the image enabling you to add text. This text stays with the image as you resize the image and/or copy and paste it elsewhere in the same or another document.

Additional commands may appear at the bottom of the menu depending on what services and additional software applications you have available.

The contextual menu for floating images

When you select a floating image the commands that appear are:

Save Image…

This opens the Save As dialog enabling you to save the image with its current extension (you cannot change a “.png” to a “.tiff”) anywhere on your Mac.

Image Description

Displays a submenu that shows the name of the image, its physical dimensions and its size on disk as well as a command: Copy Description that enables you to copy that information to the Clipboard.

If you have changed the size or proportion or cropped the image additional commands appear:

Restore Original Size

As described in the section “Restore an image’s original size

Restore Original Proportions

As described in the section “Restore an image’s original proportions

Remove Cropping

As described in the section “Remove cropping”.

The contextual menu with a resized but not cropped floating image selected.png

Figure 183
The
contextual menu with a resized but not cropped floating image selected

The Shape Bounding Box

Every shape and image, regardless of whether or not it is a rectangle, has a rectangular “bounding box” that draws around the furthest extent of the graphic’s image. When the image is selected, Nisus Writer Express displays it as a dotted rectangle. In addition, when not selected, you can choose to display the Shape bounding box (and set its color) depending on how you set your options for “Invisibles & Guides” in the Appearance Preferences. This box coincides perfectly with the “image-selected” box and is the “invisible” indicator that there is an image.

image-173.png

Figure 184
The Shape Bounding Box with shapes selected and text wrapped around the bounding box, wherever it is transparent, then text behind shape

Align a floating image

You can nudge a selected floating image one pixel at a time, using the arrow keys on the keyboard, so that it appears where you want it. You can also align floating images horizontally and vertically.

While you can set the basic alignment of an image using the buttons of the Shape Wrap palette, as soon as you adjust the image by nudging it using the arrow keys or drag it using the mouse or trackpad, the Alignment buttons indicate that it is no longer considered “set” as far as the Alignment buttons are concerned.

1. Select the image you want to align.

2. Click the Alignment option that represents what you want from the buttons in the Shape Wrap palette as explained in Table 5 below.


Floating Image Alignment Options

Image Alignment

Horizontal

img_HAlignLeft.jpg

img_HAlignCenter.jpg

img_HAlignRight.jpg

left

center

right

Vertical

(available only with Position on page of ¶)

img_VAlignTop.jpg

img_VAlignCenter.jpg

img_VAlignBottom.jpg

top

center

bottom

Table 5
Floating image
alignment options

You can mix the options available so that an image is in the bottom right corner as illustrated in Figure 181 on page 193.

The alignment buttons on the Shape Wrap pallet correspond to the commands Align Left, Align Center, Align Right; Align Top, Align Middle, the menu Tools > Shape Metrics > Align Bottom.

Cause text to wrap around an image

You can have text wrap around a floating image.

1. Select the image around which you want the text to wrap.

2. Click the Text wrap option that represents what you want from the buttons in the Shape Wrap palette as explained in Table 6.

Floating Image Text Wrap Options

img_WrapNormal.jpg

img_WrapOverlay.jpg

img_WrapBoth.jpg

img_WrapLeft.png

img_WrapRight.png

img_WrapOpaque.jpg

Text Wraps Around Bounding Rectangle of the Image

Text Placement Not Affected by Shape

Text Never Appears Beside the Image

Text Never Appears to Left of the Image

Text Never Appears to Right of the Image

Text Wraps Tight around the Shape Wherever it Is Transparent

This matches the menu command: Text Wrapping > Wrap Box

This matches the menu command: Text Wrapping > Text Behind Shape

This matches the menu command: Text Wrapping > No Text on Either Side

This matches the menu command: Text Wrapping > No Text on Left Side

This matches the menu command: Text Wrapping > No Text on Right Side

This matches the menu command: Text Wrapping > Wrap Box

Table 6
Floating image text wrap options

You can mix the alignment and wrap options available so that an image which is in the bottom right corner can have its wrapped text hug the space it holds as illustrated in Figure 181 on page 193.

The floating image text wrap buttons on the Shape Wrap pallet correspond to the commands of the menu: Tools > Shapes > Text Wrapping: Wrap Box, Text Behind Shape (text placement not affected by shape, as illustrated in Figure 188), Shape Behind Text (text placement not affected by shape, as illustrated in Figure 188), No Text on Either Side, No Text on Left Side, No Text on Right Side,

The center star in Figure 184 on page 196 has text wrap set to inside whatever is transparent. Nonetheless, the base of the star and its inside do not have text. 

Nisus Writer Express does not allow placing text inside the shape itself. Text can only flow in from the left or right of the shape bounds, but it can’t “jump” over any part of the shape to appear in the middle of the shape.

Bounding Box of lines

As with all other shapes, a line has a bounding box as explained in “The Shape Bounding Box” on page 195. However, the bounding box does not draw if you set the text to wrap around the actual shape of the image (note the top row, center and left lines) as illustrated in Figure 185. Instead, corner markers indicate where the bounding box would be. The options, described in “Cause text to wrap around an image” on page 197, illustrated here are:

D9CC3D9A-3C0A-4BD4-A442-89AD3CB7F221.png

Figure 185
The bounding box drawn around lines with various text wrap options (not selected)

When the shapes are not selected the bounding areas appear as illustrated in Figure 186. However, when you set the text to wrap around the actual shape of the image (note the top row, center and left lines) only the grab handles appear and no bounding box.

The bounding box drawn around lines with various text wrap options.selected.png

Figure 186
The bounding box drawn around lines with various text wrap options (selected)

First row:

▪︎ Text Wraps Around Bounding Rectangle of the Image, or Wrap Box

▪︎ Text Placement Not Affected by Shape, or Text Behind Shape and Shape Behind Text

▪︎ Text Wraps Around the Actual Shape of the Image “tight”, or Wrap Tight

Second row:

▪︎ Text Never Appears Beside the Image, or No Text on Either Side

Third row:

▪︎ Text Never Appears to Left of the Image, or No Text on Left Side

▪︎ Text Never Appears to Right of the Image, or No Text on Right Side

Set the padding text leaves around an image

If you have text wrap around a floating image you can set both the horizontal and vertical amount of space (padding) that appears between the image and the text. In addition, depending on the text wrap option you use, you can have the padding affect the bounding rectangle, or appear to hug the actual shape of the image as illustrated in Figure 187.

1. In the Padding portion of the Shape Wrap palette, click the steppers (or enter a particular value) in the Horizontal and/or Vertical fields.

You can set these to negative values causing the text to appear on top of the image.

Press when you click a palette stepper’s up or down arrow to apply the shown value uniformly to all selected text, instead of adjusting all selected values independently.

2. In the Text wrap portion of the Shape Wrap palette click:

the upper left button, or choose Wrap Box (text wraps around bounding rectangle of the image) from the menu Tools > Shapes > Text Wrapping.

the bottom right button, or choose Wrap Tight (text wraps around the actual shape of the image) from the menu Tools > Shapes > Text Wrapping.

Star shape settings from left to right: box wrap and no padding, box wrap and 22 pts padding, wrap tight and no padding, wrap tight and 22 pts padding.png

Figure 187
Star shape settings from left to right: box wrap and no padding, box wrap and 22 pts padding, wrap tight and no padding, wrap tight and 22 pts padding

Cause text to appear on top of, or behind an image

If you choose to have the text placement not affected by the floating image, you can have the text display on top of (over) or behind (hidden) by the image.

Choose the menu command: Tools > Shapes > Text Wrapping > Text Behind Shape to cause the text to hide behind the image.

Choose the menu command: Tools > Shapes > Text Wrapping > Shape Behind Text to cause the text to appear on top of the image.

Or

Use the controls of the Shape Wrap palette as illustrated in Figure 188.

5BDC35B9-E3A0-4AA2-97DF-816B58634CF9.png C14847BE-FB8F-4A52-87A2-068B42E357CD.png

Figure 188
Floating image drawn behind and in front of text

Cause images to appear around text; create a “screen” behind text

Every now and then you may need a bit of text to stand out from the rest. One way is to use a “block-quote” and create a “screen” that appears behind the text.

image.pdf.jpg

Figure 189
A photographic image “screen” (the blue sky) behind text “Visit Florence!”

[rounded rect]You can place an image behind your text to help portions of it stand out as illustrated in Figure 190.

Every now and then you may need a bit of text to stand out from the rest. One way is to use a “block-quote” and create a “screen” that appears behind the text.


Figure 190
A colored “screen” with a gradient fill and shadow behind text

1. Enter the text with the formatting you want (especially the ruler (line wrap) area).

Make sure you have left room around the text for the image. You may need to have a blank paragraph above the text to which to attach the image.

2. Paste the image into the paragraph above the text.

Use the settings as illustrated in [Referenced content is missing.] to place the image correctly..

Make a floating image an inline image

Just as an inline image can be made to float, a floating image can be made to flow as a character in your text.

1. Select the floating image or images you want to make inline.

2. Choose:

Inline with Text from the Placement pop-up menu in the Shape Wrap palette or

(uncheck) the menu command: Tools > Shapes > Text Wrap Around Shape.

An alert appears illustrated in Figure 191 warning that Placing the selected content inline will change the nature of that content in a way that cannot be restored by again adjusting the placement (though the placement change is undoable in the normal way). All shapes will lose their individual identities, properties, and placements; only a single fixed image will remain. You can choose not to see a similar message if you change other shapes by checking the box at the bottom of the alert.

Placing the selected content inline will change the nature of that content.png

Figure 191
The move shape from floating to inline alert

The images will appear in the paragraphs to which they were anchored as illustrated in Figure 192.

image-174.png

Figure 192
The floating image of
Figure 181 on page 193 changed from floating to inline


Previous Chapter
Editing Images
<<  index  >>
 
Next Chapter
Book Tools