Introduction to Layers

What are Layers?

Layers are an important concept to grasp when working in photo editing or graphic design. BeFunky utilizes layers in a few different ways, but the core concept of them remains the same.

Every image starts as a single layer. Once you start adding extra elements to an image, like another image, or a graphic or block of text, you're adding multiple layers to your project. Each layer can be edited directly, and you can move between layers to make edits on one without directly affecting another. In this guide we’ll go over the different types of layers you’ll encounter on BeFunky and how to manage them.

Image Layers

Below we have a new layer to add from our Image Manager. This horse cutout has a transparent background, and can be added as a layer onto the background.
Click on your horse cutout and you’ll see the option to ‘Add as Layer’. You’ll see the horse layer over your original image, which is currently set as the background. Your horse cutout will be considered a ‘layer’ here, as will any subsequent images added over the background.
Once your layer has been added, you can use the blue checkered border to adjust the size of the layer, or rotate it to fit in better with your image. Click the layer and drag it around the canvas to move the location of your layer.
You'll also see an Image Properties panel appear when a new layer is added. This will let you make changes like adding a Color Overlay or Tint to the layer. Click on the 'Options' sub-menu to change Blend Mode, Opacity or layer placement. If you want to see all the current layers added to your canvas, click the Layers & Groups icon to the very left of your bottom bar

Graphic Layers

If you’re looking to add graphics to your project, each graphic you add will be a separate layer. Under the 'Graphics' menu, you can 'Search Graphics' and select the graphics you want to use to add them to the Image Manager. Then either drag and drop, right-click to 'Add as Layer' or double-click the graphic to add it on your canvas.
Once it’s been selected and added to the canvas, you’ll see a ‘Graphic Properties’ panel appear. This will give you options to add a Color Overlay or Tint, change the position of the graphic relative to the rest of your layers, adjust opacity, change the Blend Mode or other alignment.

Text Layers

To add text layers, head over to the Text menu, then click ‘Add Text’ to create a new layer. Type in your text over the demo content, then use the ‘Text Properties’ panel to change the font style, size, color, or background.
Each piece of text you add will be a separate layer. You may want to make several different layers of text so you can have them at varying sizes and colors as opposed to one uniform font. Experiment with different options and find what works for you!

Managing Layers

Layers are arranged as a stack within your Layers & Groups panel. On the bottom bar of your workspace, you’ll see an icon that looks like three sheets of paper stacked. Click on that to control your layers and groups

Moving layers on canvasClick on a layer title to select it as your active working layer. You can also drag a layer up or down in the Layers & Groups panel to change the order of layered objects on the canvas. Click the 'Flatten' button to merge all visible layers into the background.

Layer Groups

If you want to manipulate multiple layers at the same time, you can combine them into groups. This can be helpful if you’re grouping several different layers of text or graphics that you want to experiment with.

To select a group, hold down the ‘Control’ button or right click on your keyboard, then click on the layers you want to group. You’ll see them all get selected, with one larger selection box around all of them.
8 out of 8 found this helpful