DunneNote · Tutorial
Pictures with captions
Add a photo, crop and rotate it, draw on it, and give it two captions.
Available15 min· Beginner· DunneNote 0.9.2
In this tutorial you'll add a picture to a page, crop and straighten it, mark it up, and add captions. Along the way you'll see why a caption in DunneNote is its own text canvas, and what that lets you do.
You'll need#
- A notebook with a page open. The first notebook tutorial sets one up.
- An image file, such as a photo from your phone.
Add and frame the picture#
- Choose New (+) ▸ Picture and pick your image. DunneNote confirms with "Picture added."
- With the picture selected, choose Crop in the toolbar and drag an edge inward. The part of the image you're keeping stays still, and the edge stops at the image boundary.
- Choose Resize to go back to resizing the canvas itself.
Straighten it#
- Choose Rotate right once. The picture turns by one step.
- Drag the rotate handle to turn it freely. Then drag again while holding Shift, and notice it snaps to 15° steps.
- Type
2.5in the angle box and press Enter. Because you typed one decimal place, Rotate left and Rotate right now step by 0.1°. Try them. - Choose Reset rotation to 0 degrees to put it back.
Mark it up#
- Choose Markup and draw a circle around something in the picture.
- Leave markup, then switch pages and come back. The strokes are still there, anchored to the image.
Add captions#
- Select the picture and choose Add caption. A transparent text canvas appears along the bottom of the picture, already grouped with it.
- Type a caption. Select a word and make it italic with Ctrl+I (Cmd+I). The caption is a full Rich Text canvas, so every text format works.
- Select the picture again and choose Add caption a second time. Type the caption in another language.
- With the second caption selected, use Placement to move it Along Top. Then try User-Placeable and drag it wherever you like.
- Choose Move canvases and drag the picture. Both captions move with it. Choose Move canvases again to turn it off.
What you've learned#
- A picture's image never changes. Crop, rotation and markup are kept alongside it and can be undone.
- The number of decimal places you type sets the rotation step.
- A caption is a Rich Text canvas grouped with the picture, so it has full formatting, and a picture can have several.
- Placement positions a caption, and User-Placeable lets you drag it.
Next#
- Working with tables
- Pictures, the full reference
Something unclear or out of date? Open a support ticket.