Design Templates are SVG files based on UV maps of your 3D models. Design templates are your base designs that you can modify using BRIKL 3D Configurator by changing the color or adding prints.
IMPORTANT: The first step is to download the UV map as an SVG file from BRIKL. We highly recommend doing this even when you created and uploaded your own 3D model and UV map to BRIKL. Doing so will ensure you always create your design templates based on the correct UV map.
IMPORTANT: This guide has been written specifically for Adobe Illustrator. Should you use other design software like CorelDraw, please contact BRIKL for more information.
You can create simple design templates in the Design Room by adding colors to each of the parts by using a color picker. By coloring the different parts, BRIKL will recognize them as groups.
For more complex design, you need to use design software, like Illustrator.
Before creating an SVG design template in your design software (e.g. Illustrator), you must first download the UV map as an SVG file from the BRIKL Dashboard. This file is what we call the “Base template” in BRIKL.
IMPORTANT: The SVG file is a large file that may take some time to download.
After you click Download, it will open up a new tab in your browser.
Now you are ready to edit the SVG template in Illustrator
Open your SVG file in Illustrator,
IMPORTANT: Each product has its own unique pattern layout. Do not change the position of the pattern pieces. Changing the position will make it no longer compatible with the BRIKL UV map that is available in the system.
IMPORTANT: Each product has its own unique artboard size. Do not change the artboard size. Changing the artboard size will make it no longer compatible with the BRIKL UV map that is available in the system. You can check the artboard size in Illustrator by going to Document Setup.
You must create different layers for each file which can be recognized by BRIKL when you import the design template back into the system. There are three different types of layers:
IMPORTANT: Make sure to write the color name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.
IMPORTANT: Make sure to write the view name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.
IMPORTANT: Please maintain the correct sequence of the layering. For example:
IMPORTANT: When you only want to add a color layer, you can remove the logo zone and view zone layers from your file.
Make sure not to group any elements within the logo layer. Grouping elements for logos or any other vector shapes will make the file UNREADABLE by BRIKL software.
Make sure also not to group any colors within the color layer. Grouping color elements will make the file UNREADABLE by BRIKL software.
Instead of grouping, you can optionally create a Compound Path to reduce the number of elements of a logo of vector shape.
IMPORTANT: Compound paths can only merge paths with the same color. You can undo a compound-path by right-clicking the path and then releasing the Compound path.
In case you have multiple logos for your design, you must make sure to keep them in the same logo layer.
Clipping mask versus Pathfinder
When creating a colorzone, make sure not to use clipping masks since this is not supported by BRIKL software. Instead, you can decide to use the pathfinder. You can find Pathfinder in the Window tab. Please note that this is optional - you do not need to use pathfinder to create a design template.
IMPORTANT: When using a pathfinder to crop a specific design, sometimes it will leave an invisible outline. To identify this, simply ungroup the cropped design, locate it in the layer and delete it. An invisible outline can affect the pattern if not removed and will lead to errors when uploading it back into the BRIKL system.
IMPORTANT: Using pathfinder will automatically group the objects. We need to avoid this. Therefore after using pathfinder, make sure to ungroup the objects and use the compound path method.
IMPORTANT: Non-customizable objects like images can be converted into images to reduce the size of the file and prevent the software from lagging when loading the 3D.
To convert objects into an image :
After you created your template, the next process is to save it as an SVG.
Finally, you are ready to upload the SVG design template
Step 7 - Naming the zones
You can name each of the zones,
IMPORTANT: If you don’t name the zones, the names of the color zone layers will be used as the default names (e.g. COLORZONE-1).
Step 8 - Assigning materials and colors
You can assign a material to each zone. Each material is associated with a number of colors.
IMPORTANT: You can create different color palettes for each design template.
For example, in case you have 3 design templates and 2 different materials (e.g. fabric and zipper):
Material 1 - Design Template 1: Colors
Material 1 - Design Template 2: Colors
Material 1 - Design Template 3: Colors
Material 2 - Design Template 1: Colors
Material 2 - Design Template 2: Colors
Material 2 - Design Template 3: Colors