How to add a 2D stock image?

With BRIKL you can add 2D stock images to your Design Studio for customization.

The 2D stock images must be in SVG format (see below for detailed instructions).

Stock images can be customized in different ways. You can:

  • Change colors
  • Add prints
  • Add text
  • Add graphics
  • Add placeholders
  • Add team rosters (‘order details’)

Step 1 - Create a product

Learn how to create a new product with our step-by-step guide here.

Important: Make sure to enable the customization option for your product.

Step 2 - Access the Studio Editor

Access the Studio Editor by navigating to Design > Studio Editor

If you want to learn more about the Studio Editor, visit our guide here.

Step 3 - Set the Design Studio to 2D mode only

Go to Studio settings

Design step 1

 

Click on Design Steps

 

2D Step 2 (1)

Enable 2D view and disable 3D view

 

2D Step 3 (1)

 

Step 4 - Create and upload a design template 

Step 4.1 Create a design template

Make sure to embed the 2D PNG or JPEG in your design software.

2D Step 5

Make sure to embed the 2D PNG or JPEG in your design software.

Make sure to embed the 2D PNG or JPEG in your design software.

Make sure the image is on one layer called COLORZONE-1. 

2D Step 6

If you want to learn more about COLORZONE, check out our design template guide.

Important: Do not create any “Group” in your SVG file. It will make the file unreadable by the BRIKL software.

Important: Make sure to refresh the page after all uploads are done

Step 4.2 Upload a design template

Go to the Studio Editor‍

Click on Studio settings

 

2D Step 7

Create a new design template

2D Step 8

Open the new design template

2D Step 9

Upload the 2D stock image svg in the design template upload area

2D step 10

Important: Make sure to refresh the page after all uploads

Step 5 - Upload a preview image for the design template

Go to the Studio Editor

Open the Design template tab

2D Step 14

Select your design template and upload your design template preview image

2D Step 15

Select your design template and upload your design template preview image

You now have a 2D design template with a preview image.

2D Step 16

 

To test if your settings are fine. Access the text step of your configurator and add a text. It is as simple as that.