![]() The watercolor butterflies and fall gnome layers were clipped to the Rectangle layer.Ĭheck out the rest of our Affinity Designer Tutorials such as how to type on a path, or how to type within shapes.Today you will learn how to use layer masks in Affinity Designer. The vibrant background was added as a clipping mask to the text layer. Now that you know the basics of using Clipping Masks you can have some fun by combining images. This will mask the Ellipse to the shape of the layer beneath it. Note: if you drag the image layer over to the thumbnail of Ellipse instead of the text description you will create a Masking Layer. The gradient Ellipse was not affected by this adjustment. In this case, a Curves Adjustment layer was added to the Gnome layer where the highlights and shadows were adjusted. This allows the designer to adjust each layer independently without affecting any of the other layers. Step 4 - Add an Adjustment layer (optional)Īdjustment layers can be added to the Parent (main) layer as well as the Child (clipped) layer. A gradient with green and pink color stops was added. You can adda gradient (insert tutorial on gradients) to the Ellipse for a more colorful background. When you have released your mouse button, the gnome image will be clipped to the Ellipse layer and appear as a Child layer beneath it. Remember to drag your mouse over the Ellipse word description and not the thumbnail. Step 3 - Create a clipping mask with the EllipseĬlick on the gnome image layer to select and then click and drag it up to the Ellipse layer. This layer is placed above the gnome image.Īdd a color by clicking on the Fill color top right of the screen and choose a color from the palette. The Ellipse will be created on its own pixel layer so you are able to resize as you wish. On the left side panel select the Ellipse tool then click and drag your mouse out over the gnome. Now you can move the image around and resize. To unlock the layer, under the Layers Panel on the right hand side click on the little lock icon. The image is locked by default, which means you can't reposition or resize on the canvas. Step 1 - Open your image in Affinity DesignerĬlick File and select Open, then locate where your image is stored, click to open. In the steps below we will use a sweet garden gnome by Whimsical Inklings. This is the same as restricting the background image to the boundaries of the text. ![]() Objects can be clipped to images where they are restricted to the boundaries of the shape. We chose the HSL Adjustment and changed the color using the Hue Shift Option. On the bottom right of the screen below the Layers panel, click on the Adjustments menu, which looks like a half colored in circle. Step 6 - Add an Adjustment to the Background layerĪdjustments such as Levels, Curves and more can be added to the Background layer. You are able to pan/shift and resize the Background layer in the text. With the layer selected click on the text and move your mouse around. To edit the Background layer, click the layer to select it. Step 5 - Resize and reposition Background layer Click on the white arrow next to the Text layer to open and view the Background layer. The watercolor background has been placed beneath the Text layer as a Child or attached layer. But when doing so we need to drag the mouse over the name of the layer and not the thumbnail. We need to click and drag the Background layer onto the Text layer. The background will be placed above the text.Ĭreating a clipping mask of the design onto the font is easy but where you place the design layer is important. Go back to the document containing your text, right click anywhere and select Paste. Once opened, click Edit at the top of the screen and select Copy. Start by clicking on File, select Open and locate where your file is stored. We will be using a textured watercolor background in this step. ![]() Step 3 - Copy and paste a background design With the text still selected, choose a font. Now type out your text.Ī new pixel layer with the text is automatically created.Īt the top left of the page is the Font Family selection. Click and drag the Text Tool out anywhere on the workspace/canvas area. If you see a box frame with the letter T, click on the little white arrow next to it to open the menu. Select the Artistic Text Tool that looks like a capital A on the left side panel. Step 2 - Type out your text and choose a font A welcome page will load automatically, select New Document. Step 1 - Create a New Document in Affinity DesignerĬlick on Affinity Designer to open it. This Child layer can still be edited by resizing, panning/repositioning, adding adjustment layers and more. Once you have clipped an image/object to the Font layer it becomes a Child layer. ![]() Bold fonts work very well with Clipping masks as there is more visual space for adding images/objects. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |