Daktronics

FrameWrx: How do I save SVGs to upload

Topic

One of the best ways to get editable designs into FrameWrx from Illustrator or Photoshop is by saving them as SVGs. SVGs are vectorized image files for two-dimensional graphics. When exporting them, follow these steps in order to have them be uploaded properly into FrameWrx. You can upload them into any canvas by dragging and dropping or selecting the upload button in the editor. 

Environment

  • Product: 
  • Component: Content Creation
  • Control System: FrameWrx Content 
FrameWrx by Daktronics is a cloud-based content design platform that enables anyone, anywhere to access professionally designed templates to elevate their brand for event production and promotions. This timesaving platform simplifies content creation, maximizing the impact of digital video displays and social communication. Event producers of any ability can access top-level, intentionally designed templates, created by the professional digital artists who provide content for professional stadiums.  
FrameWrx horizontal.png
 

Steps

Saving an SVG within Adobe Illustrator:

  1. Select the object.
  2. If any part of object has a stroke color, you will need to expand the object by clicking object > expand and click OK.
  3. If object has editable text, you will need to convert the text to outlines. Select the text only and click Text > Create Outlines.
  4. Before saving, Artboard must fit to object. With object selected, double click the Artboard Tool (see screenshot). When the Artboard options appear, click the dropdown menu and select 'Fit to Selected Art' (see screenshot). This ensures no unnecessary space will be added around object when selecting object within Design Huddle (see screenshot).
  5. To save object, click File > Save As. In the format menu options, click SVG. In the SVG options, please use the following below or (see screenshot):
  • SVG Profiles: SVG 1.1
  • Type: SVG
  • Subsetting: None
  • Image Location: Embed
  • Uncheck 'Preserve Illustrator Editing Capabilities
  • CSS Properties: Style Attributes
  • Decimal Places: 1
  • Encoding: Unicode (UTF-8)
  • Check 'Output fewer <tspan> elements
  • Uncheck 'Use <textPath> element for Text on Path
  • Check 'Responsive'
  • Uncheck Include Slicing Data
  • Uncheck Include XMP
  1. Click 'Ok'

Saving an SVG from Photoshop:

  1. Open the Adobe Photoshop file within Adobe Photoshop.
  2. Click File > Save As
  3. In Format menu click Adobe Photoshop and Save.
  4. Open Adobe Illustrator and click File > Open.
  5. Locate the Adobe Photoshop file and proceed to open.
  6. From here, follow steps for Saving an SVG within Adobe Illustrator above.

 

KB ID: 000027988

DISCLAIMER: Use of this content may void the equipment warranty, please read the disclaimer prior to performing any service of the equipment.

DAKTRONICS DOES NOT PROMISE THAT THE CONTENT PROVIDED HEREIN IS ERROR-FREE OR THAT ANY DEFECTS WILL BE CORRECTED, OR THAT YOUR USE OF THE CONTENT WILL PROVIDE SPECIFIC RESULTS. THE CONTENT IS DELIVERED ON AN "AS-IS" AND "AS-AVAILABLE" BASIS. ALL INFORMATION PROVIDED IN THIS ARTICLE IS SUBJECT TO CHANGE WITHOUT NOTICE. DAKTRONICS DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING ANY WARRANTIES OF ACCURACY, NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. DAKTRONICS DISCLAIMS ANY AND ALL LIABILITY FOR THE ACTS, OMISSIONS AND CONDUCT OF YOU OR ANY THIRD PARTIES IN CONNECTION WITH OR RELATED TO YOUR USE OF THE CONTENT. ADJUSTMENT, REPAIR, OR SERVICE OF THE EQUIPMENT BY ANYONE OTHER THAN DAKTRONICS OR ITS AUTHORIZED REPAIR AGENTS MAY VOID THE EQUIPMENT WARRANTY. YOU ASSUME TOTAL RESPONSIBILITY FOR YOUR USE OF THE CONTENT AND ANY LINKED CONTENT. YOUR SOLE REMEDY AGAINST DAKTRONICS FOR DISSATISFACTION WITH THE CONTENT IS TO STOP USING THE CONTENT. THIS LIMITATION OF RELIEF IS A PART OF THE BARGAIN BETWEEN THE PARTIES.

The above disclaimer applies to any property damage, equipment failure, liability, infringement, or personal injury claim arising out of or in any way related to your use or application of the content, whether such claim is for breach of contract, tort, negligence or any other cause of action.