Requirements

To complete this tutorial you will need to install the following software and files:

Contribute 3

• Try
• Buy

Back to Interactive Tutorials home ›

Inline Image Editing

Play the RoboDemo movie ›

With the arrival of Contribute 3, users can now insert and edit images with new inline editing capabilities (see Figure 1) built right into the application.

Figure 1. Image editing toolbar (bottom)

Note: These options will not be available if the Contribute user belongs to a user role that is restricted from editing images.

To edit an image:

1. Browse to select the page that contains the image you wish to edit.
2. Click the Edit Page button.
3. Select the image. Contribute places a light blue border around the graphic and displays the image editing toolbar automatically.

You can also access any of the image editing tools by selecting Format > Edit Image and by selecting one of the options from the submenu. You can also simply right-click the image and select Edit Image from the pop-up menu.

The Resize button (leftmost button on the image editing toolbar) works as follows:

1. Select the image you want to resize.
2. Click the Resize button.
3. Drag one of the selection handles to the desired image size by holding down the Shift key while dragging a selection handle. This resizes the image without distorting the dimensions.

Clicking either Rotate button (circles with arrows) rotates an image counter-clockwise or clockwise. Clicking the Rotate button multiple times rotates the image further in the same direction.

The Sharpen button (triangle) increases the contrast of the pixels around the edges of the selected item, enabling you to improve the image's definition or sharpness.

The Brightness/Contrast button (half-filled circle) alters the brightness and contrast of the pixels within the selected image. Use this option when you need to correct images that are too dark or too light. This feature works best on photographs.

The four Align controls align an image two ways: You can either change the alignment of an image on the page (for example, where an image appears in a table cell) or you can change how the image aligns within the surrounding elements.

To change the alignment of an image, select the image and click an alignment option in the image editing toolbar.

To change the alignment of an image in relation to the surrounding elements (so they can flow around it, for example), do one of the following:

• Double-click the image and select an option from the Alignment pop-up menu in the Image Properties dialog box
• Right-click (Windows) or Control-click (Mac) the image and select an option from the Align pop-up menu

Contribute aligns the image in relation to surrounding elements, such as text.

As you can see, Contribute 3 empowers users to update and maintain web content themselves in a collaborative manner and with a much greater level of control than ever before. For more product information, visit the Macromedia Contribute 3 product page.

 

Back to Interactive Tutorials home ›

About the author