How To - Create graphics for custom page backgrounds.

Serif Software > WebPlus

WebPlus theme layouts (e.g., Arctic, Bygone, Clean, Clouds, Doodle, Editorial, etc.) use a series of background images to enhance the look of page backgrounds.

However, your own custom background graphics can be created in WebPlus using File>Publish Site>Export as Image. For more information, see WebPlus Help. If you are a DrawPlus or PhotoPlus user you can also export images for WebPlus backgrounds using:
  • For DrawPlus: File>Export>Export as Image.
    OR
  • For PhotoPlus: File>Export.
In this article, we'll look at some recommended Export settings for creating graphics in the above programs and some background settings once added to WebPlus.    
 
Creating background graphics


For tiled patterns

Export settings:
  Recommended dimensions: 96 x 96 pixels or smaller (ensure the tile is square).
  Recommended format: 32-bit PNG

WebPlus background settings (via Edit>Site Properties>Background):
  Repeat: Tiled
  Tile Position: Top Left

Examples:  
Alternating tiles in 2 x 2 grid, footballs, colour spots.

Vertical strips

Export settings:
  Recommended dimensions: A vertical strip, e.g. 10 x 1100 (W x H), can be created. This could include header and footer colouring/shading as part of the image. 
Recommended format: 32-bit PNG

If WebPlus pages are to be of varying height, consider using gradient transparency fading to 100% transparency (from top to bottom).
 
WebPlus background settings (via Edit>Site Properties>Background):
  Repeat: Tiled
  Tile Position: Centre Centre

Tips: Avoid pattern designs that touch the image edge, thus avoiding background tile designs that don't align with each other.
Avoid backgrounds that are too strong in colour or that will contrast with overlying text.
Try to visualize the background in use and where white space needs to be used.   

Headers

Export settings:
  Recommended dimensions: 500 x <500 pixels (WxH)
  Recommended format: 32-bit PNG

WebPlus background settings (via Edit>Site Properties>Background):
  Repeat: Horizontal
  Tile Position: Top Centre

Key point: The header will repeat at 500 pixel intervals.

Footers

Export settings:
  Recommended dimensions: 500 x <500 pixels (WxH)
  Recommended format: 32-bit PNG
 
WebPlus background settings (via Edit>Site Properties>Background):
  Repeat: Horizontal
  Tile Position: Bottom Centre