Aligning Groups

In addition to being able to align individual layers how you'd like, BeFunky also has the ability to align a collection of layers (images, text, & graphics) to different areas of your canvas. This can be particularly handy when you have already aligned your layers individually so they look good in relation to each other. While you can use this functionality in any app section, you'll probably find it most useful in the Graphic Designer.

Depending on your selected layers, the Properties menu that appears will either say Image, Graphics Properties, Text, or Selection (for any combination of the prior three).  Alignment options will be consistent no matter the combination of layers you have selected to align.

Step 1: Select the layers you would like to align as a group. A locked layer will not change position. When working with groups of layers, the outermost edge of the group will align with the canvas, and all other layers will move in tandem.

Step 2: Click Options on the Properties menu and click your alignment preference. This menu includes a set of alignment tools that align your group relative to the canvas. These canvas alignment tools position your text layer based on its edges or center points:

Horizontal alignment

• Align Left – Aligns the left edge of the group to the left side of the canvas.
• Align Center – Centers the group horizontally on the canvas.
• Align Right – Aligns the right edge of the group to the right side of the canvas.

Vertical alignment

• Align Top – Aligns the top edge of the group to the top of the canvas.
• Align Middle – Centers the group vertically on the canvas.

• Align Bottom – Aligns the bottom edge of the group to the bottom of the canvas.

  One click will align the entire group to your selected position on the canvas. This will align the outermost edge of the group to the canvas,  and all other layers will move in tandem.

  A second click will realign the individual layers within the group. This aligns the edge of each layer to the edge of the canvas. 

The Options menu gives you additional control over your design elements, including:

• Opacity – Adjust the transparency of your group.
• Blend Mode – Change how your group interacts with the background.
• Flip – Flip the group horizontally or vertically.
• Layer Order – Move the group forward or backward among other layers.

Using the On-Canvas Alignment Menu

The on-canvas context menu provides a fast way to align your group directly from the workspace. It works the same way as the Options menu.

Step 1: Select your desired layers.

Step 2: Click on the selected group to open the on-canvas context menu.

Step 3: Hover over the alignment icon and choose your preferred alignment option.

• A single click on the alignment choice will align the outermost edge of the group to the canvas. 
• A double click will realign the edge of each layer to the edge of the canvas.