Graphics   PreviousNext  
Navigation: New Help > Quiz Show >

Quiz Show Graphics

This game allows you to customize the colors of the game board, and customize the stage of the game, by allowing you to add your own images or logos to the game.

Game Fonts (1 ): Choose your fonts for the game. These fonts will effect all fonts in the questions, summary, and preview areas. When choosing fonts, keep in mind that you need to have these fonts installed on any computer where the game may be used. The default font for all games is Arial. Primary Colors (2 ): Will apply to the top bar of Quiz Show stage, and the Secondary Color will apply to the Question area on the stage.

The image above illustrates how some items could be customized:

  1. Custom logo will appear here.  To get the transparent look (no background just the logo) you will need to create a PNG or SWF file.
  2. The Primary Color
  3. The Secondary Color

Colors (2): You can customize the colors of the default stage, by changing the primary and secondary colors.  You do this by clicking on the colors swatches. You can choose from a variety of colors presented in the color grid of the swatches, or you can type in Hexadecimal Color Codes ensure an exact match to a specific color. When changing colors, especially when you are projecting the game in a large room, you may want to preview first. Some colors may show up much differently on a computer screen then when projected.

Avatar or Team Colors : To change the color for the teams, go to Teams, and select the swatch next to the team name to change the team colors.

Advanced User: How do I get a Hexadecimal color from my logo or image? You will need some type of image editor like Adobe Photoshop. Click on the color with the eye dropper (this will open up the color picker) and then go down to the area below the RGB.  Copy and paste the code in the box (highlighted in yellow below), then go to BRAVO! - Graphics.  Click on the color you want to change (in the example below, we are changing the Primary Color) in the pop up, and paste (Ctrl-V) the code. Then touch the large color swatch to close, and the color will now be applied to the game board. Give it a try, go to Graphics, and click on Primary Colors. Type in, or copy and paste: 990000.

   

Load Custom Logo (3): You can load a logo or image to customize the game board. Once imported, the image will appear in the upper left hand corner of the game screen. The size should be 250 x 75 pixels and can be a SWF, JPG, GIF, or PNG. See image 1.a below, to see how this will appear in the game player.

Advanced User: Because you can use SWF and GIF files, you can also add animated logos to your game board. To give your logo or image a cleaner look, consider creating a PNG file allowing the colored background of the game board to show through (no box). You can also make the logo a clickable link as well (SWF).

PNG vs. SWF: Even though both file formats will work, anytime you can use a vector image (made in Flash), the image will be crisper.

Game Graphic Templates: You can visit our "extras page" at http://c3softworks.com/resources/extras.html , to download Photoshop and Flash templates for adding images to the games.

Load Custom Stage Background (4) : You can load your own custom image as a stage background. You can use Photoshop or any image program, including Adobe Flash. The size should be 800 x 600 pixels and can be a SWF, JPG, GIF, or PNG. This image will appear in place of the default stage currently in the game.

Loading Custom Stage Background Overlay: When you make a custom stage image, it will sit over the default stage. By making your custom stage with a transparent background (PNG or SWF file), you can further customize your game board with images, text, ads or whatever you would like. This only works in Quiz Show. 

 

Load Custom Intro (5): You can load a logo or image to customize the game screen. The image will appear in the upper left corner of the game screen. The size should be 616 x 417 pixels and can be a SWF, JPG, GIF, or PNG, or FLV. This image will appear as the game board first opens. You can use the default animation that comes with the game or you can create your own animation.

Advanced User: Because you can use FLV, SWF and GIF files, you can also add animated intro screens. If you are going to use video we suggest using FLV as your file format, it will run smoother both offline and on the internet.

Load Custom Game Board Background (6): This is the area that appears directly behind the category and question board. It will be visible when the game first populates with questions and after questions are answered. This is a great area to place a logo or an image. The size should be 745 x 515 pixels and can be a SWF, JPG, GIF, or PNG file format. In the image below you will see the mythical, Coffee University logo behind the answered questions. This was created in Photoshop and the opacity was dropped to 30%.

Preview Images in game builder (7): If you have an image assigned in the game builder, click on the picture to the right of the name, to preview the image.

Advanced User: Consider using your logo or image and saving it as a PNG file and dropping the opacity to 25 percent.  This makes the image subtle, but visible.  You may choose to experiment with the opacity to best meet your needs.

Game Graphic Templates: You can visit our "extras page" at http://c3softworks.com/resources/extras.html, to download Photoshop and Flash templates for adding images to the games.


  Copyright (c) 2009-2010,  C3 SoftWorks,