Learn

Create a 3D design template

With the BRIKL 3D Configurator you can create "design templates" using your design software of choice. In this step by step guide, we'll be using Adobe Illustrator©. 


Starting from the BRIKL dashboard, navigate to the catalog tab and select a product. Next, move to the Asset tab and download the "base template" SVG file. The base template SVG is a map of the 3D product. Following the artboard measurements and pattern position of this base template will ensure that your design template will render perfectly onto the 3D product.


Once you've clicked on the SVG download button, BRIKL will open the file in a new tab. You might not see it at first, but we assure you it is there. It is just a very large file as all patterns are production-ready. To save the file, simply right-click with your mouse and select "save as ..." option. Make sure you save as an SVG file type.


Alright, let the fun begin. Open the newly downloaded base template in your design software. Remove all unnecessary lines and only keep the printing lines. Be careful not to move or rearrange the patterns on the artboard. 


From now on, channel your inner designer and create beautiful designs. But not so fast, the BRIKL 3D Configurator needs a certain set of rules to work perfectly. 


Design templates are base designs that your customers can modify. Your customers can change certain colors or add seamless prints to specific zones on your design. To do so, carefully plan your design. We have 2 types of zones, we have the COLORZONE and VIEWZONE. They each have a role to play during rendering. The colorzones will group paths and shapes, allowing them to be modified at the same time. To make it easier, you can group zones by color, thus the name colorzones. The viewzones are elements on your designs that are not customizable like embedded images.


In Adobe Illustrator©, make sure all elements that need to be grouped are in the same layer. Name each layer "COLORZONE-zone number". As an example, if you have 3 colorzones:


  •  COLORZONE-1
  •  COLORZONE-2
  •  COLORZONE-3


Do the same with VIEWZONE layers. Always make sure that any images imported are embedded in your design file. Same for the export process, verify that you have selected to export the design template as an SVG file type and checked the "export with artboard" and embed options.

  •  VIEWZONE

Finally, let's go back to the BRIKL dashboard. Open the same product and this time navigate to the "Design Template" tab. Create a new template and drop your SVG into the colorzone SVG box.


Awesome, you have successfully created and uploaded a design template!


Next, we need to test your newly added design template and create a preview. Move to the top navigation, and select the "Design" link. Find the product you've just added the template for. Next, click on the "Open in design room" button. 


Preview and check for any issues on the 3D model. If you’re happy with the result, click on the Export tab and select the "Export 3D as an image" button. It will download a 3D preview of your design template.

Finally, open the BRIKL dashboard once more, navigate to the Design Template tab and upload the corresponding preview. And voilà!


Copyright © 2020 BRIKL BV, Belgium/Europe