Content Studio: How do I create game score graphics for my display

Topic

  • How do I create a score graphic for my display?
  • How do I create a game-in-progress (GIP) graphic for my display?

Content Studio: How do I create presentations with data elements?
Content Studio: How do I create presentations with data using Show Control 2.17 or earlier?

 

Environment

  • Product: Show Control, All Sport 5000
  • Components: Data elements in a presentation
  • Control System:

Steps

👇Click on the arrows below to expand each section. 

Get started in Content Studio
  1. To begin, open Content Studio.
  2. Start a new template.
    • Click the "New" button near the top left of the screen.
    • Select the zone for which you want to create this Game In Progress (GIP) score graphic. Normally this is displayed along the bottom of a display.
      BottomBar.jpg
Import a graphic as your background

Once a new layout is opened, select the "Insert" tab along the tool bar, and select "Picture" to import a background for your graphic.

  1. Adding a background image to your GIP graphic is an easy way to make it stand out, and tie the graphic into the rest of your production.
  2. Navigate to the file you would like to use. Once it is selected the Image Import window will appear. Click Import to import the background.
    ImportScreen.jpg

Related resource: Content Studio: How do I import images or videos?

Add data fields to your presentation
  • In the Dynamic Data Library on the left side of the screen make sure to pick the correct sport from the category drop down menu (In this example I am using Football: High School (DakStats)), and then drop down the Game In Progress section to find the data fields you need.
  • To add data fields such as clock, home score, guest score, etc… to the graphic, simply click, and drag and drop the fields from the data library on to the graphic where you would like to place them.
  • If you do not see the data field you need, you can use the search box at the top of the Dynamic Data Library to search for it.
    AddScore.jpg

Related resource: Content Studio: How do I create presentations with data elements?

Content Studio: How do I make content that pages data?

Content Studio: How do I combine data elements together?

Content Studio: My text appears to be cut off or does not shrink to fit in the element

Adjust the text elements 
  1. Edit the font of any data field by selecting it and choosing the "Home" tab on the toolbar. Here you will find options to change the font, font color, font size, bold, italicize, add drop shadow, etc…
    • Adjust the font to your liking and position it on the graphic where needed.
  2. Edit Sample Data to fit your needs.
    • When you drop in home team score it automatically starts with 8888, but in football you will not see a score with more than two digits. To edit this, select the data field on the graphic.
    • Click "Field Properties" from the tool bar, and in the sample box delete the number of characters needed to suit your sport.
      SampleData.jpg
    • Align tools under the Format tab to help align the elements to one another on the graphic.
      AlignTools.jpg
  1. Continue adding any data fields you may need for your sport by repeating the above steps. 
  2. Use text boxes (under the insert tab) to label data fields if needed. In this example, I have labels for "Down", "To Go" and "Ball On."

Related Resources

Content Studio: How do I align my elements

Content Studio: How do I lock elements in place when editing a presentation

Use media RTD in your Score Graphic

One way to really make your GIP graphic pop is to use MediaRTD to display a graphic instead of a data field itself. This is setup up ahead of time and the graphics update automatically. This is used a lot with team logos instead of just displaying the team name. Or having a graphic indicator for time outs left, instead of just seeing a number.

  • For timeout indicators, have individual graphics named 1.png, 2.png, and 3.png. These numbers correspond with the number of time outs left, and the images themselves should show that.
    MediaRTD png.PNG
  • For team logos, name the logo by the team name, but you must be sure that the team names are entered in to the All Sport Console with the same spelling.
  1. Place all images you want to use in this fashion into the MediaRTD folder inside your content folder.
    • These files need to be named exactly as the data is sent from the All Sport or data provider.
    • Save them as a .PNG to preserve the transparent background.
      GIPElements.jpg
  2. Once your images are placed in the MediaRTD folder for use, inside of Content Studio add the data field you would like to associate with these graphics.
    •  In the example below uses Home Time Outs Left - Total from the Game In Progress: Football.
  3. With the data field selected go to the Field Properties tab and select the check box that says "Is MediaRTD."
    IsMediaRTD.jpg
  4. Associate a sample graphic with your data field.
    • In the example, the graphic named 3.png was used. 
  5. Navigate to your MediaRTD folder within the content folder, and select one of the corresponding graphics you loaded so you can align the element properly within the image.
  6. Continue steps 1-3 for any other desired fields.  The example below shows Home and Guest Timeouts, Home Team Name, and Guest Team Name.
    Finished.jpg
  7. At this point you can save your GIP graphic and create a normal play button within Display Studio to play it. The data fields will update automatically as the data from the All Sport changes. The MediaRTD fields update as well as timeouts are used, and team names are changed.
    OnDisplay.jpg

Related Resources

KB ID: DD3624777


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.