Design elements are placed within each design in a certain order – from left to right, top to bottom, as well as front to back. Yes, this third dimension is probably one of the most frequently forgotten (by casual users) characteristics of the visual elements within a design. Any design consists of elements that are located right in front of the viewer, while others are placed behind these front pieces.
The stacking order of the design elements within your design might not seem like a top priority, but shifting items between layers can sometimes change your design dramatically or, at the very least, improve its overall appearance and flow. Let’s see how we can use layering to adjust Crello templates.
In order to start layering your pieces, select a design element within your template (or add one) and press the button with three white layered sheets:
Move selected element to the front or back of your design to achieve the desired placing.
1. Moving elements of the design to the front.
After you’ve selected the template you want to use, you can adjust its elements, customize the text, add objects, change the background, etc. When you start editing, you sometimes notice the objects don’t quite go well together and one need to be placed in front of the other:
Select the piece you want to move between layers and press “Move to Front” once or more in order to place your item over the other design element(s):
2. Moving elements of the design to the back.
An easy way to change up a predesigned template and make it your own is moving its design elements around and making a few subtle changes that go with your personal preference, design needs or chunks of text that need to be accomodated.
With this template, we’ve decided to move this large blue circle to the bottom left and place it behind the illustration. Let’s see how we did it:
3. Moving elements of the design out of the way.
Sometimes layering is about something as mundane as one element being so large we can’t actually comfortably select and move the item behind it:
By simply moving the text one layer behind our maple leaf we free up the element for any editing we might want to do:
4. Moving added objects between layers of the design.
When you are adding any design elements to your selected template, layer work is almost always inevitable. Let’s say we want to add a cute sloth to this custom template (to add an item like this to your design, go to the Objects tab, select Illustrations and scroll to find the illustration you want to use, like this cute sloth). The piece is automatically placed on top of all our other design elements:
Let’s see if we can improve our design by moving the sloth a little further into the picture:
5. Adding a photo as a background.
If you decide to replace the background of your design with a photo of your own or one from Crello stock gallery, you’ll need to use the layering feature to place the picture to the very back of the design.
First, remove the existing background by selecting and deleting:
Next, go to the Photos tab and browse Gallery, Free Photos or upload your own image via Uploads menu. After you’ve selected the photo you want to use, the image is automatically placed literally front and center onto your design, like this:
Clearly, you want to fit the image to the size of your design, as well as layer it with the rest of the design elements:
Once you are done working on the multi-dimensional feel of your designs through meticulous stacking, and all the elements of your image neatly fall into place, one after the other, it’s time to learn more about the image editing tools you can use to customize your designs.
Edit photos and templates with filters, turn text into photo frames using text frames, add cool Text Badges to your images, learn how to resize designs to other formats, and see how to place images in beautiful and whimsical Crello Frames.
Looking for more? Visit our Crello Users group and let us know what tools you want us to talk more about, and for now, we are off to prepare your next blog!