.png?height=120&name=sa-logo-white%20(2).png){kind=logo}
What does the designer do on a Friday night? They go ALIGN DANCING!
- This tutorial will teach you how to have elements of your sign artwork dynamically align to other elements in your sign artwork.
- Note that this is currently only available for non-repeating fields.
- Note that this is an advanced templating technique in SignAgent.
Alignment will allow you to easily and precisely define the locations of sign contents based on other sign contents. This is great for braille, symbols, destinations, and much much more!
You can align any vertical edge to any other vertical edge, or any horizontal edge to any other horizontal edge. See the table at the bottom of this article for all of the options
Template Creation
A2-Room_ID_align.ai
In the example above, we're having the TOP EDGE of Room Name Braille (our object) align with the BOTTOM EDGE of Room Name (our target), with a 0.375 inch offset. There are 3 major parts to this command:
- Alignment command - How do you want this to align? In this example we're aligning the TOP EDGE of our object to the BOTTOM EDGE of our target
- align_top_to_bottom:
- Define the target - What do you want to align to? In this example, our target is Room Name
- room_name
- Offset - Do you want an offset from the target? In this example, we're having a positive offset of 0.375 inches (which is 0.375 inches BELOW the BOTTOM EDGE of Room Name)
- 0.375 inches
The final result is COMMAND: Target Offset
align_top_to_bottom: room_name 0.375 inches
Horizontally, positive is moving from left to right
Vertically, positive is moving from top to bottom
You can use most units of measurement in here as well, including px, pt, mm, cm, m, in, ft, & pi
From there, just export as usual and upload into your sign type in SignAgent. No further adjustments in the sign type are needed.
List of Commands and Examples
| Command | Description |
|---|---|
| align_left | Aligns the left edge of the object to the left edge of the target |
| align_center | Aligns the horizontal center of the object to the horizontal center of the target |
| align_right | Aligns the right edge of the object to the right edge of the target |
| align_top | Aligns the top edge of the object to the top edge of the target |
| align_middle | Aligns the vertical middle of the object to the vertical middle of the target |
| align_bottom | Aligns the bottom edge of the object to the bottom edge of the target |
| align_left_to_right | Aligns the left edge of the object to the right edge of the target |
| align_left_to_center | Aligns the left edge of the object to the horizontal center of the target |
| align_center_to_left | Aligns the horizontal center of the object to the left edge of the target |
| align_center_to_right | Aligns the horizontal center of the object to the right edge of the target |
| align_right_to_left | Aligns the right edge of the object to the left edge of the target |
| align_right_to_center | Aligns the right edge of the object to the horizontal center of the target |
| align_top_to_bottom | Aligns the top edge of the object to the bottom edge of the target |
| align_top_to_middle | Aligns the top edge of the object to the vertical middle of the target |
| align_middle_to_top | Aligns the vertical middle of the object to the top edge of the target |
| align_middle_to_bottom | Aligns the vertical middle of the object to the bottom edge of the target |
| align_bottom_to_top | Aligns the bottom edge of the object to the top edge of the target |
| align_bottom_to_middle | Aligns the bottom edge of the object to the vertical middle of the target |
| Example | Description |
|---|---|
| align_left_to_right: destination 0.5 in | Aligns the left edge of the object to the right edge of the Destination, with a 0.5 inch offset between them Great for trailing symbols or suite numbers |
| align_top_to_bottom: occupant_1 40 mm | Aligns the top edge of the object to the bottom edge of Occupant 1, adding a 40 mm offset between them Great for a second occupant or job title |