This illustrated tour of RoundedPic provides tips and demonstrates how to create the following image. Although the demo takes place on an iPad, the process is similar for Mac or iPhone.

If you want to participate on your own device then you can download the following image and mask to your photos library, or the Files app. Alternatively the image and mask can be copied from here and pasted directly into the app - look for the Paste Image button in the main view, or in the image and mask tab views. The paste image button is available when an image is detected on the pasteboard.

Image:

Mask:

In this tour the app is run on an iPad, where different apps can run side by side using split views

Be sure the app is in the Picking Image mode. Swipe on the image view on the left to switch between Picking Image or Picking Mask mode, or tap on the flip button. The right side view is the preview, where the image, mask and canvas are rendered.

Open the Photos or Files app next to RoundedPic, and drag the Brooklyn Bridge image into the RoundedPic app with the Picking Image view selected.

Alternatively the image can be pasted from here - look for the Paste Image button in the main view. First copy the sample image above in the browser:

Now tap the Paste Image button in the main view, you may be prompted to allow the paste:

Switch to the Border tab view, change the border width slider to a non-zero value, and then tap on the Border Color control to pick a color

To create a background for the image and title, select the Canvas tab view and tap on the Paper Type popup menu to select type SD (4:3), for a canvas with an aspect ratio of 4:3.

The canvas size is determined by the smallest rectangle with this aspect ratio that can contain the image.

In the canvas tab view the image can then be scaled and positioned anywhere within the canvas.

When the image has a mask, the mask follows the image when the image is repositioned, similar to how the Moon follows the Earth around the Sun.

Tap the Paper Texture popup menu to select Background Image. Then tap the Background Browser button to select a background. In this example the ecru background was selected.

In the canvas tab view scroll down to the Image Scale and Position disclosure, open it, and open the Preview. The image with a colored border is shown with the selected background appearing behind the image.

To reveal more of the background canvas image, and to make room to add a title, use the Scale slider to reduce the image size, and the Y coordinate slider to move the image up a bit.

Tap on the magnifying glass icon of the Preview to expand the preview. When the preview is expanded the full resolution image is generated and can be saved to Photos or Files, or shared.

On the Mac or iPad, tap and hold on the icon in the lower right corner to drag the processed image to the Photos or Files app. Alternatively the export button can be used to save the processed image to Photos or Files.

To put a title on the processed image, in the Picking Image mode replace the current image with the processed image by dragging it from Photos or Files into the app.

In the canvas tab view turn off the canvas by selecting a paper type of none:

In their respective tab views, reset the border and corner size to zero:

Tip: All options can be set at once to their default values using the reset button (turn around arrow icon ↩) in the upper right corner of the main view:

The image should now appear with no rounded corners, border or canvas:

Add the title image to Photos or Files.

A title Brooklyn Bridge was created in the Notes app, a screen shot was taken and added to the Photos app. In the Photos app that title was cropped.

Tip: When loading images from the Photos library this app distinguishes between edited and original versions of media. To make sure edited versions of the photos are loaded open the Image Size Comparison view, and then open Image Loading Options view and turn OFF the Load Original Image option. This way the edited image will be retrieved, and not its original.

Switch to the Picking Mask mode by swiping on the left side image view or tapping its flip button. Then drag the title image from the photos library or Files into the app.

Alternatively the mask can be pasted from here - look for the Paste Image button in the mask tab view. First copy the sample mask image above in the browser:

Now tap the Paste Image button in the Mask tab view, you may be prompted to allow the paste:

In the Mask tab view and select the options Convert to Mask and Mask is Overlay.

Tip: Convert to Mask is an operation that creates masks with transparency from black and white or color images. It does this by associating the amount of pixel transparency, called the pixel alpha value, with the color of the pixel. In particular black becomes fully transparent while white is fully opaque. Gray, or color, pixels may have partial transparency, as shown here with a step gradient:

Tip: The Mask is Overlay feature enables masks to play a dual role. They can be applied as a template where their transparency is used to cutout parts of the image below it, or applied as a stamp to be drawn directly over the image with transparency.

Use the Y coordinate slider in the Mask Scale and Position disclosure to move the title to the bottom of the image.

Finally switch to the magnified preview to view a larger preview, from which the processed image can be shared or saved.