Dynamic vector (clipart)

Dynamic Vectors are places where you can add pre-set vectors to your designs. It can be a single vector or a collection of vectors for customers to choose from, that is why they are dynamic! 

They are a very versatile element, that can be used in many ways on your designs. For example:

• if you want to add a fixed graphic to your design (like a nice quote, or a frame) you can add it as a dynamic vector

• if you want to give customers clipart options to choose from (like choosing quotes, or logos) you can upload all those options into a dynamic vector

• if you want to add a mask to your designs (to give it a cool shape) you can upload it into a dynamic vector

A dynamic vector is represented on the canvas by a dashed line, showing the vector you uploaded onto it inside. If you have uploaded multiple vectors into it, you will only see one of them at a time.

How It Works

When you add a Dynamic Vector to your design:

• Shoppers see a pre-set vector or a list of vector options to choose from.

• If you’ve uploaded multiple vectors, shoppers can switch between them by selecting from a product option (like dropdowns or swatches). Only one vector will show at a time—whichever one matches their selection.

• You define the position, size, and behavior of the vector; shoppers don’t upload or modify the artwork.

• If multiple color options are added, shoppers will see options to pick from them.

• If Movable Vector is enabled, shoppers can also reposition or resize the image within the area you define.

Dynamic vectors can have one or multiple vectors in them. The file type supported by dynamic vectors is EPS. Make sure the EPS files you upload into the dynamic vector are composed of vector elements. If your EPS file has image elements inside (like PNGs or JPGs) or text elements (with font information) we recommend transforming everything to curves before uploading to Customily.

If you are unsure whether to use dynamic images or dynamic vectors, we recommend using images, as they load faster on previews. If you want to add images to your design check dynamic images.

In this article:

• How to add a dynamic vector

• Uploading vector/s into the dynamic vector

• Transform the dynamic vector

• How to add color options to the dynamic vector

• Allow shoppers to move the dynamic vector

To add a dynamic vector

You can add dynamic vectors on Designs a Templates by clicking the Dynamic Vector button.

Each dynamic vector you add will have a Name that you can edit, and a Unique Id for you to easily identify it. 

Adding vector/s options into the dynamic vector

After creating the element you will need to add the vector/s that will go in it. You can add vectors in two ways:

• by using a vector library (which is the easiest way)

• by manually uploading all the vector options you'd like to have

To add vector/s into the dynamic vector using libraries

1. First, you have to create a vector library. You can learn how to create a vector library here.

2. Select the dynamic vector

3. Click Pick Library

4. Choose the vector library you'd like to use

You will see all the vector options displayed in a list. To see how they look, just click through them.

To add vector/s into the dynamic vector manually

1. Select the dynamic vector

2. Click the + Add Vector Option button

3. Select the vector or vectors (using shift) you want to upload

4. Repeat 2 and 3 to add as many vector options as you want.

You will see all the vector options displayed in a list. To see how they look, just click through them.

To delete a vector option, click the 🗑 to the right of the vector icon.

To edit a vector option, click the ✏ to the right of the vector icon, and upload a new vector.

Transform the dynamic vector

Directly on the canvas or by expanding the Transform toolbox, you can transform the dynamic vector:

• Position

• Rotation

• Size

• Flip

• Order

To add color options to the dynamic vector

By changing the dynamic vector Mode, you can apply coloring effects to the vectors. The vector types available are:

Full Color

Vectors in full-color mode will remain exactly as you uploaded them. This is the standard mode for vectors.

Single Color

This converts the vector into a solid color silhouette. It's ideal for laser cutting, engraving, or simple monogram-style designs. You can define which color is used, or allow the shopper to choose from a list of color options.

1. Select the vector placeholder

2. Expand the Vector Mode toolbox

3. Select Single color from the Vector Type dropdown

4. Click the color swatch or the color picker to select a color. Using the swatch you can add colors with Hex, RGB-A, or CMYK-A values (the last 2 depend on the color mode of your design). If you want to add transparency, just slide the Alpha control on the bottom of the chart.

Keep in mind the single color will be applied to all the vector options on your dynamic vector.

Tip

You can add multiple color options for your vectors. To add more than one color option you can either use a color library or assign multiple color options by clicking Add color option and choosing a new color.

You can see a step-by-step guide on how to do that here.

Allow moving of the Dynamic vector

Enabling this option allows shoppers to move the dynamic vector around within a defined area of your design.

When enabled, shoppers can click and drag the vector during personalization, giving them more control over the final result.

To allow moving the Dynamic vector

1. Select the dynamic image element

2. Expand the Vector Behavior toolbox

3. Check Allow moving image vector bounding box

Once enabled:

• The dynamic vector bounding box turns red, showing the area within which the customer can move the vector.

• This red area defines the limits—the customer won’t be able to drag the vector outside of it.

• If you want to make the area bigger, just resize the vector placeholder on the canvas or with the tool box.