5ml User's Guide

5ml User's Guide
Adding and Modifying Images
You can drag images directly to the page and then modify them as needed to match the layout of your page mockup. 5ml
creates an Image element for each image you drag to the page.
For example, to add the "GALLERY" image:
1. Click the Assets tab at the top of the Library pane.
2. Double-click the folder that contains the image (if you organized your images into folders, as described in "Organizing
Your Assets" on page 32).
3. Select Images from the Assets drop-down menu to see your image assets.
4. Drag the image from the Assets pane to the page, as shown in Figure 3-28 on page 53.
Figure 3-28: Dragging the "GALLERY" image directly to the page.
5. Drag the newly created Image element into position using the tracing image as a guide.
6. Resize the element if necessary by dragging one of the handles along the edges or at the corner of the element.
7. To add the "TEASER" image, repeat steps 4-6 (refer to Figure 3-29 on page 54).
Tip: When placing an element on the page, you can drag it freely to any position, and also use the arrow keys on your
keyboard to move an element precisely in one direction, such as up, down, left, or right (for details on placing elements,
see "Placing Elements on a Page" on page 168 and for details on aligning elements, see "Aligning Page Elements" on page
- 53 -