Rule #
Do you know how to configure balloons branding?
  v5.0 Posted at 27/04/2011 6:27 PM by tiagoaraujo

You can communicate better by using screenshots with balloons instead of only text. Read the benefits of using screenshots here.

We recommend you define a standard style for your balloons by changing the default colors and shape of balloons according to your branding.

More Information on SSW Branding

Balloon style - bad example Figure: Bad example - The default Fullshot balloon is blue and don't match SSW colors Balloon style - good example Figure: Good example - Balloon follows SSW branding by using red borders and grey background

Follow these instructions to configure Snagit or Fullshot (which are the 2 leading screen capture utilities).

Changing FullShot's Balloons

Open FullShot. Set this bar to be:

  1. Object transparency opacity: 90%
  2. Fill color 1: white
  3. Fill color 2: grey - 25%
  4. Line color: red
  5. Line width: 1px
  6. Font color: black
  7. Font family: arial
  8. Font size: 14px

In FullShot, you should get the setup above by making only 2 changes from the default: "Fill color 2 " and "Line width".

Once this is done, close FullShot and re-open it. 

Balloon Color and Font Bar Figure: Fullshot bar following the above changes

Use the rounded corner balloon (2nd option on the menu bar). If you need to use another style (which you should not), then just ensure it has the default style.

Standard Rounded Balloon Figure: How to get a rounded corner balloon

Remember to keep the drop shadow effect by: 

  • Enable = True, and
  • Opacity = 75

Note: You can check that by right clicking on the created object.

Baloon Properties Figure: Check the 'Drop Shadow' is enabled

Changing Snagit's Balloons

Open Snagit and set it to be:

  1. Fill color: white darker 5%
  2. Outline color: red
  3. Outline width: 1px
  4. Font color: black
  5. Font family: arial
  6. Font size: 14px
  7. Effect shadow: default (light from top left)
  8. Effect Transparency: 10%

Using Snagit 10, you should get the setup above by making a single change from the red outlined default balloon: "Font color".

Closest Default Balloon Figure: Pick the closest match default balloon so you make less changes to get the final result Setting up colors on SnagIt Figure: Setting up colors on Snagit Setting up outline on SnagIt Figure: Setting up outline on Snagit Setting up shadow on SnagIt Figure: Setting up shadow on Snagit Setting up transparency on SnagIt Figure: Setting up transparency on Snagit
 

Loading
Do you like this rule?
Loading
Do you follow this rule?
Loading

......