Aspect Ratio & Object Fit

Understanding Image Aspect Ratio Control in Breakdance

This tutorial focuses on using the image aspect ratio control. It guides you through the process of adjusting the aspect ratio of an image while maintaining its proportions, avoiding distortion, and ensuring the image fits correctly within the desired dimensions.

Adjusting Image Aspect Ratio

Setting the Image Width

  1. Select the image you want to edit.
  2. Go to the design tab in the Properties panel for the image.
  3. Set the image width, for example, to 500 pixels. Notice how changing the width scales the image proportionally.

Changing the Aspect Ratio

  1. Under the image settings in the Properties panel, navigate to the ‘Aspect Ratio’ option.
  2. Choose a predefined aspect ratio like 1:1 for a square or enter a custom ratio (e.g., 16:9 or 9:16).

Using the Object Fit Control

After setting the aspect ratio, use the ‘Object Fit’ control to adjust how the image fits into the defined space. The options include:

  • Fill: The default setting, which may cause distortion.
  • Contain: Ensures the image is fully visible within the aspect ratio box.
  • Cover: Scales the image to cover the entire area of the set aspect ratio.

Additional Notes

This tutorial covers the basic steps for using the aspect ratio and object fit controls in Breakdance. These features are essential for maintaining the integrity of your images while fitting them into different design layouts. Experiment with different settings to find the best fit for your images.