Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Create Custom Family Clipart in DesignScape
  • By Kia Lor
  • 04 Apr 2022
  • 9 Mins
  • Beginner
  • DesignScape

How to Create Custom Family Clipart in DesignScape

Discover how to create custom family clipart in DesignScape using a family clipart builder.

Is your family too busy to take family photos? If so, why not create custom family clipart in DesignScape for cards, shirts, posters, and more. Family clipart builders are very popular as they look great, and the characters are customizable. You can often pick the skin color, hairstyle, clothes, etc.

How to Create Custom Family Clipart in DesignScape

There are several family clipart builders available on Design Bundles. Some are even available on the Plus Hub, and guess what?! We have a free 30-day trial for the Gold Plus Membership if you’re not already a Plus Member!

Before we begin, you’ll want to download and unzip the files. We recommend that you open the clipart files to look at as some may be small and hard to see in the File Explorer/Mac Finder. Also, looking at them beforehand will allow you to plan out which pieces you want to use.

Step 1 - Open & Place Pieces of a Character

After starting your new DesignScape project, go to File > Open & Place.

Shows to click File and then Open & Place in DesignScape

Once the clipart is opened, click the checkmark in the top toolbar. Then double-click on the layer name and rename it to something that would help you easily identify the layer.

Shows to click the checkmark at the top and then double-click on the layer name to rename it

Go to File > Open & Place again for the rest of the pieces to finish creating the character.

Note: with the family clipart builder that we’re using, when we open & place a clipart piece, it’s already in the correct place and size, but you may need to make some changes depending on the family clipart builder you’re using. No matter which case it is, the pieces should fit together or overlap nicely.

If you have to move or resize a layer, select the layer and the Move Tool (V). Make sure Transform controls in the top toolbar is enabled, then hold Shift and click + drag a corner handle on the bounding box to resize the layer. Click on the actual image itself and drag it to where you want.

Shows how to move or resize an individual layer

Step 2 - Group Character Pieces/Layers

When you’ve finished putting together a character, select all the layers of that character using Shift. Then go to Layer > Group Layers or click the folder icon at the bottom of the Layers panel.

Shows to select all layers for the character and then click on Layer and then Group Layers

You can double-click on the folder name and rename it to who the character is if you'd like. We named our first character “Dad.”

Image highlights a folder named 'Dad'

Step 3 - Repeat Steps 1 and 2 for the Other Characters

Now repeat Steps 1 and 2 for the rest of the characters in your family clipart. Make sure you select the Background layer first before you open & place a new character piece, or it’ll get added into the selected folder.

If for any reason you need to move a whole character, select the Move Tool (V), click the arrow icon to the right of the eye icon to open the folder and select all the layers. Next, click + drag the character over.

Select all layers in the folder and then click + drag the character using the Move Tool

We added the other characters to our family clipart, as shown in the following image.

Shows the other finished characters along with renamed folders to match the characters

Step 4 - Transform and Move Characters

If your characters are not in the correct size or place once you’ve added all of them, now is the time to scale and move each one, so they fit together.

We’ll be skipping this step as our characters are exactly the right size and where we want them.

Step 5 - Ungroup and Rearrange Layers

Look at your image to see which characters or layers should be in front or behind. See the following image for an example of the correct arrangement versus incorrect arrangement.


Shows what the clipart looks like with the correct layer arrangement and incorrect layer arrangement

Move Folders

If your family clipart builder is like ours, you can simply click + drag the folders in the Layers panel to rearrange the characters.

Click and drag a folder in the Layers panel to rearrange the folders/layers in DesignScape

Move Individual Layers

If you need to rearrange individual layers, you’ll have to ungroup them. Open a folder and select all the layers. Then click + drag the layers out of the folder. You can delete the empty folder by selecting it and clicking on the trash bin icon in the bottom right corner. Repeat this for the rest of the folders.

Shows how to move all layers out of a folder to "ungroup" them in DesignScape

Once all the layers have been ungrouped, you can click + drag the layers to their correct places in the list.Shows how to rearrange layers by selecting, clicking and dragging them in the Layers panel

Your beautiful family clipart is complete!! You can hide the background layer and export your clipart as a transparent PNG for any project.

These are so fun to put together! You’ll definitely want to try making one yourself. There are even family clipart builders with pets and family clipart builders for special occasions!


6 Related DesignScape Tutorials

Creating your artwork on the perfect sized canvas will save you the pain of having to crop or lose quality when scaling up. Your canvas size is the first and most important step that you take when illustrating. But, don’t panic, in this tutorial, I’m going to take ...

1- Open canvas workspace.2- You will need a texture to use for your custom fill. You can find many online for free. You can also purchase them on Design Bundles. I am using a grunge texture vector file.Download and unzip the file to use.3- To access your ...

In Affinity Photo you can create your own custom brushes, including adding an image. In this tutorial we will take you through the different brush types available. Custom brushes can be used to watermark images, add textures or decorative elements and more. So let’s get started as we create ...

You can create professional and visually appealing email signatures using DesignScape, which is what we’ll be showing you today. Your email signature should provide information about you and your company along with a call to action or marketing element.DesignScape is an excellent alternative to Illustrator/Photoshop and is ...

Today, we will go over how to make an offset stroke in DesignScape. You can use this technique to quickly outline your text.DesignScape is available for Gold Plus Members only and is an excellent substitute for Photoshop and Illustrator. The program is internet-based, so it won't take up space ...

Today we will show you how to create a shape in DesignScape. There is a selection of preloaded shapes available, including fun custom shapes. These shapes can be used as a basis for creating your own designs. As DesignScape is a program available online, creating designs is flexible and efficient....

designscape custom character builder group layers

You may also like

Help Center
ol image