SignAgent Working with TemplatesCreate Simple Wall Directional (Repeating Messages)

Create Simple Wall Directional (Repeating Messages)

You will need Adobe Illustrator (CC or newer) to create artwork templates.

You can also use the B1-template.ai template as an example file.

1. Create the Sign

Draw the sign the way you always did then follow the instructions below to create dynamic sign templates using SignAgent.

You only need to draw the first line of the mult-line

 

  1. Move everything to one layer and call it "Sign" or "Preview"
  2. Create a nested layer in "Sign" or "Preview" called "column"
    Create a no fill / no stroke rectangle to the size of the box to create a "track" in which the repeating element will repeat.
  3. Create a nested layer in "column" called "repeat"
    whatever elements are in the folder will be repeated.
  4. Create a nested layer in "repeat" called "height"
    Create a no fill / no stroke rectangle to the size of the box. The height of the rectangle is used to step and repeat the repeating element.
  5. Create a nested layer for each field in "repeat" that you want to be dynamic.
    • Create a nested layer called "arrow"
      Create a no fill / no stroke rectangle to the size of the box
      Rename the rectangle using alignment commands. One of (left, center or right) and one of (top, middle or bottom)
    • Create a nested layer called "destination"
      Move text into that sub-layer
      Create a no fill / no stroke rectangle to the size of the box to be filled
      Rename the layer using alignment commands. One of (left, center or right) and one of (top, middle or bottom)
    • Create a nested layer called "symbol"
      Create a no fill / no stroke rectangle to the size of the box
      Rename the rectangle using alignment commands. One of (left, center or right) and one of (top, middle or bottom)

column, repeat and height element must be called out using exact names.

column is used to specify the location and extent where the repeating element can repeat. If there is more than one element use column_1, column_2 etc.

repeat is used to specify the elements that should be set and repeated.

height is used to specify the height of the repeating element and is not required. If you don't specify the height SignAgent will calculate the repeat based on the all the elements in the repeat layer.

Layer Names should all be lowercase.

Spaces should be replaced with "_"

Layer Names must match Field Names

Field Name "Room Number" = Layer Name "room_number"

2. Exporting Signs

2.1. Save sign

  1. Select File (not shown)
  2. Select Save

Make sure that you save it in a place where you can remember.

2.2. Export as SVG

  1. Select File
  2. Select Export
  3. Select Export As…

Make sure that you export to place where you can remember.

2.3. SVG Options

Make sure your export options matches the following

Styling: Internal CSS
Font: SVG
Images: Embed
Object IDs: Layer Names
Decimal: 4
Minify: Off
Responsive: Off

3. Upload SVG

3.1. Find Sign

  1. Right click on the sign that you want to edit
  2. Select Edit

3.2. Match Fields

Messages section can be left blank if you aren't making a single message signs such as Room IDs or Amenity IDs

  1. Enter Number of Columns
  2. Enter number of repeats/rows per column
  3. Select Fields Tab
  4. Add Message Fields
  5. Save (not shown)

 

3.3. Choose SVG Template

Fonts must be installed prior to uploading the SVG and must match the name exactly as specified in the SVG.

See Adding Fonts Tutorial.

  1. Select Template Tab
  2. Press Choose File button
  3. Save

 

0 Comments

Add your comment

E-Mail me when someone replies to this comment