Create Simple Room ID Sign

  • Check out a step-by-step video demonstration here: Artwork 101
  • You will need Adobe Illustrator (CC or newer) to create the templates.
  • You can also use the A2-Room template as an example file.

1. Create the Sign

Follow the instructions below to create dynamic sign templates using SignAgent.

  1. Draw your signs as you always do.
  2. Move everything to one layer and call it "Sign" or "Preview"
  3. Create a sub-layer for each field that you want to be dynamic. The name for this sub-layer should match the field name, except that it should be all lower case, and replace space with _
  4. Move text into that sub-layer
  5. Create a no fill / no stroke rectangle to the size of the box to be filled
  6. Rename the layer using alignment commands
    • One of (left, center, right)
    • One of (top, middle, bottom)

When creating field names, follow these rules:

  • Layer names should be all lowercase
  • Spaces should be replaced with "_"
  • Special Characters should be ignored completely

For example, "Room Number" becomes "room_number"

If you're unsure about how to name one of your layers, check out the replacements section in the Fields tab of the Edit Type page

Note that manual kerning isn't supported yet, so make sure to use kerning of "0" or "Auto"

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…
  4. Select the option to Use Artboards

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

2.3. SVG Options

Make sure your export options matches the following

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

  1. Select Fields Tab
  2. Add Message Fields
  3. Save (not shown)

For more information on customizing fields, check out this article: Customizing Fields in Sign Types

3.3. Choose SVG Template

Note that 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

Once you save, if you come back to this tab, you'll see a preview of what the original template looked like, as well as a preview of one of your signs using your new template. This is a great way to confirm that things are working as expected

Getting an error? Check out this article: Font Upload Error