By using our website you consent to all cookies in accordance with our cookie policy. Gradients add depth to projects. This includes adding backgrounds to corporate photos, product mockups or texture to fonts and vector objects. The Gradient Tool in Affinity Straight line tool affinity designer free download adds and adjusts multiple colors that gradually blend together.
You can straight line tool affinity designer free download images in Bitmap gradients and use the gradient tool across all layers. Gradients are a quick and simple way to add a fun background to any project.
A shading effect can be added to objects. Text can be enhanced with a colorful combination for a striking look. Make a Gradient Background in Affinity Designer Gradients are so versatile you can shape the color transition however you want. Bitmap gradients can create great textured fills. We will be working in the Designer Persona for this tutorial. Step straight line tool affinity designer free download - Create your document and add a pixel layer Once you have opened Affinity Designer, click New document.
You will be given options for sizing, resolution, orientation and more. Choose your settings and click Create. Before you can add a background gradient, you need to add a pixel layer first. This will create a new blank layer. Step 2 - Add a gradient background The gradient tool is, by default, set to Linear with White and Grey points for the colors. On the left side bar select the Fill toolit looks like a colorful circle.
On your blank canvas, click and drag your mouse from one side to the other. We clicked from left to right. Release your mouse button. The gradient can be drawn at any angle. Step 3 - Change direction and color of gradient On either side of the gradient line are color stops.
These represent the colors used. You can move the gradient around by shifting these color stops individually. You can also narrow the transition between colors by bringing straight line tool affinity designer free download stops closer together. Place your mouse over the stop you want to move until you see a set of directional arrows appear.
Click and drag the color stop to where you want it. To move the entire gradient, place your mouse over one of straight line tool affinity designer free download color stops.
It will show directional arrows. You can change the colors as well as add multiple color stops in between. Click the stop you want to change. Go to the Color Menu top right and click on the color palette beneath Lightness L to select a color. If your palette is only greyscale, slide the Saturation S slider all the way to the right. Hue changes the dominant colors. Straight line tool affinity designer free download changes the intensity of the color. Lightness changes how dark or light the color is.
Opacity changes how opaque and transparent the color is. Click on one of the color stops, adjust HSL and Opacity as you want. Step 5 - Add more color stops to the gradient line Additional color stops can be added to the gradient line. Position your mouse anywhere on the gradient line. A plus sign will appear next to the mouse icon. Click once to place a new color stop. Add additional color stops as you wish. We added 3 extra stops along the gradient line.
Step 6 - Change the transition of the color stops On the gradient line you also have small transition lines, these change the transition between the colors. Moving the slider in one direction will make the color more dominant.
Moving in the opposite straight line tool affinity designer free download will make the color less dominant.
This will also create a harder definition between the colors whereas instead of a subtle transition. Changing the type of gradient Linear gradient is just one of a few different style gradients available. Using a gradient will depend on the type of effect you are going for in your design. As with all gradients you can easily add and edit color stops. You can also change position and edit transition between colors.
Change the type of gradient by selecting from the options under Typetop left of the screen. Solid Gradient A solid gradient is as the name suggests, a solid gradient fill.
A quick way to change the color is to use the color palette on the top menu bar. Click straight line tool affinity designer free download color and it will be applied to the entire canvas as a solid color.
Elliptical Gradient The Elliptical Gradient has two gradient lines at right angles. One line is longer than the other, creating an Ellipse with stops. However, two of those stops at either end represent the same color. If you change one of these end stops, the other will change too. The middle stop can be changed to another color.
You can also add in additional color stops. To move the Ellipse Gradient around you click on the center color stop. To resize the Ellipse click on one of the end color stops and drag your mouse to change the size. Radial Gradient Unlike the Ellipse Gradient, the Radial option is rounded with a single gradient line. The size of the Radial Gradient can be adjusted with the end color stop but the shape will remain round. To move the shape without adjusting the size, click on the color stop located in the center of the gradient.
Conical Gradient The Conical Gradient is an interesting one. The colors are centered around a point in the middle with a curved gradient. The curved gradient features 4 color stops but two of these are connected as one color. Conical gradients give a unique way of adding a shading to an object to create a focal point. Bitmap Gradient The Bitmap Gradient uses a pattern fill which can be a background, a photo or any image format.
We used colorful tribal background for this example. When using the Bitmap Gradient, it will look strange when first added as a background. The stops on this gradient are used for resizing and repositioning only. Colors can not be changed. There is a set of options for dealing with strange looking Bitmap gradients found under the Extend Menu.
These features only become available when adding a Bitmap gradient fill to vector objects or fonts. Add a Gradient to a font or design In Affinity Designer, adding a gradient to a vector shape straight line tool affinity designer free download font can be a quick way to add texture or shading.
We will look at how the gradient types work with the bold commercial use font Unlucky. Step 1 - Type out your text and change the font Create a new document and select the Text Tool on the left side panel. There are two options, Artistic Text and Frame Text. You will see either an A or a T with a box around it. Artistic Text allows you to type without size restriction. Frame Text uses a drawn out frame to constrain the font. We will be using the Artistic Text tool. Next type out your text.
The Font Family option top left will contain all of the fonts on your system. You will also have a mini preview of what the font looks for quicker selection. Select the text and choose a font. Step 2 - Add a gradient Once you have chosen your font, select the text and add a gradient with the Gradient Tool.
We added the gradient from the top of one corner to the bottom of the other. Linear Gradient was automatically applied. Step 3 - Change the type of gradient Have a little fun by changing the gradient type and create a lovely shading effect. The Elliptical and Radial Gradients appear similar when used with this font. Add a Bitmap gradient to the text A Bitmap can be used to give the font texture and design.
This would be very useful in sublimation projects where you want to give text a creative touch. In this example, you will see how various images can be used and how adding a stroke can make text pop.
