- Overview
- Transcript
4.7 Using the Transparency Tool
Affinity Designer’s Transparency Tool allows for sophisticated application of transparency to shapes. It works in a very similar way to the Gradient Tool, except it applies varying degrees and shapes of opacity instead of color. Learn how to work with it in this lesson.
1.Introduction1 lesson, 00:58
1.1Affinity Designer Quick Start00:58
2.Vector Persona7 lessons, 26:52
2.1Creating Curves02:43
2.2Adding, Deleting and Connecting Nodes05:02
2.3Node Types and Pen Drawing Modes05:07
2.4Using the Corner Tool03:15
2.5How to “Power Duplicate”02:49
2.6Real-Time Embedded Object Editing04:11
2.7Painting With Vectors03:45
3.Interface7 lessons, 23:54
3.1Transforming Objects03:32
3.2Split-Screen View With Slider02:17
3.3Understanding the Layers Panel07:04
3.4Using the Guides Manager02:51
3.5Tip: Rearranging Studio Panels02:11
3.6How to Set Up Grids03:22
3.7How to Set Up Snapping02:37
4.Color, Fill and Stroke7 lessons, 26:03
4.1Working With Fills04:57
4.2Working With Strokes03:10
4.3Color Selection and Copy Paste Hexcodes03:31
4.4Extracting Color Palettes02:17
4.5Generating Color Chords03:45
4.6Define and Edit Gradients05:02
4.7Using the Transparency Tool03:21
5.Pixel Persona2 lessons, 07:49
5.1Pixel Persona and Pixel Brushes04:16
5.2Pixel Tool03:33
6.Interactions Between Shapes2 lessons, 12:20
6.1Using Boolean Functions04:37
6.2Masking and Clipping07:43
7.Effects, Styles, Pressure and Velocity2 lessons, 10:49
7.1Effects and Styles04:42
7.2Velocity, Pen Pressure and Manual Simulation06:07
8.Exporting1 lesson, 05:24
8.1Exporting, Export Persona, Continuous Export05:24
9.Conclusion1 lesson, 00:33
9.1Wrapping Up00:33
10. Bonus Lessons5 lessons, 47:14
10.1Typography18:52
10.2Artboards08:09
10.3Constraints06:49
10.4Symbols06:28
10.5Assets Panel06:56
4.7 Using the Transparency Tool
Welcome back to Affinity Designer Quick Start. In this lesson, we're going to learn how to use the transparency tool. Now the transparency tool is a lot like the fill tool, only instead of filling in color, you're taking color away. So right under the fill tool is the transparency tool, this little thing that looks like a wine glass. So the way that you can use it is select a shape. And then we're gonna add some transparency in a linear gradient to this shape so that it shows through some of this background shape here. So just like with the fill tool, you just draw out the transparency that you want. And then you can see that we've got a nice transparent edge here. And the way that this works is it's just like laying out a gradient. If you have a look up here, you'll see that you actually do have a gradient that you're working with. But rather then adding in different colors, all you're setting in this gradient is your alpha channels. So I can grab the very end point here, and I can change the amount of opacity that I'm adding in with the transparency tool. So you see that changing at the right end of the transparency gradient there. And also, just like with a gradient, I can change the shape of the transparency that I'm applying. So by default, you get this linear transparency. But, you can also use Elliptical, Radial or Conical transparency. So for example, with elliptical transparency, we can have a really nice rounded edge. So you can see you have that soft rounded edge around the outside there. So you can use this to create. A perfectly rounded-off fuzzy edge. You can also with the linear gradient, you don't have to just have transparency fading out on one edge, just like you do with a regular gradient. You can add in extra stops. So I can select this first stop. Add in an extra stop. I can set this middle stop to be 100% opacity. And then I can drag the first stop down to zero. And now we have faded our edges on both the left side and the right side. And also just like with the gradient tool, you can adjust the exact line of your transparency and, you can change the distribution of the opacity levels. And you'll notice that transparency affects both the stroke and the fill. So this is a really, really powerful way to fade shapes into one another without relying solely on things like transparent gradient stops or masking. In the next section of the course we're going to start looking at affinity design is different personas. The first of those being pixel persona, and we're going to start out by having a look at pixel based brushes. I'll see you there.