Creating Wrap-Around Background Images

This tutorial covers the steps to creating a polished and professional-looking wrap-around background image for your assessment like the example below.

Before you start:

• Download the Brilliant Assessments background image template at the bottom of this article.

Template guideline:

The background image template looks like this.

1. This area of the image will not visible due to the response banner and progress bar.
2. This area of the image will be partially visible. It reveals itself when you scroll down the page. Note: It may be completely hidden if you have a short page.
    
3. This area will be hidden if you have a content pane. If you have no background panel this area will have questions and text over it.
    
4. These visibility lines show what people see with different-sized screens.
    
5. TIP: The majority of screen sizes are either 1280x600 or 1440x900, so we recommend placing text or important graphics within the 1280 visibility guideline to ensure they aren't cut off for most users.
    

How to create your background image

Step 1: Set Up the PowerPoint Template

• This template helps create backgrounds for Brilliant Assessments that look polished and professional.

Step 2: Set Up the Background

• Right-click on the slide and select Format Background.
• Choose a background option, such as Solid, Gradient, or Picture Fill.

Step 3: Adjust the Template Transparency

• Adjust the transparency of the template so you can see your background colour while keeping the template overlay visible as a guide.
• •For newer Office versions head to Picture tools format> Transparency, for older versions, head to Format shape>Fill> Picture fill.

TIP: The majority of screen sizes are either 1280x600 or 1440x900, so we recommend placing text or important graphics within the 1280 visibility guideline to ensure they aren't cut off for most users.

Step 4: Add Text for Your Background

• Go to Insert > Text Box and add text
• Rotate the text vertically (90° or 270°) to avoid text cutting off on smaller screens.

Step 5: Insert Images and Shapes

• Add Shapes: Use PowerPoint shapes to create design elements: Go to Insert > Shapes, and choose shapes (e.g., arrows, stripes).
• Add Image Fill: Go to Shape Format > Shape Fill > Picture and select an image (e.g., download from Unsplash).
• Resize the shape as needed and remove the outline for a clean look.

Step 6: Group and Arrange Elements

• Select the shapes you want grouped together, right-click, and select Group. This keeps your design intact and aligned.

Step 7: Export the Slide

• Once finished, select the slide and go to File > Export.
• Choose PNG format, and select Save Current Slide Only.
• Set the resolution to 2250 x 1250 pixels if needed.

Step 8: Upload to Brilliant Assessments

• In Brilliant Assessments, go to Settings > Design. •Select Upload Image under Background options, find your saved file, and upload it.
• Save the design, and refresh your assessment to test how it appears.

Step 9: Final Check

• Check the background across different screen sizes to ensure responsiveness. Make tweaks if needed.
• This guide should give you a polished background for Brilliant Assessments.