Image Areas | Anchor Gravity

What is Anchor Gravity?

Anchor Gravity is an Image Area setting that allows creators to define a specific default load position for uploaded images, in relation to the Image Area boundary. The Anchor Gravity dropdown menu provides the following preset options - Centre (set by default), East, North, North East, North West, South, South East, South West and West. 

Please note, historically images have always been centered to the Image Area only - these new controls provide much greater control for defining a specific user experience.

Anchor Gravity is compatible with all Image Area Fit Modes but offers best results with *Relative and Contain options. Different Fit Modes will offer different results based on the scaling rules being applied. 

The image below serves as a visual representation of each anchor point location on a standard image area.

The image above shows the following - NE (North East), N (North), NW (North West), E (East), C (Centre), W (West), SE (South East), S (South) and SW (South West). 

How to set Anchor Gravity

To set Anchor Gravity against your Image Area, you simply need to head to the Functionality section of your product and under the Images tab and open the edit settings as shown below. 

Once the menu is displaying like the above simply open the Behaviour menu and within this you will see the Anchor Gravity dropdown. 

Within this dropdown users can choose between the mentioned options and finally click save.

Now the gravity has been set an image will load within this gravity point by default, for example the screenshot below shows an image set with a North East anchor point using Relative as the Fit Mode. 

• Related Articles

• Image Areas | Strategies for dealing with angled image areas

  Overview The purpose of this article is to recommend some approaches that can be used when a rotated or angled image area is required as part of a design on a product. But wait, isn't there already an article on this??? ...

• Image Areas | What is an image area?

  This video is a lesson taken from our Gateway Academy course Mastering Product Creation (Level 1).  For more information or to enroll on available courses go to: https://academy.custom-gateway.com/

• Image Areas | Options > Fit Mode

  Please note that Fit Modes have been updated and as of 2022 there are 3 additional types which are detailed below - These types are Relative, Relative Contain and Tile. Top Tip: Watch on full screen for best quality / viewing experience! Please note ...

• Image Areas | Multiple image areas / collage layout

• Print Areas | Print Area Regions

  Introduction Regions allow a specified portion of a print area to be cloned and re-applied elsewhere on the print area. They are often utilised to create mirroring or stretching effects. Important note: Regions are currently only supported in the ...